page { background: #f9f9f9; padding-bottom: 120rpx; } .content { width: 100%; padding-top: 20rpx; box-sizing: border-box; } .contentk{ display:flex } .on_address { width: 100%; height: 206rpx; background: #fff; display: flex; flex-wrap: wrap; justify-content: center; } .on_address image { width: 118rpx; height: 100rpx; margin-top: 22rpx; } .on_address view { width: 100%; font-size: 26rpx; font-family: PingFang SC; font-weight: 400; line-height: 1; color: #131a2e; margin-top: 18rpx; display: flex; justify-content: center; align-items: center; margin-bottom: 30rpx; } .on_address view text { color: rgba(242, 0, 0, 1); } .address_box { width: 100%; padding: 26rpx 90rpx 26rpx 32rpx; box-sizing: border-box; background: #fff; position: relative; } .address_box .name { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: rgba(6, 14, 35, 1); } .address_box .name text { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: rgba(102, 102, 102, 1); margin-left: 20rpx; } .address_box .address { width: 100%; display: flex; align-items: center; margin-top: 20rpx; } .address_box .address .tips_img { width: 32rpx; height: 32rpx; margin-right: 20rpx; } .address_box .address view { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: rgba(102, 102, 102, 1); } .youjiantou { width: 12rpx; height: 21rpx; padding: 10rpx; position: absolute; top: 50%; bottom: 50%; right: 16rpx; margin: auto; } .youjiantouk { width: 12rpx; height: 21rpx; } .line { width: 100%; height: 4rpx; } .line image { display: block; width: 100%; height: 100%; } .recommend { padding: 30rpx 20rpx 0; box-sizing: border-box; background: #fff; margin-top: 24rpx; } .re_one { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; line-height: 36rpx; color: rgba(242, 0, 0, 1); padding: 0 10rpx; box-sizing: border-box; } .re_goods { padding: 40rpx 0; height: 404rpx; overflow: hidden; white-space: nowrap; box-sizing: border-box; display: flex; align-items: center; } .re_item { display: inline-block; width: 196rpx; height: 265rpx; margin: 0 10rpx; vertical-align: top; } .re_re_item { width: 100%; border-radius: 10rpx; border: 1px solid rgba(210, 210, 210, 1); box-sizing: border-box; } .re_re_item.active { border-color: #f20000; position: relative; } .triangle { width: 0; height: 0; border-top: 40rpx solid #f20000; border-left: 40rpx solid transparent; position: absolute; right: 0; } .bingo { position: absolute; right: 0rpx; top: -30rpx; width: 20rpx; height: 13rpx; z-index: 99; } .re_re_img { width: 100%; } .re_re_img image { width: 100%; height: 133rpx; } .re_bottom { height: 122rpx; padding: 22rpx 10rpx 18rpx; box-sizing: border-box; } .re_re_name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; line-height: 40rpx; color: rgba(19, 26, 46, 1); text-align: center; } .re_re_score { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; line-height: 36rpx; color: rgba(242, 0, 0, 1); text-align: center; } .re_last { height: 102rpx; padding: 0 10rpx; box-sizing: border-box; } .re_re_last { width: 100%; line-height: 102rpx; text-align: right; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; color: #131a21; border-top: 1rpx solid #eee; } .re_last text { color: rgba(242, 0, 0, 1); } .three { margin-top: 24rpx; background: #fff; /* padding: 0 30rpx; */ box-sizing: 0; } .mask_two { height: 96rpx; line-height: 98rpx; border-bottom: 1rpx solid #eee; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; color: rgba(19, 26, 46, 1); padding: 0 32rpx; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; } .mask_two:last-child { border: 0; } .score { color: rgba(142, 142, 142, 1); } .footer { width: 100%; height: 100rpx; background: #fff; position: fixed; left: 0; bottom: 0; padding: 0 32rpx; box-sizing: border-box; display: flex; flex-direction: row-reverse; align-items: center; } .footer .submit { width: 180rpx; height: 68rpx; background: rgba(242, 0, 0, 1); border-radius: 34rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); display: flex; justify-content: center; align-items: center; } .footer .jifen { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: #131a2e; margin-right: 32rpx; display: flex; align-items: center; } .footer .jifen text { font-size: 28rpx; color: rgba(242, 0, 0, 1); } .footer .num { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: rgba(156, 156, 156, 1); margin-right: 20rpx; } /*支付成功弹框开始*/ .success_mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; } .success_diceng { width: 460rpx; background: rgba(255, 255, 255, 1); border-radius: 10rpx; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40rpx 0 38rpx; box-sizing: border-box; } .success_one { height: 144rpx; width: 116rpx; margin: 0 auto; } .success_one image { width: 100%; height: 100%; } .success_font { font-size: 30rpx; font-family: PingFang SC; font-weight: bold; line-height: 42rpx; color: rgba(19, 26, 46, 1); text-align: center; margin-top: 22rpx; } .fail_font { font-size: 28rpx; font-family: PingFang SC; font-weight: 400; line-height: 40rpx; color: rgba(142, 142, 142, 1); text-align: center; margin-top: 20rpx; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .success_confirm_btn { width: 314rpx; height: 68rpx; background: rgba(242, 0, 0, 1); border-radius: 34rpx; text-align: center; margin: 54rpx auto 0; line-clamp: 68rpx; color: #fff; font-size: 28rpx; line-height: 68rpx; font-family: PingFang SC; font-weight: 400; } /*支付成功弹框结束*/ .cover_box { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; } .cover_order { width: 100%; /* height: 526rpx; */ padding: 32rpx; box-sizing: border-box; background: rgba(255, 255, 255, 1); position: absolute; left: 0; bottom: 0; } .all_money { text-align: center; font-size: 80rpx; font-family: PingFang SC; font-weight: bold; color: rgba(19, 26, 46, 1); line-height: 112rpx; } .money_item { height: 92rpx; display: flex; align-items: center; justify-content: space-between; font-size: 30rpx; font-family: PingFang SC; font-weight: 400; line-height: 42rpx; color: rgba(19, 26, 46, 1); border-bottom: 1px solid #eee; } .money_item text:last-child { color: #8e8e8e; } .cover_submit { width: 686rpx; height: 80rpx; background: rgba(242, 0, 0, 1); border-radius: 40rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); display: flex; align-items: center; justify-content: center; margin-top: 96rpx; } .cover_close { width: 32rpx; height: 32rpx; font-family: PingFang SC; font-weight: bold; color: rgba(19, 26, 46, 1); position: absolute; right: 22rpx; top: 22rpx; padding: 10rpx; } .num_box { padding: 0 20rpx 20rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .num_box .num_btn { width: 36rpx; height: 36rpx; } .num_box text { font-size: 30rpx; font-family: PingFang SC; font-weight: 400; color: rgba(19, 26, 46, 1); margin: 0 24rpx; } .lingitem { width: 686rpx; height: 80rpx; background: rgba(242, 0, 0, 1); color: #fff; font-size: 28rpx; text-align: center; line-height: 80rpx; margin: 32rpx auto 0; border-radius: 20rpx; } .show_img { width: 164rpx; height: 164rpx; margin-right: 24rpx; } .word { width: 100%; height: 76rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .guige { display: flex; flex-wrap: wrap; align-items: center; } .info { display: flex; align-items: center; justify-content: space-between; margin-top: 32rpx; } .item { width: 100%; background: #fff; padding: 0 24rpx; box-sizing: border-box; margin-top: 20rpx; } .item:first-child { margin-top: 0; } .item .top { padding: 36rpx 0; box-sizing: border-box; display: flex; align-items: center; }