.codePic[data-v-7fdd9211]{position:relative;width:100%;height:100%;display:flow-root}.codePic .logo[data-v-7fdd9211]{width:175px;height:175px;margin:80px auto 0}.codePic .logo>img[data-v-7fdd9211]{width:100%;height:100%}.codePic .codePic-box[data-v-7fdd9211]{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);width:90%;padding:15px;font-size:0;border-radius:15px}.codePic .codePic-box .codeTitle[data-v-7fdd9211]{text-align:center;font-size:18px;font-weight:700;margin-bottom:15px;color:#939393}.codePic .codePic-box .inputPas[data-v-7fdd9211]{position:relative;width:100%;height:55px;border:2px solid #d6d6d6;padding-left:20px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}.codePic .codePic-box .inputPas>input[data-v-7fdd9211]{position:relative;width:80%;line-height:55px;border:none;background:transparent!important;display:flow-root;font-size:20px;vertical-align:middle}.codePic .codePic-box .inputPas>span[data-v-7fdd9211]{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:34px;color:#d6d6d6;-webkit-transition:all .3s;transition:all .3s}.codePic .codePic-box .inputPas>span.activ[data-v-7fdd9211]{color:#333}.codePic .codePic-box .codeBtn[data-v-7fdd9211]{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.codePic .codePic-box .codeBtn>button[data-v-7fdd9211]{width:140px;line-height:45px;border-radius:20px;text-align:center;border:1px solid #d6d6d6;font-weight:700;letter-spacing:5px;-webkit-transition:all .2s;transition:all .2s}.codePic .codePic-box .codeBtn>button[data-v-7fdd9211]:first-child{background-color:transparent;border:1px solid #36a1f9;color:#36a1f9}.codePic .codePic-box .codeBtn>button[data-v-7fdd9211]:last-child{background-color:#36a1f9;color:#fff}.codePic .successMessage[data-v-7fdd9211]{position:relative;width:100%;height:100%}.codePic .successMessage .successMessage-box[data-v-7fdd9211]{position:absolute;width:90%;left:50%;top:40%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.codePic .successMessage .successMessage-box>span[data-v-7fdd9211]:first-child{display:block;font-size:100px;width:100%;text-align:center;color:#c09}.codePic .successMessage .successMessage-box>span[data-v-7fdd9211]:last-child{display:block;text-align:center;width:100%;margin-top:10px;font-size:28px;font-weight:700}.codePic .pop-up-box[data-v-7fdd9211]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:140px;height:140px;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.codePic .pop-up-box span[data-v-7fdd9211]:first-child{font-size:44px;color:#fff;margin-bottom:15px}.codePic .pop-up-box span[data-v-7fdd9211]:last-child{font-size:18px;color:#fff;font-weight:700}