@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline-style: none }
@keyframes fade-in {
    0% { opacity: 0; }

    /*初始状态 透明度为0*/
    40% { opacity: 0; }

    /*过渡状态 透明度为0*/
    100% { opacity: 1; }

    /*结束状态 透明度为1*/ }
@-webkit-keyframes fade-in {

    /*针对webkit内核*/
    0% { opacity: 0; }
    40% { opacity: 0; }
    100% { opacity: 1; }
}
* {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 0;margin: 0;}
body { line-height: 1; font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent }
a:hover, a:focus { text-decoration: none; outline-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input, select { vertical-align: middle }
.clearfix::before, .clearfix::after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
.hide{display: none;}
.hand {cursor:pointer!important;}
/* login */
html, body { display:block;width:100%;height: 100%;padding: 0;margin: 0;}
.page-login-v3{width: 100%; height: 100%;background:  #001237 url(bg.png) top left no-repeat;background-size: cover;background-attachment:fixed;}
.container {display: block; height: 100%;position: relative;}
#wrapper { animation: fade-in;/*动画名称*/ animation-duration: .6s;/*动画持续时间*/ -webkit-animation: fade-in .6s;/*针对webkit内核*/ }
.login-logo{position: absolute;top: 10%;left: 0;margin: 0 20%;}
.login-logo img{max-width: 100%;max-height:65px;vertical-align: middle;}
.login-logo .tu-s{display: none;}
.login-logo .logozi{color:#ffffff;font-size:23px;vertical-align: middle;}
.login-body{display: block; position: absolute;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 250px; background: #ffffff;padding: 25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 0 15%;}
.brand{padding-bottom: 18px;text-align: center;font-size: 0;}
.brand .img{ height: 40px;}
.brand .brand-text {font-size: 18px !important; font-family: "Microsoft YaHei"; text-shadow: rgba(0, 0, 0, .15) 0 0 1px; font-weight: 400; color: #707070;line-height: 18px;padding-top: 12px; }
.hide{display: none!important;}
.login-form {display: block;}
.inp-box{
    display: flex;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    width: 100%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #dcdfe6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.inp-tips{
    color: transparent;min-height:15px;line-height:15px;font-size: 13px;
}

.inp-box.active{
    border: 1px solid #f56c6c;
}

.inp-box.active+.inp-tips, .inp-tips.c-red{
    line-height:25px;
    color:#f56c6c;
}
.inp-box.code-box{cursor: pointer;padding-right: 0;overflow: hidden;}
.inp {
    width: 100%;
    height: 100%;
    background: transparent;
    border:none;
    flex: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::placeholder {color: #c0c4cc !important;}
.inp-box i{font-size: 20px;color: #c0c4cc;position: relative;top:-1px;}

.inp-box i+.inp{
    padding-left: 8px;
}
.login-btn{
    display: block;
    width: 100%;
    background-color: #4A91FD;
    color: #FFF;
    border: none;
    height: 35px;
    border-radius: 8px;
    cursor: pointer;
}

.download-cai{
    margin-top: 15px;
    text-align: center;
}

.download-cai a{
    color: #0099ee;
    text-decoration: none;
    cursor: pointer;
}

.copyright{
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #f2f4f6;
    font-size: 12px;
    font-weight: 400;
}

@media screen and (max-width:992px){
    .login-logo{
        left:0;
        right: 0;
        text-align: center;
    }
    .login-logo .tu-l{display:none;}
    .login-logo .tu-s{display: inline-block;max-height: 50px;}
    .login-body{
        width: auto;
        min-width: 220px;
        margin: auto;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}