.safe-area-padding-bottom-block[data-v-6c7c384f]{width:100%}@supports (height:constant(safe-area-inset-bottom)){.safe-area-padding-bottom-block[data-v-6c7c384f]{height:constant(safe-area-inset-bottom)}}@supports (height:env(safe-area-inset-bottom)){.safe-area-padding-bottom-block[data-v-6c7c384f]{height:env(safe-area-inset-bottom)}}.bg[data-v-6c7c384f]{height:100vh;width:100%;background:linear-gradient(180deg,#313538,#1c1e1d)}.bg .title[data-v-6c7c384f]{padding:0 14px;height:44px;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:space-between}.bg .title>div[data-v-6c7c384f]{width:20px;height:20px}.main[data-v-6c7c384f]{width:100%;height:calc(100% - 44px);overflow-y:scroll;-webkit-overflow-scrolling:touch}.mains[data-v-6c7c384f]{position:absolute;bottom:8%;width:100%}.mains img[data-v-6c7c384f]{width:100%}.head-portrait[data-v-6c7c384f]{padding-top:30px}.head-portrait[data-v-6c7c384f],.name[data-v-6c7c384f]{width:100%;display:flex;align-items:center;justify-content:center}.name[data-v-6c7c384f]{height:20px;margin-top:12px;color:#fff;font-size:16px;font-weight:400}.two[data-v-6c7c384f]{width:100%;margin-top:23px;z-index:2}.code[data-v-6c7c384f],.two[data-v-6c7c384f]{height:124px;display:flex;align-items:center;justify-content:center}.code[data-v-6c7c384f]{width:124px;border-radius:8px;background:#282828}.dotted-line[data-v-6c7c384f]{width:104px;height:104px;border-radius:8px;border:1px dashed #fff}.dotted-line[data-v-6c7c384f],.img[data-v-6c7c384f]{display:flex;align-items:center;justify-content:center}.img[data-v-6c7c384f]{width:25%;height:48px}.names[data-v-6c7c384f]{width:25%;height:48px;display:flex;align-items:center;justify-content:flex-start;color:#fff;font-size:16px}.time[data-v-6c7c384f]{width:50%;height:48px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.6);font-size:12px}