.searchBand { display: inline-block; font-size: 14px; font-weight: 600; color: #333333; } .manageCell { padding: 15px 13px; .img { width: 48px; height: 48px; overflow: hidden; border-radius: 50%; margin-right: 10px; } .name { font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; } .phone { font-size: 14px; color: #777777; line-height: 20px; } .status { font-size: 16px; font-weight: 500; color: #333333; } .frozen { color: #f44541; } } .codeContainer { .codeImg { width: 323px; height: 465px; // padding-left: 8px; background: url('./images/download.png') no-repeat center center; background-size: contain; margin: 0 auto; .codeContent { padding-left: 8px; } .codeTitle { text-align: center; padding-top: 13px; font-size: 24px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 7px #f4672a; } .codeName { padding: 36px 8px 0; font-size: 18px; font-weight: 600; color: #ffffff; } .codeQr { margin: 23px auto 0; width: 231px; height: 231px; padding: 10px; background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); border-radius: 11px; overflow: hidden; img { width: 100%; height: 100%; } } .codeBtnText { margin: 15px auto 0; display: inline-block; background: linear-gradient(133deg, #bb9dff 0%, #6d82ff 100%); border-radius: 18px; padding: 6px 16px; font-size: 16px; font-weight: 600; color: #ffffff; } .codeTips { padding-top: 10px; font-size: 13px; font-weight: 600; color: #5a6dee; line-height: 18px; text-align: center; } } .close { position: absolute; top: 12px; right: 15px; } .codeBottom { position: relative; margin-top: 32px; background: #ffffff; border-radius: 20px 20px 0px 0px; padding-bottom: 10px; } .title { font-size: 16px; font-weight: 600; color: #333333; line-height: 22px; padding: 15px 15px 0; i { display: inline-block; margin-right: 6px; width: 4px; height: 12px; background: #ff8057; border-radius: 2px; } } .shareImg { width: 47px; height: 47px; } .shareText { padding-top: 6px; font-size: 14px; color: #333333; line-height: 20px; } }