/**index.wxss**/ #shopping{ padding:0rpx 4%; } .select_status{width:8%;height:152rpx;line-height:152rpx;} .select_status image{ width:29rpx; height:29rpx;} .shopping_item{ margin-top:46rpx; border-bottom:solid 1px #f5f5f5; padding-bottom:35rpx; position:relative; align-items:center; } .shopping_img{width:24%;height:152rpx;text-align:left;} .shopping_img image{ width:152rpx; height:152rpx; } .edit_number{ width:22.6%; height:45rpx; line-height:45rpx; border:solid 1px #e5e5e5; font-size:20rpx; } .edit_number .minus,.edit_number .add{ width:45rpx; text-align:center; color:#aeaeae; font-size:40rpx; } .number{ width:72rpx; text-align:center; color:#878787; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; } .shopping_name{ width:36.6%; align-items:center; overflow:hidden; height:140rpx; } .shopping_name text{ display:block; } .shopping_name .text1{ font-size:30rpx; color:#444; } .shopping_name .text2{ font-size:24rpx; color:#999; } .shopping_name .price{ color:#21c3d4; font-size:28rpx; } .shopping_name text{ height:33.33%; align-items:center; } .total{ width:100%; height:110rpx; position:fixed; bottom:110rpx; left:0rpx; align-items:center; background:#f2f2f2; } .all_select image{ width:29rpx; height:29rpx; } .total_price text{display:flex;} .select_c{ font-size:28rpx; color:#444; } .del_shopping{color:#2c9fe1;font-size:30rpx;} .toalt1{font-size:30rpx;color:#333;} .priceNumber{ color:#21c3d4; font-size:28rpx; } .submit_shopping{ width:160rpx; height:60rpx; border-radius:20rpx; } .submit_shopping{ width:160rpx; height:60rpx; line-height:54rpx; text-align:center; background:linear-gradient(to right,rgba(72,222,223,1.00),rgba(42,154,225,1.00)); } .pay_note{ color:#fff; font-size:34rpx; } .pay_note .text1{ font-size:30rpx; color:#fff; } .pay_note .number_pay{ font-size:24rpx; color:#fff; margin-left:10rpx; } /*******addcart***********/ .shopping{ font-size:30rpx; position:absolute; top:40%; } .circle{ width:50rpx; height:50rpx; background:#21c3d4; border-radius:50%; opacity:0; position:absolute; bottom:0rpx; right:0rpx; z-index:9999; } .circle.animate{ /*-webkit-transition:all 1000ms cubic-bezier(.4,.46,.3,1.31);*/ -webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .addCart{ width:100%; height:80rpx; position:absolute; bottom:0rpx; text-align:center; } .addCart image{ width:45rpx; height:45rpx; margin:0rpx auto; } .addCart image{ transition:all 0.5s; } .nav_img{ position:relative; } .cart_number{ position:absolute; left:59%; top:3rpx; height:0rpx; z-index:; } .fiexd-cart{ width:20rpx;height:20rpx;border-radius:50%;background:#21c3d4;margin:0rpx auto;text-align:center;line-height:20rpx; z-index:3; } .jisster{ transition:all 1s; transform:scale(1.1,1.1); animation:jisster 0.5s; } @keyframes jisster{ 0%{ transform:rotate(3deg) scale(1.1,1.1); } 20%{ transform:rotate(-3deg) scale(1.1,1.1); } 40%{ transform:rotate(5deg) scale(1.1,1.1); } 60%{ transform:rotate(-5deg) scale(1.1,1.1); } 80%{ transform:rotate(3deg) scale(1.1,1.1); } 100%{ transform:rotate(-3deg) scale(1.1,1.1); } }