body{margin:0;overflow:hidden;background:linear-gradient(to bottom,#19778c,#095f88);background-size:1400% 300%;animation:dynamics 6s ease infinite;-webkit-animation:dynamics 6s ease infinite;-moz-animation:dynamics 6s ease infinite;font-size:14px;color:#ffffff;min-height:700px;}.main{position:fixed;text-align:center;top:50%;width:100%;height:auto;display:flex;justify-content:center;transform:translateY(-50%);}.login{width:470px;height:470px;background:linear-gradient(to bottom,#19778c,#095f88);animation:dynamics 6s ease infinite;-webkit-animation:dynamics 6s ease infinite;-moz-animation:dynamics 6s ease infinite;opacity:0.9;border:solid 1px #13a1fc;background-size:1400% 300%;}@media screen and (max-width:641px){.login{width:80%;padding:1rem;}}@keyframes dynamics{0%{background-position:0% 0%;}50%{background-position:50% 100%;}100%{background-position:100% 0%;}}.log-con{background:linear-gradient(#13a1fc,#13a1fc) left top,linear-gradient(#13a1fc,#13a1fc) left top,linear-gradient(#13a1fc,#13a1fc) right top,linear-gradient(#13a1fc,#13a1fc) right top,linear-gradient(#13a1fc,#13a1fc) left bottom,linear-gradient(#13a1fc,#13a1fc) left bottom,linear-gradient(#13a1fc,#13a1fc) right bottom,linear-gradient(#13a1fc,#13a1fc) right bottom;background-repeat:no-repeat;background-size:3px 20px,20px 3px;height:100%;margin:-2px;padding:3px 1px 1px 0;border-radius:3px;}@media screen and (max-width:641px){.log-con{width:90%;margin:0 auto;display:block;padding:0px;}}.log-con .siteName{font-size:30px;font-weight:bold;line-height:24px;letter-spacing:2px;display:block;margin:40px 0 44px 0;}.log-con .siteName::after{display:block;content:'';width:57px;height:3px;background:#ffffff;margin-top:16px;justify-content:center;position:relative;left:50%;transform:translateX(-50%);}.log-con input{display:block;margin:0px 0 32px 70px;width:330px;height:42px;background-color:#ffffff;border-radius:4px;opacity:0.9;border:0;font-size:16px;outline:none;padding-left:10px;color:#000000;}@media screen and (max-width:641px){.log-con input[type="text"]{margin:0;margin-bottom:1rem;width:100%;}.log-con input[type="password"]{margin:0;margin-bottom:1rem;width:100%;}}.log-con button{width:340px;height:44px;background-color:#0090ff;border-radius:4px;display:block;margin:0px 0 0 70px;text-align:center;line-height:44px;cursor:pointer;opacity:1;border:none;outline:none;color:#fff;}@media screen and (max-width:641px){.log-con button{margin:0 auto;width:100%;}}input::-webkit-input-placeholder{color:#000000;font-size:16px;}.log-con .code{width:216px;display:inline-block;margin-left:6px;}.login img{max-width:100%;max-height:100%;float:left;margin-top:6px;}#captcha{margin-left:0px;float:left;}.box{width:334px;margin:0 auto;}#code{display:inline-block;float:right;}@media screen and (max-width:641px){.code{width:60% !important;float:left;}#code{float:right;width:30% !important;height:42px;margin:0px !important;}#code img{width:100%;}}