page{ background-color: #fbf8f8; font-size: 26upx; } .addr{ width: 94%; margin: 0upx 3%; background-color: #ffffff; border-radius: 10upx; display: flex; align-items: center; padding: 30upx 0; position: relative; } .addr .addrImg{ width: 56upx; height: 50upx; margin: 0 30upx; } .addrView view:nth-child(1){ margin-bottom: 14upx; } .addrView text{ margin-right: 20upx; } .addr .rgt{ width: 40upx; height: 40upx; position: absolute; right: 10upx; top: 38%; } .goods{ margin: 30upx auto; width: 94%; background-color: #ffffff; } .goodsMain{ padding: 30upx; display: flex; position: relative; } .goods-icon{ width: 140upx; height: 140upx; border-radius: 10upx; margin-right: 30upx; } .goods-info{ width: 70%; } .goods-price{ color: #F75451; display: flex; align-items: center; } .red{ color: #F75451; margin-left: 10upx; font-size: 32upx !important; font-weight: 600; } .goods-title{ margin-bottom: 14upx; padding: 0; font-size: 26upx; line-height: 42upx; font-weight: 700; color: #333; display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 1; /* 限制显示两行 */ overflow: hidden; /* 隐藏超出范围的内容 */ text-overflow: ellipsis; /* 使用省略号 */ } .total{ width: 94%; padding: 0upx 0; margin: 0 3%; height: 100upx; background-color: #ffffff; text-align: right; align-items: center; display: inline-block; } .total view:nth-child(1){ float: left; margin: 5upx 2%; height: 100upx; line-height: 100upx; } .total view:nth-child(2){ float: left; margin: 5upx 1%; height: 100upx; line-height: 100upx; } .total view:nth-child(3){ float: right; margin: 25upx 30upx; line-height: 50upx; height: 50upx; color: #ffffff; background-color: #1735C0; padding: 5upx 20upx; border-radius: 20upx; } .total-nums{ width: 65%; display: flex; align-items: center; } .total-tips{ padding: 0 30upx; } .total-price{ margin: 0 10upx; } .cny{ margin-right: 30upx; } .payment{ width: 94%; padding: 30upx 0; margin: 30upx auto; background-color: #ffffff; } .p-title{ margin-left: 30upx; font-size: 30upx; color: #333333; line-height: 60upx; display: flex; align-items: center; font-weight: 700; } .p-title view{ position: absolute; right: 30upx; margin: 0upx; line-height: 50upx; height: 50upx; color: #ffffff; background-color: #1735C0; padding: 5upx 20upx; border-radius: 20upx; } .carts-nums{ position: absolute; right: 10upx; width: 180upx; top: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #dddddd; border-radius: 10upx; height: 55upx; } .carts-nums view{ height: 100%; flex: 1; display: flex; justify-content: center; align-items: center; } .carts-nums view:nth-child(1), .carts-nums view:nth-child(2){ border-right: 1px solid #dddddd; } .carts-nums image{ width: 40upx; height: 40upx; } .carts-nums input{ text-align: center; font-size: 26upx; } .pay-li{ padding: 30upx 30upx 0upx 30upx; } .pay-icon{ width: 44upx; height: 44upx; margin-right: 20upx; } .pay-item{ padding: 30upx 0; display: flex; align-items: center; border-bottom: 1px solid #f7f2f2; position: relative; } .pay-item:last-child{ padding-bottom: 0; border: none; } .pay-item .rgt{ width: 60upx; height: 60upx; position: absolute; right: 0upx; top: 23%; } .paysBtn{ width: 94%; border-radius: 50upx; margin: 30upx auto 30upx; z-index: 99; height: 90upx; background-color: #1735C0; color: #ffffff; letter-spacing: 10upx; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 28upx; } .addrView{ width: 75%; } .popup-content{ width: 100%; background-color: #ffffff; } .pop-title{ padding: 35upx 0; text-align: center; font-weight: 700; font-size: 30upx; border-bottom: 1px solid #eeeeee; } .pop-main{ width: 100%; overflow-y: auto; padding: 30upx auto; } .pop-main-view{ padding: 0upx 0upx; position: relative; display: flex; width: 100%; } .pop-nums{ width: 30%; position: relative; padding: 30upx 0; display: flex; justify-content: center; align-items: center; } .pop-nums::after{ position: absolute; right: 0; top: 0; content: ''; height: 100%; width: 1px; background-color: #eeeeee; } .pop-main-view .pop-pay{ width: 70%; padding: 30upx 0; border-bottom: 1px solid #eeeeee; } .pop-pay view{ margin-bottom: 20upx; margin-left: 30upx; } .pop-pay view:last-child{ margin-bottom: 0; } .authBtn-icon{ width: 48upx; height: 48upx; margin-top: 4upx; margin-right: 10upx; } .authBtn-desc{ display: flex; align-items: center; font-size: 24upx; width: 90%; margin: 0 5%; } .blue{ color: #7e94bd; }