body,html{margin:0;padding:0;height:100%;background:linear-gradient(130deg,#353e54,#1c1b3b);text-align:center}.line_panel{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAGgCAMAAABYCS15AAAARVBMVEX///////////////////////////8AAAD////////////////////////////////////////////////////////////l9IKsAAAAF3RSTlMtBSkjHxkJADEcJhMOFhALYlpSNkQ9SxKnPKcAAAECSURBVDjLfdXZloQgDEXRa5DBAWuw7P//1MZIVxoCLtf26JsDRnjv24bagOGs8xjc0PfIVinbhNtcaWmIl0d8lGxptauYGkaxse1itIUtl7mBSpFiob1Z2Ly34RS5yl6a9qnv0MZjTB1T+Vj7/GdgVDt+ajNmZrjKewZxL8QlaQO4AL2kf/ACKEE+1gLC2SdyRXiGBAC3b+fu9+0C8C1fT1UgJHzO7SG+T+KWzwPvogkp5XP+vgfpDcOM9rmn11F2SPtkvU61XdpmYWuhLyb5O5S2NiottGhzh2EyT2qjSLNImxqsyPNORM1FmZ2p2lbJc5m7ukTmdq5wfT7/F6QNvukXwQ0rPGhNiBoAAAAASUVORK5CYII=) no-repeat;width:3px;height:416px}.code_login,.line_panel{display:inline-block}.panel_yun{margin:0 auto;padding-top:10%}.line_panel{margin-left:225px;margin-right:180px}.code_login,.line_panel,.panel_logo{display:inline-block;vertical-align:middle;text-align:left}.panel_logo{width:38%;max-width:430px;margin-left:3%}.line_panel{margin:0 7% 0 9%}.code_login{width:40%}.code_login>div{margin-top:5%}.code_login>div:first-child img{border:5px solid #fff}.code_login img{margin-left:10%}.login_baks{color:#686d91;font-size:20px;margin-top:64px}.bak_list{display:inline-block;vertical-align:top}.bak_list div{margin-bottom:10px}@media (min-width:768px) and (max-width:1024px){.panel_yun{padding-top:25%}}