.login-in[data-v-5dfd2e50]{width:90%;height:80vh;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.login-in .type-in[data-v-5dfd2e50]{position:relative;overflow:hidden}.login-in .type-in .account[data-v-5dfd2e50],.login-in .type-in .qcode[data-v-5dfd2e50]{position:relative}.login-in .type-in .account span[data-v-5dfd2e50],.login-in .type-in .qcode span[data-v-5dfd2e50]{position:relative;display:block;border:1px solid #eee;border-radius:7px;position:absolute;right:55px;top:20px;padding:5px 10px;color:#999}.login-in .type-in .account span i[data-v-5dfd2e50]:after,.login-in .type-in .qcode span i[data-v-5dfd2e50]:after{position:absolute;content:"►";color:#eee;right:-12px}.login-in .type-in .account span em[data-v-5dfd2e50]:after,.login-in .type-in .qcode span em[data-v-5dfd2e50]:after{position:absolute;content:"►";color:#fff;right:-9px}.login-in .type-in .account .tips[data-v-5dfd2e50],.login-in .type-in .qcode .tips[data-v-5dfd2e50]{display:none}.login-in .type-in .account img[data-v-5dfd2e50],.login-in .type-in .qcode img[data-v-5dfd2e50]{width:70px;cursor:pointer;float:right}.login-in .type-in .account:hover .tips[data-v-5dfd2e50],.login-in .type-in .qcode:hover .tips[data-v-5dfd2e50]{display:block}.login-in .type-in .account img[data-v-5dfd2e50]{transform:translateX(69px)}.login-in .type-in img.active1[data-v-5dfd2e50]{transform:translateX(69px);opacity:0}.login-in .type-in img.active2[data-v-5dfd2e50]{transform:translateX(0);opacity:0}.login-in .login-box[data-v-5dfd2e50]{position:relative;height:500px;width:100%;padding:0 6%}.login-in .login-box .headline[data-v-5dfd2e50]{color:#0ae;margin-bottom:20px}.login-in .login-box button[data-v-5dfd2e50]{width:150px;height:50px;line-height:50px;margin:20px 0}.login-in .login-box .form-input[data-v-5dfd2e50]{display:block;margin:20px auto;width:60%;background-color:#f7f4f8;border:none;line-height:60px;text-align:center;font-size:16px;border-radius:30px}.login-in .login-box .other-icon[data-v-5dfd2e50]{width:70%;margin:auto}.login-in .login-box .other-icon img[data-v-5dfd2e50]{width:70px;height:70px;display:inline-block;margin:10px 20px;cursor:pointer}.login-in .login-box .account-in[data-v-5dfd2e50],.login-in .login-box .yytQcode-in[data-v-5dfd2e50]{width:100%;position:absolute;height:400px;right:0;transition:all .2s ease}.login-in .login-box .account-in>img[data-v-5dfd2e50],.login-in .login-box .yytQcode-in>img[data-v-5dfd2e50]{width:320px}.login-in .login-box .account-in .p[data-v-5dfd2e50],.login-in .login-box .yytQcode-in .p[data-v-5dfd2e50]{padding-bottom:20px}.login-in .login-box .on-hidden[data-v-5dfd2e50]{height:0;transition:all .2s ease;transform:translateX(70px);opacity:0}.login-in img[data-v-5dfd2e50]{width:60%;margin:auto}