| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- /* pages/cart/cart.wxss */
- .page{padding: 0 20rpx 105rpx;}
- .cart{margin: 20rpx 0 0;background: #fff;border-radius: 10rpx;}
- .dian{height: 99rpx;border-bottom: 2rpx solid #E5E5E5;padding: 0 20rpx;align-items: center;}
- .dian view{font-size: 30rpx;color: #333;font-weight: bold;}
- .list .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 20rpx 20rpx 14rpx;}
- .info{border-bottom: 2rpx solid #efefef;padding: 20rpx 0;overflow: hidden;}
- .checkbox{width: 54rpx;height: 180rpx;}
- .check{display: block;width: 34rpx;height: 34rpx;margin-top: 73rpx;}
- .dian .check{margin-top: 0;margin-right: 20rpx;}
- .cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
- .type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
- .cimg{width: 100%;height: 100%;}
- .gys{text-align: center;position: absolute;top: 137rpx;background: rgba(0,0,0,.6);width: 179rpx;color: white;}
- .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
- .list .li:last-child .info{border-bottom: none;}
- .zhtit{font-size: 30rpx;color: #212121;line-height: 34rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
- .guigecontent{
- margin-top: 5rpx;
- font-size: 22rpx;color: #999;
- display: flex;
- flex-direction: row;
- }
- .guige{font-size: 22rpx;color: #999;}
- .jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 45rpx;}
- .zhjia{font-size: 36rpx;color: #FE0419;}
- .zhjia text{font-size: 28rpx;}
- .num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
- .jian{display: block;width: 56rpx;height: 44rpx;font-size: 30rpx;color: #333;}
- .nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #F0F0F0;border-radius: 6rpx;}
- .bot{background: #fff;height: 85rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 80;display: flex;display: -webkit-flex;align-items: center;border-bottom: 1rpx solid #fafafa;}
- .botl{flex: 1;-webkit-flex: 1;display: flex;display: -webkit-flex;padding: 0 0 0 20rpx;}
- .botl .check{margin-top: 0;margin-right: 20rpx;}
- .all{display: flex;display: -webkit-flex;align-items: center;font-size: 24rpx;color: #6a6a6a;}
- .heji{line-height: 85rpx;font-size: 28rpx;color: #333;margin-left: 20rpx;}
- .heji text{color: #e80113;}
- .editc{height: 85rpx;line-height: 85rpx;padding: 0 30rpx;background: #EA452E;}
- .edit{font-size: 26rpx;color: #fff;}
- .jiesuan{width: 172rpx;height: 85rpx;line-height: 85rpx;background: var(--mina);font-size: 26rpx;color: #fff;text-align: center;}
- .putong{margin-top: 30rpx;}
- /* 猜你喜欢 */
- .cai{padding-bottom: 30rpx;}
- .cai-tit{align-items: center;justify-content: center;font-size: 30rpx;color: #EA6730;font-weight: bold;margin-bottom: 30rpx;}
- .cai-tit image{width: 63rpx;height: 5rpx;}
- .cai-tit image:first-child{margin-right: 20rpx;}
- .cai-tit image:last-child{margin-left: 20rpx;}
- .tabcon{flex-wrap: wrap;}
- .tabcon .li{background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;}
- .tabcon .li:nth-child(2n){margin-right: 0;}
- .jsdimgs{width: 345rpx;height: 345rpx;position: relative;}
- .jsdpro{width: 100%;height: 100%;}
- .jsdimg{width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;}
- .jsdinfo{padding: 15rpx 20rpx 30rpx;}
- .proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20rpx;}
- .operate{justify-content: space-between;align-items: center;}
- .price{font-size: 24rpx;color: #FE0419;}
- .price text{font-size: 36rpx;font-weight: bold;}
- .price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
- .add-cart image{width: 42rpx;height: 42rpx;}
- .integral{color: #FE0419;}
- .integral .intnum{font-size: 36rpx;}
- .integral .money{font-size: 28rpx;}
|