/*z content*/
html{overflow: hidden;height:100%}
body{ }
.A{position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;}
.B{ background:url(images/login/bg.jpg); position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    background-size: cover;}
div.loginBlock >div.content{
    position: relative;
    width:100%; margin:0 auto;
    background:url(images/login/bg.png) repeat;
    position: absolute;left:0;right:0;top:0;bottom:0; justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Microsoft yahei", Arial;
}
.loginCenter video{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
.loginCenter >.container{ max-width:1366px;width:100%; margin:0 auto; display: flex;display: -webkit-flex; flex-direction: column;align-items: center;}
div.logoBlock{ margin-bottom: 0px; width:100%;position: fixed;top:50px; left:50px; opacity: 0.8}
div.logoBlock>div.content{ width:100%;height:60px; margin:0 auto; background:url(images/login/logo.png) no-repeat; display: flex;display: -webkit-flex; justify-content:flex-start; }
/*div.bannerBlock{  display: flex;display: -webkit-flex; justify-content:flex-end;align-items: center;min-height:600px; position:absolute; top:50%;margin-top:-300px;right:10%;}*/
div.bannerBlock {    width: 1366px; margin-bottom:130px;   display: flex;    display: -webkit-flex;    justify-content: center;    align-items: center;    min-height: 360px;     flex-direction: column;    justify-content: space-around;  
}
.bannerBlock h2{ background:url(images/login/logintitle.png) no-repeat; width:650px; height:78px;}
div.bannerBlock>div.content{width:742px; height:550px; background:url(images/login/banner.png) center center no-repeat;float:left; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; opacity: 0.5}
.bannerLeft{ background:url(images/login/bannerLeft.png) center center no-repeat; width:500px; height:500px; opacity: 0.8; animation: run 15s linear 0s infinite;position:relative;}
@-webkit-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}
div.loginFormBlock {    width: 340px;    height: 220px;    padding: 30px 50px;    /* position: absolute; */    float: right;    border-radius: 5px; }
div.loginFormBlock>div.title{ text-align: center;color:#0b9ff4; font-size:15px;background:url(images/login/titlebg.png) center center no-repeat; margin:5px 0 10px 0}
div.loginFormBlock>div.content{ }
div.loginFormBlock>div.content .inputTitle label{ display: none;}
div.loginFormBlock>div.content .input-group{ width:100% !important;}
div.loginFormBlock>div.content .inputArea{ }
div.loginFormBlock> div.content .form-group{ margin-bottom:5px !important; margin-left:0!important; margin-right:0!important}
div.loginFormBlock> div.content .input-group-addon{ border:1px solid #2d98dd; border-right:0; border-right:0; padding:0 6px 0 6px; background:#2d98dd;  }
div.loginFormBlock> div.content .form-control{ border:1px solid #38a4e9; border-left:0;     height: 40px;border-top-right-radius:4px; border-bottom-right-radius:4px;   width: 200px; background:#38a4e9!important; color:#bebebe;color:#fff!important; box-shadow:none!important; -webkit-box-shadow: 0 0 0px 1000px #38a4e9 inset!important;  }
div.loginFormBlock> div.content .needCookiesItem{ padding-top:0px; color:#175fce;min-height:20px;font-size:13px; text-align: right;  margin-bottom:0px!important; margin-top:-5px;}
div.loginFormBlock> div.content .btn-reset{ display: none;}
div.loginFormBlock> div.content .submitItem{ width:100%}
div.loginFormBlock> div.content .submitItem .btn{ width:100%;}
div.loginFormBlock> div.content .col-sm-offset-4{ margin-left:0}
div.loginFormBlock> div.content .btn-primary{ height:38px; background:#1588ef; border:1px solid #1588ef; font-size:15px; word-spacing:8px;letter-spacing: 6px;}
div.loginFormBlock> div.content .icon-language{width:25px; height:25px; background:url(images/login/lan.png) center center no-repeat;display: block}
div.loginFormBlock> div.content .icon-userName{ width:25px; height:25px;background:url(images/login/user.png) center center no-repeat;display: block}
div.loginFormBlock> div.content .icon-password{width:25px; height:25px; background:url(images/login/psw.png) center center no-repeat;display: block}
div.loginFormBlock> div.content .validateItem{}
.footerBlock{position: fixed; bottom:0px;left:0; color:#a9a7a7; font-size: 12px; width:100%; }
.copyrightBlock{ width:100%;    color: #fff; background:rgba(0,0,0,0.6); padding:5px 0 5px 0; border-top:1px solid rgba(255,255,255,0.2) }
.copyrightBlock>.content{ width:1366px; margin:0 auto;}
.otherLinksBlock{ float:right; background:url(images/login/footerbg.png)  repeat-x;}
.LoginText{font-size: 25px; color:#fff;  background:url(images/login/textbg.png) no-repeat; width:233px; height:105px; position:absolute;top:50%; margin-top:-35px;left:15px;}
.checkbox label{ color:#313131; font-size: 12px;}
.checkbox label:hover{ color:#0b9ff4}
input::-webkit-input-placeholder { /* WebKit browsers */
    color: #bebebe!important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bebebe!important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bebebe!important;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bebebe!important;
}
.loginText{ width:550px; color:#fff;text-align: center}
.loginText a:link,.loginText a:visited,.loginText a:hover,.loginText a:active{ color:#fff; margin-bottom:15px; font-size: 16px; display: block; margin-bottom:15px; text-decoration: none;}
.loginText p{ text-align: left;    color: #f3f3f3;    text-indent: 2em;    letter-spacing: 0.5px;    line-height: 22px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background:#38a4e9!important; color:#fff!important}
input::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff!important; 
    } 
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff!important; 
    } 
    input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff!important; 
    } 
    input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff!important; 
    } 
    input:focus {
        outline-color: #fff;
      }
      .addr{ float: right;}
      .weinxinma{position: relative; width:38px; height:35px;border-bottom-left-radius:5px;border-top-left-radius: 5px; background:url(images/login/weixinma.png) #078ef6 no-repeat; position: fixed;right:0; bottom:60px;}
      .weixin{position: absolute; width:200px; height:200px;right:0px; bottom:10px; visibility: hidden;}
      .weinxinma:hover .weixin{visibility: visible}
      .form-group>.col-sm-8{ padding-left:0px!important;}
      .btn-login{ border-radius:3px!important}
.app-qr { position: absolute; width: 200px; height: 260px; bottom: 30px; visibility: hidden; }