* {
    margin:0px;
    padding:0px;
  }
  html, body {
    height:100%;
  }
  body {
    background: url(../img/background/guangzhou_tower.jpg) no-repeat;
    background-size: cover;
    padding-top: 120px;
}
@media only screen and (orientation: portrait) {
    body {
        background-image: url(../img/background/guangzhou_tower_portrait.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
}
#login{
    box-sizing: border-box;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    width:345px;
    padding:20px;
    background-color: #f9f9f9;
    margin-right: auto;
    margin-left: auto;
    opacity:0.85;
    text-align:left;
    position: relative;
}

#login .righttop {
    position: absolute;
    right: 22px;
    top:15px;
}

#login .qrlogin{
    transform: rotate(-90deg);
    width: 35px;
    height: 35px;
    position: absolute;
    top: 3px;
    left: 4px;
    cursor: pointer;
}