html, body{height:100%;width:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}
html{font-size:62.5%;background:#fff;}
body{overflow:hidden;margin:0;padding:0;font:1.4rem/1.5 system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "PingFang SC", "Segoe UI", "Microsoft Yahei", "Microsoft Jhenghei", "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}


.container{width:100%;background:#fff;height: 100%:}
.header-lined{max-width:1200px;height:140px;margin:0 auto;}
.header-lined img{display:inline-block;float:left;height:80px;margin:30px 40px 0;}
.header-lined h1{display:flex;float:left;width:calc(100% - 170px);height:140px;line-height:1.2;align-items:center;font-weight:normal;font-size:50px;margin:0;padding:0;}
.main-grid{height:calc(100vh - 140px);background:url(img/bg.jpg) no-repeat center center/cover;position:relative;}
.main-grid2{height:calc(100vh - 0px);background:url(img/welcome-cover.jpg) no-repeat center center/cover;position:relative;}


.form-control {
    display: block;
    width: 100%;
    height: 50px; 
    padding: 8px 16px 8px 66px;
    font-size: 14px;
    line-height: 24px;
    color: #393d45;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdee2;
    border-radius: 3px;
    box-sizing:border-box;
    outline:none;
}

.logincontainer {
    font-size:16px;
    position:absolute;right:10%;top:50%;transform:translateY(-50%);
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .3);
    width: 440px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}
.logincontainer2 {
    font-size:16px;
    position:absolute;top:50%; right:40%;transform:translateY(-50%);
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .3);
    width: 440px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}
.logincontainer2 h2{text-align:center;margin:0;padding:50px 0 0;line-height:1;font-size:30px;font-weight:normal;}

.logincontainer h2{text-align:center;margin:0;padding:50px 0 0;line-height:1;font-size:30px;font-weight:normal;}
.logincontainer-body {
    padding:40px;
}
.logincontainer2-body {
    padding:40px;
}
.form-group {
    margin-bottom:25px;
    position:relative;
}
.form-group label[for="rememberme"]{display:inline-block;float:right;margin-top:5px;position:relative;}
.form-group input[type="checkbox"]{display:inline-block;width:16px;height:16px;float:left;margin-top:5px;}
.form-group .username{position:absolute;left:0;top:0;display:inline-block;width:50px;height:50px;background:#015abe url(img/icon-user.png) no-repeat center center;border-radius:3px 0 0 3px;}
.form-group .password{position:absolute;left:0;top:0;display:inline-block;width:50px;height:50px;background:#015abe url(img/icon-password.png) no-repeat center center;border-radius:3px 0 0 3px;}
.form-group .accountName{position:absolute;left:0;top:0;display:inline-block;width:50px;height:50px;background:#015abe url(img/123.png) no-repeat center center;border-radius:3px 0 0 3px;}
.form-group .mobilPhone{position:absolute;left:0;top:0;display:inline-block;width:50px;height:50px;background:#015abe url(img/345.png) no-repeat center center;border-radius:3px 0 0 3px;}
 
.form-group .btn {
    display:block;width:100%;
    -webkit-appearance:none;
    appearance:none;
    margin-top:60px;
    outline:none;
    border:1px solid #015abe;
    background:#015abe;color:#fff;
    font-size:22px;height:50px;padding:10px 0;border-radius:3px;
}
.form-group  a{display:inline-block;float:right;margin-top:5px;color:#333;text-decoration:none;}

@media all and (max-width:600px){
    body{overflow:hidden;}
    .header-lined{height:100px;}
    .header-lined img{margin-left:15px;height:60px;margin:20px 15px 0 20px;}
    .header-lined h1{width:calc(100vw - 100px);height:100px;font-size:24px;}
    .main-grid{height:calc(100vh - 100px);}
    .logincontainer{width:100vw;left:50%;transform:translate(-50%,-50%);}
    .logincontainer2{width:100vw;left:50%;transform:translate(-50%,-50%);}
}