.qrcode-rec{position:fixed;right:0;top:75%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:end;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:PingFang SC}.qrcode-rec .qrcode-box{-webkit-box-shadow:-16px 0 32px 0 rgba(0,0,0,.08);box-shadow:-16px 0 32px 0 rgba(0,0,0,.08);border-radius:8px 0 0 8px;background-color:#fff;width:32px}.qrcode-rec .qrcode-box .qrcode-wrap{width:32px}.qrcode-rec .qrcode-box .divider:after{content:"";display:block;position:absolute;height:1px;width:16px;border:1px solid #eee;bottom:-13px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qrcode-rec .qrcode-box .qrcode-item{width:16px;margin:12px 8px;cursor:pointer;position:relative;text-align:center}.qrcode-rec .qrcode-box .qrcode-item .qrcode-icon{margin-bottom:4px}.qrcode-rec .qrcode-box .qrcode-item .qrcode-icon img{width:100%;height:100%}.qrcode-rec .qrcode-box .qrcode-item .qrcode-icon .qrcode-title{font-size:12px;color:#333;letter-spacing:0;text-align:center;line-height:14px}.qrcode-rec .qr-coupon{height:128px}.qrcode-rec .qr-coupon .qr-coupon-wrap{display:none;margin-right:15px}.qrcode-rec .qr-coupon .qr-coupon-wrap .qr-coupon-img{cursor:pointer;width:522px;height:128px}.qrcode-rec .qr-coupon .qr-coupon-icon{background-image:url(../image/O1CN01iols7v25utolhNByW_!!6000000007587-2-tps-171-180.png);width:62px;height:62px;background-size:cover;margin-right:-15px;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;background-repeat:no-repeat;-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.qrcode-rec .qr-coupon:hover .qr-coupon-icon{margin-right:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.qrcode-rec .qr-coupon:hover .qr-coupon-wrap{display:block}.qrcode-rec-content{width:400px;padding:20px 30px 20px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center}.qrcode-rec-content .qrcode-rec-img{-ms-flex:1 0 102px;flex:1 0 102px;height:102px}.qrcode-rec-content .qrcode-rec-img img{width:100%;height:100%}.qrcode-rec-content .qrcode-rec-describe{margin-left:16px;font-family:PingFang SC;color:#000;text-align:left}.qrcode-rec-content .qrcode-rec-describe>div:first-of-type{font-weight:600;font-size:14px;margin:16px 0 10px}.qrcode-rec-content .qrcode-rec-describe>div:nth-of-type(2){font-size:12px;margin-bottom:10px;white-space:pre-line;line-height:18px}.qrcode-rec-content .qrcode-rec-describe>div:last-child{font-size:12px;color:#ccc}.qrcode-balloon{max-width:400px!important;padding:0}.qrcode-balloon.next-balloon-normal.next-balloon-right:after{right:0;width:0;height:0}