.qrcode-show-container[data-v-d64c7bb3]{width:100%;background-color:#fff;padding-top:52px;padding-bottom:51px;position:relative;overflow:hidden}.qrcode-show-container h1[data-v-d64c7bb3]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:36px;color:#171b1d;line-height:50px;text-align:center;font-style:normal;margin:0;padding:0}.qrcode-show-container .case-container[data-v-d64c7bb3]{display:flex;transition:transform .5s ease}.qrcode-show-container .case-container .case-item[data-v-d64c7bb3]{width:260px;height:514px;flex-shrink:0;position:relative}.qrcode-show-container .case-container .case-item .case-overlay[data-v-d64c7bb3]{position:absolute;top:22px;left:30px;height:calc(100% - 70px);width:calc(100% - 60px);background:rgba(0,0,0,.5);border-radius:36px;color:#fff;box-sizing:border-box;padding-top:99px;padding-left:18px;padding-right:22px;display:none;flex-direction:column;align-items:center}.qrcode-show-container .case-container .case-item .case-overlay .title[data-v-d64c7bb3]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:16px;color:#fff;line-height:22px;text-align:left;font-style:normal;text-align:center;margin:0;padding:0}.qrcode-show-container .case-container .case-item .case-overlay .desc[data-v-d64c7bb3]{margin:26px 0 43px;padding:0;height:100px;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#fff;line-height:20px;text-align:left;font-style:normal}.qrcode-show-container .case-container .case-item .case-overlay .qrcode[data-v-d64c7bb3]{box-sizing:border-box;width:128px;height:128px;padding:7px;display:flex;justify-content:center;align-items:center;position:relative}.qrcode-show-container .case-container .case-item .case-overlay .qrcode[data-v-d64c7bb3]:before{content:"";position:absolute;top:0;left:0;width:128px;height:128px;background:rgba(255,255,255,.2);border-radius:10px;backdrop-filter:blur(10px);z-index:1}.qrcode-show-container .case-container .case-item .case-overlay .qrcode img[data-v-d64c7bb3]{z-index:2}.qrcode-show-container .case-container .case-item:hover .case-overlay[data-v-d64c7bb3]{display:flex;flex-direction:column;align-items:center}.qrcode-show-container .case-left-container[data-v-d64c7bb3]{position:absolute;top:0;left:0;width:198px;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.9))}.qrcode-show-container .case-right-container[data-v-d64c7bb3]{position:absolute;top:0;right:0;width:198px;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9))}.qrcode-show-container .left-icon[data-v-d64c7bb3]{box-sizing:border-box;background:#fff;box-shadow:0 8px 24px rgba(23,27,29,.16);width:60px;height:60px;border-radius:50%;position:absolute;right:330px;top:65px;transform:translateY(-50%);border:1px solid #fff;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer}.qrcode-show-container .left-icon[data-v-d64c7bb3]:hover{border:1px solid #0081FF}.qrcode-show-container .right-icon[data-v-d64c7bb3]{box-sizing:border-box;background:#fff;box-shadow:0 8px 24px rgba(23,27,29,.16);width:60px;height:60px;border-radius:50%;position:absolute;right:234px;top:65px;transform:translateY(-50%);border:1px solid #fff;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer}.qrcode-show-container .right-icon[data-v-d64c7bb3]:hover{border:1px solid #0081FF}