.card_code { /* padding-top: 40px; */ padding-bottom: 64px; } .card_code .code_box { width: 690rpx; background: #fff; margin: 30rpx auto; padding: 20rpx; } .savebtn-style { background-color: #50a6f9 !important; } .card_code .code_box .h1 { font-size: 15px; line-height: 80rpx; } .card_code .code_box .code { width: 480rpx; height: 480rpx; overflow: hidden; background: #fff; margin: 20rpx auto; padding: 20rpx; } .card_code .code_box .code image { width: 100%; height: 100%; } .card_code .code_box .code_text { border-top: dashed 2rpx #ebebeb; padding: 40rpx 0; margin-top: 40rpx; position: relative; } .card_code .code_box .code_text .text_a { line-height: 48rpx; text-align: center; } .card_code .code_box .code_text .text_b { line-height: 48rpx; color: #50a6f9; text-align: center; } .card_code .code_box .code_text .text_c { line-height: 48rpx; color: #8c8c8c; margin-top: 20rpx; text-align: center; font-size: 13px; } .card_code .code_box .code_text .left_block { width: 32rpx; height: 32rpx; background: #f5f5f5; border-radius: 20rpx; position: absolute; top: -16rpx; left: -40rpx; } .card_code .code_box .code_text .right_block { width: 32rpx; height: 32rpx; background: #f5f5f5; border-radius: 20rpx; position: absolute; top: -16rpx; right: -40rpx; } .card_code .car_btm_btn { background: #fff; position: fixed; bottom: 0; padding: 20rpx 30rpx; border-top: solid 2rpx #ebebeb; width: 100%; } .card_code .car_btm_btn button { width: 100%; height: 80rpx; background: #50a6f9; font-size: 16px; border: none; border-radius: 120rpx; color: #fff; } .icon_btn { width: 100%; bottom: 0; left: 0; position: fixed; /* height: 120rpx; */ background: #fff; text-align: center; display: flex; justify-content: space-around; } .icon_btn .box { width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; padding: 20rpx 0; position: relative; } .icon_btn image { width: 80rpx; height: 80rpx; margin-bottom: 8rpx; }