body,html{font-size:14px}@media only screen and (max-width:950px){body,html{font-size:10px;line-height:16px}}.login3{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(../../static/img/xwwl_bg.aa3ba121.jpg);background-size:100% 100%}.login3 .cover{position:absolute;top:50%;left:60%;width:70%;height:70%;transform:translate(-50%,-50%);background-color:rgba(245,241,241,.4)}.login3 .logo{position:absolute;top:30px;left:20px;width:25%;padding-top:10%;background-image:url(../../static/img/xwwl_logo_tm.a3a32531.png);background-repeat:no-repeat;background-size:100% auto}.login3 .info_text{width:60%;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);font-size:1.3em;color:#300322}.login3 .info_text_title{font-weight:700}.login3 .info_text_content{margin-top:20px;line-height:2em;text-indent:2em}.login3 .form_bg{position:relative;z-index:1;float:right;height:100%;width:30%;background-color:#fff}.login3 .form_box{height:300px;width:80%;margin:0 auto;margin-top:40%}.login3 .form_box .form_title{font-size:24px;text-align:center;color:#c54444}.login3 .form_box .mt20{margin-top:20px}.login3 .form_box .el-button{width:100%;border:none;background-color:#e14d30;border-radius:0;animation:bg-change 10s ease infinite forwards;background:linear-gradient(to top left,#e25337,#c35caf,#0287f0);background-size:400% 400%}.login3 .form_box .el-button:hover{opacity:.8}.login3 .form_box .forget_box{margin-top:10px}.login3 .form_box .forget_text{text-align:center;font-size:14px;color:#aaa;cursor:pointer}.login3 .copy_right{text-align:center;position:absolute;bottom:5px;color:#aaa;width:100%}@keyframes bg-change{0%{background-position:0 28%}50%{background-position:100% 75%}to{background-position:0 28%}}