.popularize[data-v-1e8807c6]{align-items:center;background:var(--f-bg-light);border:1px solid var(--f-bd-color);border-radius:10px 0 0 10px;border-right:unset;cursor:pointer;display:flex;flex-wrap:wrap;float:right;height:56px;justify-content:center;position:relative;width:46px}.popularize .card[data-v-1e8807c6]{display:none;left:-200px;padding-right:20px;position:absolute;top:calc(100% - 400px);transition:var(--f-transition-base);z-index:99}.popularize .content[data-v-1e8807c6]{background:var(--f-bg-light);border:1px solid var(--f-bd-color);border-radius:8px;color:var(--f-text-color);cursor:pointer;padding:15px;position:relative;width:180px}.popularize .content-top[data-v-1e8807c6]{display:flex;flex-wrap:wrap;justify-content:center}.popularize .content-top .logo[data-v-1e8807c6]{height:40px;margin:25px 0 10px;width:100%}.popularize .content-top .logo-img[data-v-1e8807c6]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popularize .content-top .name[data-v-1e8807c6]{font-size:calc(var(--f-text-xl) + 2px);line-height:30px;text-align:center;width:100%}.popularize .content-code[data-v-1e8807c6]{align-items:center;background:#fff;display:flex;height:140px;justify-content:center;margin:20px auto;width:140px}.popularize .content-describe[data-v-1e8807c6]{font-size:var(--f-text-lg);line-height:25px;margin-bottom:20px;text-align:center}.popularize .content-describe .notice[data-v-1e8807c6]{color:var(--f-primary-color)}.popularize .content[data-v-1e8807c6]:after{border-color:transparent transparent transparent var(--f-bg-light);border-style:solid;border-width:10px 0 10px 10px;bottom:20px;content:"";height:0;position:absolute;right:-10px;width:0}.popularize[data-v-1e8807c6]:hover{color:var(--f-primary-color)}.popularize:hover .card[data-v-1e8807c6]{display:block}.popularize-title[data-v-1e8807c6]{font-size:var(--f-text-sm);margin-top:-15px}