page { height: 100%; min-height: 100%; background: #fff; } .container { background: #fff; width: 100%; height: auto; min-height: 100%; 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(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/servicePolicyRed-518d32d74b.png) 0 center no-repeat; background-size: 10rpx; padding-left: 15rpx; display: flex; align-items: center; font-size: 25rpx; color: #666; } .no-login { width: 100%; height: auto; margin: 0 auto; } .no-login .c { width: 100%; height: auto; margin-top: 50rpx; } .no-login .c image { margin: 0 auto; display: block; text-align: center; width: 362rpx; height: 392rpx; } .no-login .c text { margin: 0 auto; display: block; width: 258rpx; height: 59rpx; line-height: 29rpx; text-align: center; font-size: 35rpx; color: #999; } .no-login .login-btn { width:362rpx; line-height:94rpx; border:2rpx solid rgba(227,20,54,1); border-radius:4rpx; font-size:30rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(227,20,54,1); text-align: center; margin: 15px auto; box-sizing: border-box; background: none; } .no-cart { width: 100%; height: auto; margin: 0 auto; } .no-cart .c { width: 100%; height: auto; margin-top: 50rpx; } .no-cart .c image { margin: 0 auto; display: block; text-align: center; width: 362rpx; height: 392rpx; } .no-cart .c .no-cart-btn { width:362rpx; line-height:94rpx; border:2rpx solid rgba(227,20,54,1); border-radius:4rpx; font-size:30rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(227,20,54,1); text-align: center; margin: 15px auto; box-sizing: border-box; } .no-cart .c text { margin: 0 auto; display: block; width: 258rpx; height: 29rpx; line-height: 29rpx; text-align: center; font-size: 29rpx; color: #999; } .cart-view { width: 100%; height: auto; overflow: hidden; } .shop-editor { height: 80rpx; background: #fff; width: 100%; display: flex; align-items: center; border-bottom: 2rpx solid rgba(239,239,239,1); } .shop-editor .checkbox { flex: 1; height: 34rpx; padding-left: 60rpx; line-height: 34rpx; font-size:24rpx; font-family:PingFangSC-Medium; font-weight:500; color:rgba(51,51,51,1); } .shop-editor .edit { width: 100rpx; line-height:40rpx; border:1px solid #FF1B40; border-radius:24px; color: #FF1B40; font-size: 24rpx; font-weight: 400; text-align: center; margin-right: 20rpx; } .shop-editor .sure { width: 100rpx; line-height:40rpx; border:1px solid #FF1B40; border-radius:24px; color: #FF1B40; font-size: 24rpx; font-weight: 400; text-align: center; margin-right: 20rpx; } .shop-editor .delete { width: 100rpx; line-height:40rpx; border:1px solid #6E6E6E; border-radius:24px; color: #6E6E6E; font-size: 24rpx; font-weight: 400; text-align: center; margin-right: 20rpx; } .cart-view .list { height: auto; width: 100%; overflow: hidden; margin-bottom: 120rpx; } .cart-view .group-item { height: auto; width: 100%; background: #fff; margin-bottom: 18rpx; } .cart-view .item { height: 164rpx; display: flex; justify-content: space-between; width: 100%; overflow: hidden; border-bottom: 1px solid #f4f4f4; } .cart-view .content{ width: 100%; height: 164rpx; transition: all 0.4s; transform: translateX(180rpx); margin-right: 0; margin-left: -180rpx; } .touch-menu { display: flex; width:180rpx; transform: translateX(180rpx); transition: all 0.4s; overflow: hidden; } .cart-view .del { background-color: #FF1B40; width:91rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; box-sizing: border-box; font-size: 22rpx; font-weight: 500; } .cart-view .collection { background-color: rgb(233, 145, 64); } .collection text { font-size: 22rpx; color: #fff; font-weight: 500; } .touch-move-active .content, .touch-move-active .touch-menu { transform: translateX(0); } .checkbox-main { float: left; height: 170rpx; width: 70rpx; } .checkbox { height: 34rpx; width: 34rpx; margin: 65rpx 18rpx 65rpx 26rpx; background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat; background-size: 34rpx; } .checkbox.checked { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAZlBMVEUAAADjFDbmFjbjFDbjFjTkFDbjFTbjFDbjEzbjFDbjFDbhEzXkFDbkFDblEzfjFDbjFDfjFDbjFDbjGjnjFDbjFDbiEzXpEDjjFDbiGTrgEDPjEzXiFjXiFTbjFDbjFDbjFDbjFDZ8j12QAAAAIXRSTlMA+wjGXasuHQrTyWDArhLe3M+lB+nmoZmXb2taTUv0aIPfYCm5AAABAklEQVQ4y52U6bKDIAxG4eIKXrXazW72e/+XrFUpjYCMPb/IeCaACWG/kFyOoj4canG8JD4nUwXHB16ozGXddliwu1lSeYKDU0mtVMKJTImVw0P+5WUCXoS5yBkrnLV1xyr3yWrzdS1vRy2Cm7qYF9Goec7/X7J+qooY68jd1h9j2WOq27u+nddi/Rx0w7rxWpHepxkCGbQgh6jS/aCemImphWoI99PykegvloX9l5aO37R15aBaRc9Dc5lNJTlR35Bc5goNiMdILvNDOhDP5DJ0i2LFrcviybL0ccmUVWNhN1JVwEJtaMtwk294MuEHuO05h4dDeNRsGVzhMRgeqj/wAkr+cmD99DRLAAAAAElFTkSuQmCC) no-repeat; background-size: 34rpx; } .cart-view .item .cart-goods { float: left; height: 164rpx; width: 672rpx; } .cart-view .item .img { float: left; height: 125rpx; width: 125rpx; margin: 19.5rpx 18rpx 19.5rpx 0; } .cart-view .item .info { float: left; height: 125rpx; width: 503rpx; margin: 29.5rpx 26rpx 19.5rpx 0; } .cart-view .item .t { margin: 8rpx 0; height: 28rpx; font-size: 25rpx; color: #333; overflow: hidden; } .cart-view .item .name { height: 28rpx; max-width: 310rpx; line-height: 28rpx; overflow: hidden; font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); } .cart-view .item .num { height: 28rpx; max-width: 310rpx; line-height: 28rpx; overflow: hidden; font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); float: right; } .cart-view .item .attr { margin-bottom: 17rpx; height: 24rpx; line-height: 24rpx; font-size: 22rpx; color: #666; overflow: hidden; } .cart-view .item .b { height: 46rpx; overflow: hidden; display: flex; align-items: center; margin-top: 15rpx; } .cart-view .item .price { font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:#FF1B40; line-height:34rpx; float: left; } .cart-view .item .g-bi { font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:#FF1B40; line-height:34rpx; } .cart-view .item .open { height: 28rpx; width: 150rpx; display: block; float: right; background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/arrowDown-d48093db25.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(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/arrow-right1-e9828c5b35.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: 46rpx; /* 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 { line-height: 46rpx; /* border: 1rpx solid #ccc; */ display: flex; } .selnum .cut { width:46rpx; text-align: center; line-height: 46rpx; background:rgba(240,240,240,1); } .selnum .number { width: 84rpx; height: 100%; text-align: center; line-height: 68.75rpx; float: left; } .selnum .add { width:46rpx; text-align: center; line-height: 46rpx; background:#FF1B40; color:#fff; } .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; bottom: 0; left: 0; height: 100rpx; width: 100%; background: #fff; display: flex; border-top:1rpx solid rgba(217,217,217,1); } .cart-bottom .total-all { height: 100%; flex: 1; padding-left: 20rpx; display: flex; justify-content: center; flex-direction: column; } .cart-bottom .total { font-size:24rpx; font-family:PingFangSC-Regular; font-weight:400; color:#FF1B40; } .cart-bottom .discount { font-size:20rpx; font-family:PingFangSC-Light; font-weight:300; color:rgba(110,110,110,1); } .cart-bottom .delete { text-align: center; width: 180rpx; height: 80rpx; line-height: 82rpx; padding: 0; margin: 0; margin-left: -5rpx; padding-right: 25rpx; font-size: 25rpx; color: #f4f4f4; /* text-align: center; */ border-top-left-radius: 0rpx; border-bottom-left-radius: 0rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; background-image: linear-gradient(to right, #9a9ba1 0%, #ae8b9c 100%); } .cart-bottom .checkout { height: 100rpx; width: 210rpx; text-align: center; line-height: 100rpx; font-size: 29rpx; background: #b4282d; color: #fff; } .action_btn_area { /* border: 1px solid #333; */ position: absolute; display: flex; justify-content: center; align-items: center; right: 0; top: 0; height: 100rpx; } .action_btn_area .edit { width: 140rpx; /* border: 1px solid #000; */ height: 80rpx; line-height: 82rpx; padding: 0; margin: 0; margin-right: 5rpx; text-align: center; /* padding-left: 25rpx; */ font-size: 25rpx; color: #f4f4f4; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; /* background-image: linear-gradient(to right, #ff7701 100%); */ background-image: linear-gradient(to right, #ab956d 0%, #ab956d 100%); } .action_btn_area .checkout { width: 210rpx; height: 100%; background:#FF1B40; color: #fff; font-size:36rpx; font-family:PingFangSC-Regular; font-weight:400; } .action_btn_area .delete { width: 140rpx; /* border: 1px solid #000; */ height: 80rpx; line-height: 82rpx; padding: 0; margin: 0; margin-right: 5rpx; text-align: center; padding-left: -5rpx; font-size: 25rpx; color: #f4f4f4; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%); } .action_btn_area .sure { text-align: center; width: 140rpx; height: 80rpx; line-height: 82rpx; padding: 0; margin: 0; margin-right: 10rpx; padding-left: -5rpx; font-size: 25rpx; color: #f4f4f4; /* text-align: center; */ border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; background-image: linear-gradient(to right, #ab956d 0%, #ab956d 100%); /* background-image: linear-gradient(to right, #ff7701 0%, #fe4800 100%); */ } .auth_btn { position: fixed; top: 55vh; left: 10vw; width: 80vw; height: 96rpx; line-height: 96rpx; font-size: 25rpx; color: #f4f4f4; /* text-align: center; */ border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; background-image: linear-gradient(to right, #8baaaa 0%, #9a9ba1 100%); }