/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-16px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:36px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}
.ladda-button .ladda-label i{
    margin-top: 1px;
}




.login {

}
.login .logo,.login .login_normal,.relogin .logo a ,.relogin .copyright span,.page-lock-info,.page-lock-img {
    transition: all 1s;
    -webkit-transition: all 1s;
}


.login .logo {
    margin: 160px auto 0;
    padding: 15px;
    text-align: center;
}

.login .login_normal {
    overflow: hidden;
    position: relative;
    width: 360px;
    margin: 0 auto;
    padding: 20px 30px 15px;
    background: url("/static/images/bg-white-lock.png");
}
.login .login_normal form{
    margin-top: 46px;
}
.form-control{
    background: #ffffff;
}
.login .login_normal h3 {
    text-align: left;
    font-size: 28px;
    font-weight: 400;
}
.login .login_normal h4 ,.login .login_normal h3 {
    color: #eee;
}


.login .login_normal .hint {
    color: #999;
    padding: 0;
    margin: 15px 0 7px
}

.login .login_normal .form-control {
    color: #8290a3;
    border: 1px solid #dde3ec;
    border-radius: 0px;


}
.login .login_normal .form-control:active, .login .login_normal .form-control:focus {
    border: 1px solid #c3ccda
}

.login .login_normal .form-control::-moz-placeholder {
    color: #8290a3;
    opacity: 1
}

.login .login_normal .form-control:-ms-input-placeholder {
    color: #8290a3
}

.login .login_normal .form-control::-webkit-input-placeholder {
    color: #8290a3
}

.login .login_normal select.form-control {
    padding-left: 9px;
    padding-right: 9px
}

.login .login_normal .forget-form, .login .login_normal .register-form {
    display: none
}

.login .login_normal .form-title {
    font-weight: 300;
    margin-bottom: 25px
}

.login .login_normal .form-actions {
    clear: both;
    border: 0;
    padding: 25px 30px;
    margin-left: -30px;
    margin-right: -30px
}

.login .login_normal .form-actions > .btn {
    margin-top: -2px
}

.login-options {
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 10px;

}
.login-options p span{
    display: inline-block;
}
.login_normal .language_switch{
    text-align: center;
}
.language_switch{
    margin-bottom: 0px;
}
.language_switch, .language_switch a{
    color: #ffffff;
}
.language_switch span{
    padding:0 8px;
}
.language_switch a.active{
    text-decoration: underline;
}
.login_ready .language_switch{
    margin-top: 4px;
}


.login .login_normal .form-actions .checkbox {
    margin-left: 0;
    padding-left: 0
}

.login .login_normal .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px
}

.login .login_normal .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.login .login_normal .form-actions .btn {
    margin-top: 20px;
    border-radius: 0px;
}
/*.login_ready .loading_i{*/
    /*position: relative;*/
    /*top:-1px;*/
    /*font-size: 14px;*/
/*}*/
#login_ready button.ladda-button{
 height: 34px;

}

.login .login_normal .form-actions .btn-default {
    font-weight: 600;
    padding: 10px 25px !important;
    color: #6c7a8d;
    background-color: #fff;
    border: none
}

.login .login_normal .form-actions .btn-default:hover {
    background-color: #fafaff;
    color: #45b6af
}

.login .login_normal .forget-password {
    font-size: 14px;
    float: right;
    display: inline-block;
    margin-top: 10px
}

.login .login_normal .check {
    color: #fff
}

.login_normal .mt-checkbox{
    margin-top: 0px;
    padding-left: 18px;
}
.login .login_normal .create-account {
    margin: 0 -40px -30px;
    padding: 15px 0 17px;
    text-align: center;
    background-color: #6c7a8d;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px
}

.login .login_normal .create-account > p {
    margin: 0
}

.login .login_normal .create-account p a {
    font-weight: 600;
    font-size: 14px;
    color: #c3cedd
}

.login .login_normal .create-account a {
    display: inline-block;
    margin-top: 5px
}

.login .copyright {
    text-align: center;
    margin: 0 auto 30px 0;
    padding: 10px;
    color: #fff;
    font-size: 13px
}

@media (max-width: 440px) {
    .login .login_normal, .login .logo {
        margin-top: 10px
    }

    .login .login_normal {
        width: 280px
    }

    .login .login_normal h3 {
        font-size: 22px
    }

    .forget-password {
        display: inline-block;
        margin-top: 20px
    }
    .login .checkbox {
        font-size: 13px
    }
}



