@charset "UTF-8";
html,body{height:100%;margin:0;padding:0;font-family:"微软雅黑";}
.login{width:100%;height:100%;overflow:hidden;position:relative;}
.login>div{width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.zi{position:absolute;right:5%;top:30%;font-size:2.6em;background:rgba(255, 255, 255, 0.5);padding:1em;border-radius:6px;animation:zi 0.5s linear 1s;animation-fill-mode:both;}
.bg3 .zi{right:auto;left:5%;}
@keyframes zi{
  0%{opacity:0;top:35%;}100%{opacity:1;top:30%;}
}
.bg1{background:url(load_res/login1.jpg) center;background-size:100% 100%;}
.bg2{background:url(load_res/login3.jpg) center;background-size:100% 100%;}
.bg3{background:url(load_res/login2.jpg) center;background-size:100% 100%;}
.bg4{background:url(load_res/login4.jpg) center;background-size:100% 100%;}
.bg4 a{position:absolute;left:50%;bottom:30%;color:#c60;text-decoration:none;font-size:20px;}
.bg4 span{border-bottom:1px solid #c60;font-weight:bold;margin:0 1em;}
@media (max-width:768px){
  .bg1{background:url(load_res/login11.jpg) center;background-size:100% 100%;}
  .bg2{background:url(load_res/login21.jpg) center;background-size:100% 100%;}
  .bg3{background:url(load_res/login31.jpg) center;background-size:100% 100%;}
  .bg4{background:url(load_res/login41.jpg) center;background-size:100% 100%;}
  .bg4 a{display:block;text-align:center;width:100%;left:0;}
  .zi{font-size:1.6em;}
}