.f-pay04 { background: #fff; line-height: 1.2; }
.f-pay04 p { white-space: nowrap; }
.f-pay04 .bg1 { position: absolute; left: 24px; top: 59px; width: 382px; height: 72px; background: #f5f5f5; }
.f-pay04 .bg2 { position: absolute; left: 24px; top: 143px; width: 382px; height: 709px; background: #f5f5f5; }
.f-pay04 .nav { position: absolute; left: 0; top: 83px; width: 430px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.f-pay04 .nav .back { width: 48px; height: 48px; transform: rotate(90deg); }
.f-pay04 .nav .back img { width: 48px; height: 48px; }
.f-pay04 .nav .title { font-weight: 900; font-size: 33px; color: #f37021; text-align: center; }
.f-pay04 .nav .branch { width: 48px; height: 48px; padding: 4px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.f-pay04 .nav .branch img { width: 26.627px; height: 15.314px; }
.f-pay04 .shot { position: absolute; left: 0; top: 54px; width: 430px; height: 877px; overflow: hidden; }
.f-pay04 .shot img { position: absolute; left: -0.02%; top: -6.16%; width: 100.05%; height: 106.16%; }
.f-pay04 .hs-auth { position: absolute; left: 44px; top: 211.8px; width: 164.4px; height: 164.4px; border-radius: 50%; }

.f-pay04 .sb { position: absolute; left: 0; top: 0; width: 430px; height: 59px; }
.f-pay04 .sbin { position: absolute; left: 0; top: 0; right: 0; height: 54px; padding: 16px 32px 16px 52px; display: flex; align-items: center; justify-content: space-between; }
.f-pay04 .sbin .time { font-weight: 700; font-size: 17px; line-height: 22px; color: #030303; text-align: center; }
.f-pay04 .sbin .icons { width: 79.67px; height: 13px; }
.f-pay04 .cam { position: absolute; left: 153px; top: 10px; width: 124px; height: 36px; background: #030303; border-radius: 33px; overflow: hidden; }
.f-pay04 .cam img { position: absolute; }