/*定制样式-start-h*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.login_bg_box{
    position: fixed;
    left: 0;
    right: 0px;
    top: 0px;
    z-index: -1;
    height: 100%;
}

.login_bg_box .login_bg_img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*filter: blur(10px)*/
}
.login_bg_box .login_bg_img,.login_bg_box{
    user-select: none;
}

a.logo_text{
    color: #fff;
    font-size: 26px;
    line-height: 50px;
    text-decoration: none;
}
a.logo_text span {
    color: #f23d3d;
}

.mt-checkbox>span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#alert_box{
    /*position: absolute;*/
    /*top: 30px;*/
    /*width: 100%;*/
    padding: 4px 10px;
}
#alert_box2{
    position: absolute;
    top: 39px;
    left: 0px;
    width: 100%;
    padding: 2px 10px;
}

.bootstrap-switch {
    display: inline-block;
    width: 60px;
    height: 20px;
    direction: ltr;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid;
    border-color: #ccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bootstrap-switch-container{
    position: absolute;
    left: 0px;
    width: 90px;
    font-size: 0px;
    -webkit-transition:left 0.5s; /* Safari 和 Chrome */
    -moz-transition:left 0.5s; /* Firefox 4 */
    -o-transition:left 0.5s; /* Opera */
    transition:left 0.5s;
}

.bootstrap-switch-handle-on,
.bootstrap-switch-label,
.bootstrap-switch-handle-off {
    display: inline-block;
    float: left;
    width: 30px;
    height: 20px ;
    font-style: 14px;
}
.bootstrap-switch-handle-on{
   background-image: url("/static/images/china.png");
}
.bootstrap-switch-handle-off{
    background-image: url("/static/images/ru.png");
}
.bootstrap-switch-on .bootstrap-switch-container{
   left: 0px;
}
.bootstrap-switch-off .bootstrap-switch-container{
   left: -30px;
}

/*存在登录记录--start-h*/

.login .page-body {
    width: 510px;
    padding: 15px;
    margin:0 auto;
    background:url("/static/images/bg-white-lock.png");
}
.login .page-body:after {
    display: block;
    content: " ";
    height: 0px;
    width: 0px;
    clear: both;
    line-height: 0;
}
.login img.page-lock-img {
    float: left;
    width: 200px;
    height: 200px;
}
.login .page-lock-info {
    padding-left: 16px;
    float: right;
    width: 280px;
}
.login .page-lock-info h1 {
    margin-top: -5px;
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
}
.login .page-lock-info .email {
    color: #eee;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.login .page-lock-info .locked {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
}
.login .page-lock-info form {
    margin: 18px 0 10px;
}
.login .page-lock-info input{
    border:none;
}
.login .page-lock-info input,.login .btn.green:not(.btn-outline) {
    border-radius: 0px;
    height:34px;
    width: 100%;
}
.login .relogin_box {
    margin: 40px 0px 0px 0px;
}
.login .relogin_box a {
    color: #fff;
}
.login_ready .login-options h4 {
     float:left;
     margin: 6px 0 0px;
     color:#e1e1e1;
 }
.login_ready .login-options ul {
    float:left;
    padding:0px 10px;
}

.relogin .logo {
    padding-bottom: 0px;
}

.relogin .logo a {
    margin-left: -386px;
}

.relogin .copyright span {
    margin-left: -220px;
}




@media screen and (max-width: 480px){
    .login_normal .btn.pull-right{
        float: right!important;
        margin-top: -8px!important;
    }
}

@media screen and (max-width: 768px){
    .login .page-body{
        width: 280px;
    }
    .login .page-lock-info input {
        width: 200px!important;
    }

    .login .page-lock-info input {
        background: #fff;
    }

    .login img.page-lock-img {
        float: none !important;
        display: block;
        margin: 0 auto 15px;
        text-align: center;
    }

    .login .page-lock-info {
        float: none !important;
        width: 260px;
        margin: 0 auto;
    }
    .login .page-lock-info h1{
        text-align: center;
    }

    .relogin .logo a {
        margin-left: -158px;
    }

    .relogin .copyright span {
        margin-left: 0px;
    }
    .login .logo {
        margin: 80px auto 0;
    }
    .login .page-lock-info {
        padding-left: 4px;
    }


}



/*存在登录记录--end-h*/

/*动画处理-start-h*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.hinge {
    animation-duration: 2s;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-duration: 4s;
    animation-name: fadeIn;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-duration: 4s;
    animation-name: fadeOut;
}
/*动画处理-end-h*/



/*定制样式-end-h*/