html, body {
    width: 100%;
    height: 100%;
    min-width: 1300px;
}
body {
    background: url('/static/enterprise/image/login/login-bg-1600.jpg') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input::-webkit-input-placeholder { /* WebKit browsers */
    color:#ccc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#ccc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#ccc;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#ccc;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333;
}

.main {
    height: inherit;
}
.main .main-container {
    padding-top: 6%;
}

.main-container .left {
    position: relative;
    float: left;
    width: 894px;
    height: 462px;
    background: url("/static/enterprise/image/login/data.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.main-container .left img {
    position: absolute;
    right: 50px;
    bottom: 100px;
}
.main-container .right {
    float: left;
    padding-top: 50px;
}
.main-container .right .login {
    width: 300px;
    position: relative;
    margin: 0 auto;
    padding: 20px;
}
.login .login-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
}
.login .input-area {
    margin-bottom: 20px;
    position: relative;
}

.login .input-area:last-child {
    margin: 0;
}

.login .input-area .img-box {
    width: 40px;
    height: 43px;
    position: absolute;
    left: 1px;
    top: 1px;
}
.login .input-area .img-box img {
    width: 100%;
}
.login .input-area .form-control {
    height: 46px;
    padding-left: 46px;
}
.login .auto {
    float: left;
    color: #fff;
}
#auto {
    vertical-align: middle;
}
.login .forget,.login .download-file {
    float: right;
    font-size: 12px;
    color: #fff;
}
.login .submit-btn {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #6070a8;
    border-radius: 3px;
    cursor: pointer;
}
.login .submit-btn:hover {
    background-color: #6176c5;
    box-shadow: 0 2px 3px 0 rgba(37, 43, 63, 0.5);
}
.login .submit-btn.login-btn{
    background-color: #ccc;
    cursor: not-allowed;
}

.m-card {
    border-radius: 3px;
    box-shadow: 0px 10px 20px 0 rgba(8, 8, 8, 0.42);
    background: rgba(35,43,71,.8);
}

.login .register {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: center;
    color: #6b7bb5;
    border: solid 1px #6b7bb5;
    border-radius: 3px;
}
.login .register:hover {
    background-color: #eff2ff;
    box-shadow: 0 2px 3px 0 rgba(37, 43, 63, 0.5);
}

.code-container {
    position: fixed;
    top: 10px;
    right: 130px;
}

.app-download {
    position: relative;
    font-size: 14px;
    color: #bfbfbf;
}
.download {
    cursor: pointer;
    transition: color .5s;
}

.app-download .code {
    position: absolute;
    top: 30px;
    left: -80px;
    width: 230px;
    padding: 12px 5px 12px 5px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .5s;
    text-align: center;
}

.app-download .code .item {
    margin: 0 36px;
    text-align: center;
}
.app-download .code .item p {
    margin-top: 10px;
    font-size: 16px;
    color: #bacadb;
}

.app-download .code img {
    height: 90px;
}

.download:hover {
    color: #fff;
}

.download:hover+.code {
    opacity: 1;
}


.forget:hover,.download-file:hover {
    text-decoration: underline;
}
#tips {
    position: absolute;
    top: 16px;
    left: 20px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #f29429;
    padding: 0 5px 5px 30px;
    box-sizing: border-box;
    background: url(/static/enterprise/image/login/warn16.png) no-repeat 8px 12px #fff8b4;
    border-radius: 3px;
    border: solid 1px #fd9822;
}
.jump {
    position: fixed;
    font-size: 14px;
    color: #bfbfbf;
    top: 10px;
    right: 10px;
    transition: color .5s;
}

.jump:hover {
    color: #fff;
    text-decoration: none;
}

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

footer p {
    width: 1160px;
    padding: 20px;
    text-align: center;
    color: #bfbfbf;
    margin: 0 auto;
}

footer p a:hover,footer p a:active,footer p a:link,footer p a:visited {
    color: #bfbfbf!important;
}