.phoneBox[data-v-fb756f02]{width:298px;padding:8px;background:#fff;box-shadow:0 40px 80px -20px rgba(21,21,46,.32),inset 0 -3px 8px 0 rgba(149,161,173,.75);border-radius:36px}.phoneBox .phone[data-v-fb756f02]{position:relative;padding:43px 24px 24px 24px;border-radius:30px;overflow:hidden}.phoneBox .phone .bangs[data-v-fb756f02]{position:absolute;background:#fff;width:150px;height:40px;border-radius:40px;top:-15px;left:66px}.phoneBox .phone .bangs>div[data-v-fb756f02]{position:absolute;background:#f5f8fb;left:60px;bottom:12px;width:30px;height:5px;border-radius:3px;border:1px solid #e9eef3}.phoneBox .phone .bangs>div[data-v-fb756f02]:last-child{left:100px;width:5px;height:5px}.phoneBox .phone .view .list[data-v-fb756f02]{padding:0 9px}.phoneBox .phone .view .list>p[data-v-fb756f02]{text-align:center;font-size:14px;font-weight:400;color:#082442;line-height:20px}.phoneBox .phone .view .list .row[data-v-fb756f02]{margin-top:16px;display:flex;justify-content:space-between}.phoneBox .phone .view .list .row>span[data-v-fb756f02]{font-size:14px;color:#2e4157;line-height:16px}.phoneBox .phone .view .list .line[data-v-fb756f02]{margin-top:26px;height:1px;background:#adb8c5}.phoneBox .phone .view .list .item[data-v-fb756f02]{display:flex;margin-top:27px;margin-bottom:227px}.phoneBox .phone .view .list .item>img[data-v-fb756f02]{height:70px}.phoneBox .phone .view .list .item .info .font[data-v-fb756f02]{text-align:right;font-size:12px;font-weight:500;color:#2e4157;line-height:15px}.phoneBox .phone .view .list .item .info>div[data-v-fb756f02]{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0 12px}.phoneBox .phone .view .list .item .info>div>div[data-v-fb756f02]{display:flex;justify-content:space-between;width:68px;padding:4px 12px;border:1px solid #2e4157}.phoneBox .phone .view .list .item .info>div>div>span[data-v-fb756f02]{line-height:17px}.phoneBox .phone .view .pay[data-v-fb756f02]{margin-top:23px;padding:7px 90px;background:#0070ff;border-radius:17px;transition:all .2s}.phoneBox .phone .view .pay>img[data-v-fb756f02]{height:19px}.phoneBox .phone .view .checkOut[data-v-fb756f02]{margin-top:10px;padding:7px 78px;border-radius:17px;border:1px solid #0070ff;font-weight:500;color:#0070ff;font-size:14px;line-height:20px}.phoneBox .phone .view .mask[data-v-fb756f02]{position:absolute;width:100%;height:100%;top:0;left:0;background:#0b3055;border-radius:30px;opacity:0;transition:all .6s}.phoneBox .phone .view .payInfo[data-v-fb756f02]{display:flex;position:absolute;bottom:-380px;left:4px;transition:all .6s ease-in-out}.phoneBox .phone .view .payInfo>img[data-v-fb756f02]{height:373px}.phoneBox .phone .view .payInfo .payStatus[data-v-fb756f02]{position:absolute;bottom:25px;left:121px}.phoneBox .phone .view .payInfo .payStatus .circle[data-v-fb756f02]{position:relative}.phoneBox .phone .view .payInfo .payStatus .circle>div[data-v-fb756f02]{position:absolute;top:0;width:32px;height:32px;border:2px solid #8cc3ff;border-radius:16px;opacity:0}.phoneBox .phone .view .payInfo .payStatus .circle>div[data-v-fb756f02]:first-child{position:static;border:2px solid #007aff}.phoneBox .phone .view .payInfo .payStatus>img[data-v-fb756f02]{position:absolute;width:32px}.phoneBox .phone .view .payInfo .payStatus>img[data-v-fb756f02]:nth-child(2){margin:5px;width:22px}.phoneBox .svgAni[data-v-fb756f02]{position:absolute;top:3px;left:2px;display:flex}.phoneBox .svgAni .tickAni[data-v-fb756f02]{stroke-dasharray:45;stroke-dashoffset:45}.phoneBox .svgAni .tickPlay[data-v-fb756f02]{-webkit-animation:tickRun-data-v-fb756f02 .8s ease-out forwards;animation:tickRun-data-v-fb756f02 .8s ease-out forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.phoneBox .svgAni .tickRevert[data-v-fb756f02]{-webkit-animation:tickRevert-data-v-fb756f02 0 forwards;animation:tickRevert-data-v-fb756f02 0 forwards}@-webkit-keyframes tickRun-data-v-fb756f02{form{stroke-dashoffset:45}to{stroke-dashoffset:0}}@keyframes tickRun-data-v-fb756f02{form{stroke-dashoffset:45}to{stroke-dashoffset:0}}@-webkit-keyframes tickRevert-data-v-fb756f02{form{stroke-dashoffset:0}to{stroke-dashoffset:45}}@keyframes tickRevert-data-v-fb756f02{form{stroke-dashoffset:0}to{stroke-dashoffset:45}}