.login[data-v-43220e53]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:#fff}.login .content[data-v-43220e53]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%}.login .content .header[data-v-43220e53]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:78px;background-color:#fff}.login .content .header .logo[data-v-43220e53]{width:150px;margin-left:30px}.login .content .header .logo img[data-v-43220e53]{width:100%}.login .content .main[data-v-43220e53]{position:relative;width:100%;max-height:474px}.login .content .main .bg[data-v-43220e53]{width:100%;height:100%;min-height:300px}.login .content .main .bg img[data-v-43220e53]{display:block;width:100%}.login .content .main .card[data-v-43220e53]{position:absolute;right:30%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:300px;background-color:#fff}.login .content .main .card .title[data-v-43220e53]{width:100%;height:58px;line-height:58px;text-align:center;background-color:#f9faff;font-size:20px;color:#333}.login .content .main .card .body[data-v-43220e53]{width:260px;padding:24px 20px}.login .content .footer[data-v-43220e53]{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;width:100%;color:#666;font-size:14px}.login .content .footer .copyright[data-v-43220e53]{line-height:1;padding:20px 0}.login .blank[data-v-43220e53]{width:100%;height:40.5%}@media screen and (max-width:1024px){.login .content .main .card[data-v-43220e53]{right:15%;width:250px}.login .content .main .card .body[data-v-43220e53]{width:190px}}@media screen and (min-width:1024px) and (max-width:1440px){.login .content .main .card[data-v-43220e53]{right:26%;width:250px}.login .content .main .card .body[data-v-43220e53]{width:210px}}.code_box[data-v-43220e53]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.code_box .el-input[data-v-43220e53]{margin-right:20px}.code_box .graphic_code[data-v-43220e53]{height:36px;cursor:pointer}