/*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter,Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
html {
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-style: 14px;
    font-style: 'MicrosoftYaHei';
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
}
p{
    margin: 0;
}
.index-wrapper{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}
/* 上 */
.up-wrapper{
    width: calc(100% - 720px);
    margin: 0 auto 12px auto;
    height: 90px;
    line-height: 90px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
/* 中 */
/*.mid-wrapper{
    width: 100%;
    height: 500px;
    background: url(../img//bg.png) no-repeat center;
    background-size: 100% 100%;
}*/ /*含有图片路径信息，已移到HTML中*/
.mid-wrapper>.mid-container{
    width: calc(100% - 720px);
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.mid-wrapper .login-form{
    width: 440px;
    height: 375px;
    background-color: #fff;
    padding: 49px;
    text-align: center;
}
.title{
    font-weight:400;
    font-size: 18px;
    color: #333333;
    margin-bottom: 32px;
}
.border-Input{
    width: 342px;
    height: 42px;
    border: 1px solid rgba(221,221,221,1);
    margin-bottom: 18px;
    display: flex;
    
}
.border-Input>span{
    display: inline-block;
    width: 42px;
    height: 42px;
    border-right: 1px solid rgba(221,221,221,1);
}
.inputClass{
    display: inline-block;
    width: calc(100% - 42px);
    padding-left: 8px;
    border: none;
    outline: none;
}
.checkbox{
    text-align: left;
    margin-bottom: 38px;
    margin-top: 24px;
}
.checkbox>span{
    display: inline-block;
    color: #999999;
    font-size: 13px;
    cursor: pointer;
}
.checkbox>.isChecked{
    width: 17px;
    height: 17px;
    border: 1px solid #DDDDDD;
    position: relative;
    top: 3px;

}
.checkbox label, .radio label{
    color: #999999;
}
.checkbox input[type=checkbox]{
    background-color: #fff;
}
.loginBtn{
    width: 342px;
    height: 40px;
    line-height: 40px;
    border: none;
    background: #FE8E36;
    color: #fff;
    font-size: 16px;
    outline: none;
}
/* 下 */
.down-wrapper{
     width: calc(100% - 818px);
     margin: 65px auto 0 auto;
     height: 104px;
     display: flex;
     justify-content: space-between;
     background-color: #fff;
 }
@media screen and (max-width: 1366px) {
    .mid-wrapper{
        width: 100%;
        height: 415px;
        /*background: url(__CDN__/assets/img/login2/bg.png) no-repeat center;*/
        background-size: 100% 100%;
    }
    .down-wrapper{
        width: calc(100% - 818px);
        margin: 34px auto 0 auto;
        height: 104px;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
    }
}
.down-wrapper>.text{
    width: calc(100% - 105px);
    /* padding-top: 45px; */
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.down-wrapper>.text .blue{
    color: #3B7CD1;
    text-decoration: none;
}
.down-wrapper>.text>p{
    height: 19px;
    margin-bottom: 10px;
}
input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}
/* 登录失败提示框 */
.tip-wrapper{
    position: fixed;
    top: 100px;
    left: calc(50% - 200px);
    width:400px;
    height: 40px;
    line-height: 40px;
    background-color: #FEEDED;
    display: flex;
    align-items: center;
    color: #222222;
    display: none;
    justify-content: space-between;
}
.tip-wrapper>div{
    width: 80%;
    display: inline-block;
}
.tip-wrapper>div>.err{
    padding-left: 10px;
    margin-top: -2px;
}
.tip-wrapper>div.close{
    width: 20%;
    font-size: 14px;
    color: #222222;
    height: 100%;
    line-height: 45px;
    text-align: right;
    padding-right: 10px;
}