.model[data-v-06c14d8f]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:row;justify-content:center;align-items:center}.model .mask[data-v-06c14d8f]{position:absolute;left:0;bottom:0;right:0;top:0;background-color:rgba(0,0,0,.7)}.model .box[data-v-06c14d8f]{width:400px;height:540px;background:url(../img/share_qrCode_bg.6cf5d50e.png) no-repeat;background-size:100% 100%;position:relative;z-index:99}.model .box .top[data-v-06c14d8f]{display:flex;flex-direction:row;justify-content:flex-end;padding:20px}.model .box .top .close[data-v-06c14d8f]{font-size:20px;cursor:pointer;transition:all .6s ease}.model .box .top .close[data-v-06c14d8f]:hover{transform:rotate(180deg)}.model .box .middle .white-box[data-v-06c14d8f]{width:240px;height:240px;border-radius:5px;background-color:var(--bgColor16);margin:54px auto 0;border:20px solid #fff}.model .box .middle .white-box .img[data-v-06c14d8f]{width:100%;height:100%}.model .box .bottom[data-v-06c14d8f]{width:274px;height:50px;border-radius:25px;background-color:var(--buttonBgColor1);color:var(--fontColorReverse);display:block;text-align:center;line-height:50px;font-size:16px;cursor:pointer;border:none;outline:none;margin:37px auto 0;transition:all .4s ease}.model .box .bottom[data-v-06c14d8f]:hover{opacity:.9}.fade-enter-active[data-v-06c14d8f],.fade-leave-active[data-v-06c14d8f]{transition:all .3s ease}.fade-enter[data-v-06c14d8f],.fade-leave-to[data-v-06c14d8f]{opacity:0}