.ele-recommend-qrcode-bg{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;background:rgba(0,0,0,.8);z-index:1}.ele-recommend-qrcode-bg.isMobile{overflow-y:auto}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg{padding-top:1.25rem;width:21.5625rem;height:31.0625rem;background:url(/web/static/image/element/promotion/promo-dialog/qrcode_download_bg.png) 50% 0 no-repeat;background-size:cover;color:#fff}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title{padding:0 2.1875rem;height:3.625rem;color:#ad5050;font-size:1.5rem;font-weight:700}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg #recommend-canvas{box-sizing:border-box;margin:1.25rem auto;padding:.3125rem;width:12.8125rem;height:12.8125rem;background:#fff}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg #recommend-canvas canvas{width:12.1875rem!important;height:12.1875rem!important}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode{display:inline-block;padding:.1875rem .625rem;border-radius:6.25rem;background:rgba(0,0,0,.05);font-size:.9375rem}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-bottom{display:flex;align-items:flex-end;padding:0 .75rem;height:8.125rem;font-size:.875rem;text-align:center}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-download{margin:0 auto;border-radius:0 0 .625rem .625rem;padding:.9375rem 0;width:21.5625rem;line-height:1.5625rem;background:#ff5e3a;font-size:.9375rem;color:#fff;cursor:pointer}.ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-close{margin-top:.3125rem;width:1.875rem}@media screen and (orientation:landscape){.ele-recommend-qrcode-bg.isMobile{overflow-y:auto}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box{align-items:flex-start;flex-direction:row}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg{padding-top:.8125rem;width:14.625rem;height:19.875rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title{padding:0 1.5rem;height:2.625rem;font-size:1.0625rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg #recommend-canvas{margin:.5rem auto;width:8.75rem;height:8.75rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg #recommend-canvas canvas{width:8.125rem!important;height:8.125rem!important}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode{padding:1px .4375rem;font-size:.75rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-bottom{padding:0 .4375rem;height:5.3125rem;font-size:.75rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-download{padding:.625rem 0;width:14.625rem;line-height:.9375rem;font-size:.75rem}.ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-close{margin:1rem 0 0 .875rem}}.zh-cn .ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title,.zh-tw .ele-recommend-qrcode-bg .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title{line-height:3.625rem}@media screen and (orientation:landscape){.zh-cn .ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title,.zh-tw .ele-recommend-qrcode-bg.isMobile .ele-recommend-qrcode-warp .flex-warp-box .ele-recommend-qrcode-warp-bg .ele-recommend-qrcode-title{line-height:2.625rem}}