.span{ display:inline; } .body{ margin: 0; padding: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: PingFang-SC-Regular,HeitiJ-Light,Helvetica Neue,Helvetica,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased; font-size: 28.125rpx; color: #000; outline: none; } .wrapper { padding-bottom:124.375rpx; } .member-card-info{ display: flex; height: 80rpx; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; width: 100%; background-color: rgba(255,73,101,.08); -webkit-box-pack: justify; justify-content: space-between; } .info-sec { -webkit-box-pack: start; justify-content: flex-start; color: #3d3d3d; } .vip-icon { width: 38rpx; height: 30rpx; margin-right:12rpx; margin-left: 24rpx; } .member-card-btn { color: #fff; background-image: linear-gradient(135deg,#fe597c,#ff776f); display: block; width: 160rpx; height: 52rpx; line-height: 52rpx; text-align: center; border-radius: 52rpx; font-size: 24rpx; margin-right: 24rpx; } .grid-wrap cart{ height: 392rpx; width: 750rpx } .cart-brand-list{ background: #fff; margin-bottom: 16rpx; } .header{ color: #858585; height: 88rpx; line-height: 88rpx; padding: 0 24rpx; } .cart-select-dot.selected { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAABGdBTUEAALGPC/xhBQAAAGZQTFRF/0Jm/0Jo/0Rq/KKv/maF/8PN/3CI/kpn/0dj/Vl2/5Ol/E9sAAAA/bzC/+Tk/HOK/pin//Lz/Exn90lg/tXY/lp4901m/f79/Edj/0Nh/0xi/Epg/0ho/0Vn/0Zi/Elm/0to/0hkvQuA7wAAAA10Uk5TqamoP4MceKGmklKbACJ4vowAAAIySURBVDjLjZTZdiIxDESTAO1ewiSRwbi1WNL//+TIHcg+i3hgu6esLpV19/jvuvv07TAP07JMw3z4EzMvyRpRpmZpmX9idkF4LiAMpbqmZfeNGUZ1NjAW8f7mOg5fmGkkMWsNCYGwNTOhcfrETCkXp4wAEqWImbDkNH1g9olECrs3t1LMqzMrO6X9G7MbmxUPZKtoxTIXySvmNN+YqZkqxt8WL5dCjdkIbDVdrsz8UKPJTvQybVQE7Hx6MoHuU2eWxvG73XSYWvR//nU5igotG3NI5FBBbzrEvCGncxiF6dCZWTBbOPemwxXPL5dTscatwdyZQcMLBrjpgHJHwCRm4zB0ZuHicj7CTUfpqSNONZxSnjqTCqOf4vjoOxsXDeToKysRC6zLxkBz3nqsXqT50+Vy5BqmlrAJbGOm5mRXSAy6ioYac3aFSttZQyGrIOfT5dfZKFSeRYGc1b045uH12ddq2W2DngOBItowq1VztPnVQzRBiKc4XV5eArGGthYMYyMld4fXWWQoLXMzOIUKUeSjmWRWE6/TdaaJObqm8PH4LBDJEaMaUYHi43Wmj0sEXQnCao8PJeZVUZWCheUtY/fY59T6zDWipBscvsP97j2rIyFzAY6pR2EYEwYBjfuPmc/Oq4G4XuNqvDLm6fPdSStixAI0QqJxMuKapi93cL9E1qsLxL3gLleX/be7PC8P3EdQCrcM/PB+4z/vhBEpMtAIx593wm23pL/ulv/bUT/XbzsVYDO+nF51AAAAAElFTkSuQmCC") no-repeat 50% ; background-size: 40rpx 40rpx; } .cart-select-dot { float: left; display: block; margin-right: 24rpx; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhBJREFUeNrEV4uNwjAMDVkANqAbtBIDNBvABoQNboSOwAhlgusIvQGQ2g3KBscEPRu9IF+uPVJaiiWrECX2i+34s2jbVoXQ+XyO6LMDJ8RLb8uVuCIuiYvNZlOFyF08AkCKDX0y4lQNoy/iIwEpngJAilf0yYm3YvnCt8MtG3dLWIfZwEKxB8TS3iYYAAlMoGQphGQkpAx0F5//IN4L99gua/wBQIctmw7Kew8GAjGw4hpLB5KV9wLwbl6zOftMNwDECjLjLhB3ANjYCOWGNn6rCcgDcYXsW/xosS8XZt9NpZwJsgyCeAkXqzsA+MpFux1r9n9AWPxNEWt3C2Qu2p8NuEAQ7IaT1KnxhlMPyCvJ6Vhz0GskjluSCX3nI63QIK/c3K0RHAoZbi5yuoxGYVF4JnORK1SxFlmqmUu7dLUWi5V6A2n1ZtJeHXgLgAt+R3MplZfVIvjMjBd3AGot3uRuRgBOVyUBrFGUXm3+SBS+Qnupcc5awKm/8Kth+korIPj2UqfsiEpURW5Ioikbko6uqCb5iZ+ILJRzx1LiwJR0FH2h7WtKOTo/3ROZoi/ERY7C9L+aUu0VCX4RB1ep+JmMiQnRZe+D2nLPErkYTE4YTJoBTy0TijuVPxrNIoCQM2GNtcrvnmCpBBl1652xfdU2ZDi1GLPigR64wGr5qOnY86fFLfsm5VqM50Ed1o8AAwCn/ALSyMOSQAAAAABJRU5ErkJggg==") no-repeat 50% ; background-size: 38rpx 38rpx; height: 88rpx; width: 40rpx; } .p{ display:inline; } .title2 { float: left; max-width: 60%; font-size: 26rpx; } .iwf .title { width:100%; max-width: 100%; font-size:26rpx; text-align: left; } .cart-martshow-go{ color: #3d3d3d; padding-right: 20rpx; background: url(https://mall.shiziyu888.com/dan/Common/image/79944927_8e8k2bik3ek6ij1eh06li9lcf86jd_13x23.png) no-repeat 100%; background-size: 13rpx auto; } .get-coupon-btn { color: #3d3d3d; font-size: 24rpx; padding-left: 24rpx; float: right; } .time { color: #ff4965; font-size: 24rpx; padding-right:25rpx; padding-top: 4rpx; padding-bottom: 4rpx; height: auto; border-right: 1rpx solid rgba(0,0,0,.08); } .coupon-edit { padding-left: 24rpx; height: auto; padding-top: 4rpx; padding-bottom: 4rpx; color: #3d3d3d; font-size: 24rpx; } .cart-item-list { margin-left: 24rpx; position: relative; border-top: 1rpx solid #ebebeb; border-bottom: 1rpx solid #ebebeb; } .cart .cart-brand-list .cart-item-list .cart-select-dot { height: 184rpx; } .cart-item-wrapper { overflow: hidden; padding: 12rpx 0; margin-left: 75rpx; } .cart-item-img { width: 184rpx; height: 184rpx; float: left; background: url(//b0.hucdn.com/party/2016/8/upload_dd08310cb6b1d91b3185eee68266e01b_70x80.png) no-repeat 50%; background-size: auto 48%; } .cart-item-list .cart-item-img image { width: 100%; height: 100%; } .cart-item-info { position: relative; float: right; margin-right: 24rpx; width: 60%; height:184rpx; margin-left: 20rpx; } .cart .cart-brand-list .cart-item-list .cart-item-info .title2 { display: -webkit-box; color: #3d3d3d; font-size: 24rpx; overflow: hidden; line-height: 32rpx; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width:100%; } .cart-control { display: none; height: 56rpx; font-size: 35rpx; } .mul-btn { width: 56rpx; height: 56rpx; line-height: 56rpx; text-align: center; border: 1px solid #e4e4e4; display: inline-block; background-color: rgba(0,0,0,.06); } .num-input { width:94rpx; text-align: center; color: #333; border: 1px solid #e4e4e4; height: 56rpx; line-height: 56rpx; background-color: rgba(0,0,0,.06); font-size:24rpx; } .description { white-space: nowrap; color: #8f8f8f; margin: 18rpx 0; font-size: 22rpx; width:100%; } .onedit-description{ width: 60%; white-space: normal; position: absolute; bottom: 0; left: 0; color: #8f8f8f; margin: 18rpx 0; font-size: 22rpx; } .util-ellipsis { overflow: hidden; text-overflow: ellipsis; } .cart-item-price { position: absolute; left: 0; bottom: 0; text-align: left; } .discount { display: inline-block; font-size: 24rpx; color: #3d3d3d; font-weight: 900; } .original { display: inline-block; text-decoration: line-through; color: #8f8f8f; padding-left:6rpx; font-size: 22rpx; } .cart-item-number { position: absolute; right: 0; bottom: 0; color: #8f8f8f; font-size:22rpx; } .promotion-text { float: left; font-size: 22rpx; color: #ff4965; padding-top: 12rpx; } .cart-delete { position: absolute; top:2rpx; right: 5rpx; height: 184rpx; line-height: 184rpx; background-color: #fe3824; font-size: 28rpx; padding: 0 36rpx; white-space: nowrap; color: #fff; } .cart-preferential-status { overflow: hidden; margin-left: 99rpx; font-size: 24rpx; } .cart-count { float: right; margin: 30rpx 24rpx 30rpx 0; font-size: 24rpx; text-align: right; } .price { display: inline-block; text-align: left; font-size: 28rpx; min-width: 94rpx; color: #3d3d3d; font-weight: 700; } .lose-list { background: #fff; margin-bottom:16rpx; } .lose-list .lose-item { position: relative; height: 208rpx; } .lose-list .lose-item .lose-icon-container { line-height: 208rpx; float: left; } .lose-list .lose-item .lose-icon-container .lose-icon { font-size: 18rpx; color: #fff; margin: 0 20rpx; line-height: 100%; padding: 3rpx 6rpx; background: #bfc1c4; border-radius: 3rpx; } .lose-list .lose-item .lose-item-wrapper { overflow: hidden; padding: 12rpx 0; border-bottom: 1rpx solid #ebebeb; margin-left: 88rpx; } .lose-list .lose-item .lose-item-img { width: 184rpx; height: 184rpx; float: left; background: url(https://b0.hucdn.com/party/2016/8/upload_dd08310cb6b1d91b3185eee68266e01b_70x80.png) no-repeat 50%; background-size: auto 48%; } .lose-list .lose-item .lose-item-img image { width: 100%; height: 100%; } .lose-list .lose-item .lose-item-info { position: relative; float: left; width: 66%; height: 184rpx; margin-left: 20rpx; } .lose-list .lose-item .lose-item-info .title2 { display: -webkit-box; color: #3d3d3d; font-size: 26rpx; overflow: hidden; max-height: 68rpx; line-height: 34rpx; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float: none; max-width:100%; } .lose-list .lose-item .lose-item-info .description { color: #8f8f8f; margin: 16rpx 0; font-size: 24rpx; } .lose-list .lose-item .button-container { position: absolute; right: 0; bottom: 0; text-align: right; } .lose-list .lose-item .collect-button { margin-right: 24rpx; border: 1rpx solid #b1b1b1; border-radius: 8rpx; color: #3d3d3d; padding: 13rpx 23rpx; font-size: 26rpx; line-height: 52rpx } .lose-list .lose-item .similar-button { border: 1rpx solid #ffb6c1; border-radius: 8rpx; color: #ff4965; padding: 13rpx 23rpx; font-size: 26rpx; line-height: 52rpx } .lose-list .clear-button-container { padding: 26rpx; text-align: center; } .lose-list .clear-button-container .clear-button { display: inline-block; border: 1rpx solid #ffb6c1; border-radius: 8rpx; padding: 13rpx 20rpx; font-size: 26rpx; color: #ff4965; } .recommand-module-title { text-align: center; height: 88rpx; line-height:88rpx; background:#fff; margin-bottom:10rpx; } .recommand-module-title image { height: 30rpx; width: 30rpx; vertical-align: middle; } .recommand-module-title-span { color: #3d3d3d; font-size:28rpx; } .recommand-list { padding: 0 3rpx; overflow: hidden; } .recommand-item { margin: 0 3rpx 3rpx; width: 366rpx; float: left; background: #fff; } .recommand-module .recommand-item-img { background: url(https://b0.hucdn.com/party/2016/8/upload_dd08310cb6b1d91b3185eee68266e01b_70x80.png) no-repeat 50%; background-size: auto 48%; width:366rpx; height:366rpx; } .recommand-module .recommand-item-img image { width: 100%; height: 100%; } .recommand-module .recommand-item .info { padding: 10rpx 15rpx; } .recommand-module .recommand-item .title2 { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height:72rpx; color: #3d3d3d; line-height: 36rpx; font-size:26rpx; max-width:100%; } .recommand-module .recommand-item .price { margin:15rpx 0; color: #8f8f8f; font-size: 26rpx; } .recommand-module .recommand-item .price .sell-price { color: #ff4965; font-weight: 700; } .recommand-module .recommand-item .price .original-price { margin-left: 8rpx; text-decoration: line-through; } .group-nav { position: fixed; bottom: 116rpx; width: 100%; background-color: hsla(0,0%,100%,.98); z-index: 9; } .checkout { width: 100%; background-color: #fff; border-top: 1px solid #e7e7e7; font-size: 30rpx; } .checkout .select-all { float: left; color: #3d3d3d; line-height: 90rpx; margin-left: 18rpx; } .checkout .checkout-info-wrapper { float: right; text-align: right; height: 90rpx; } .checkout .button { float: right; padding: 0 70rpx; line-height: 90rpx; text-align: center; background: #ff4965; color: #fff; } .checkout .ccc_color{background-color: #cccccc;} .checkout .ff_color{ background-color:#ff4965; } .checkout .info { float: right; color: #666; text-align: right; padding: 10rpx 24rpx; } .checkout .info .price { color: #ff4965; font-size: 26rpx; font-weight: 700; } .checkout .info .save { font-size: 24rpx; color: #8f8f8f; } .empty-cart { text-align: center; margin-bottom: 40rpx; padding-top: 87rpx } .empty-cart .cart-img { display: inline-block; background: url(https://b0.hucdn.com/party/2016/8/upload_7557af7a9f322613d77290d8c9a72a8a_208x213.png) no-repeat; background-size: 100% 100%; width: 208rpx; height: 213rpx; } .empty-cart .cart-hint { padding: .512rem 0; color: #3d3d3d; font-size: 28rpx; line-height: 40rpx; } .empty-cart .cart-btn { display: inline-block; border: 1px solid #f7afbc; border-radius: 8rpx; padding: 22rpx 32rpx; background-color: #fff; color: #ff4965; font-size: 28rpx; line-height: 28rpx; } .two_line{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }