*{margin: 0;padding: 0;font-family: '微软雅黑';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html{font-size: 62.5%;}
body{width: 100%;height: 100%;overflow: hidden;position: absolute;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
img{border: 0;max-width: 100%;max-height: 100%;}
header,footer,article,aside,section,nav{display:block;}

.wrap{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../../Images/login/bgimg.png)no-repeat center;
    background-size: 100%;
}

.loginBox{
    position: absolute;
    width: 361px;
    height: 316px;
    top: calc(50% - 185px);
    right: 14%;
    background: url(../../Images/login/loginbg.png)no-repeat center;
    background-size: 100%;
}

.loginBox .userName,.loginBox .passWord{
    width: 228px;
    height: 38px;
    padding-left: 25px;
    font-size: 1.6rem;
    color: #444;
    border:none;
}

.loginBox .userName{
    position: absolute;
    top: 95px;
    left: 88px;
}

.loginBox .passWord {
    position: absolute;
    top: 165px;
    left: 88px;
}

.loginBox .loginIn{
    position: absolute;
    width: 275px;
    height: 33px;
    bottom: 48px;
    left: 42px;
    background-color: transparent;
}
.shine{
    position: absolute;
    width: 50%;
    height: 20%;
    top: 36%;
    left: 10%;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
    .loginBox{
        top: 22%;
        right: 10%;
    }
}