.bg-login {
    background: #1f3ba8 url(/img/bgsi.png) 50% no-repeat;
    background-size: 100% 100%
}

.login-container {
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative
}

    .login-container .login-content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 9;
        width: 100%;
        height: 100%
    }

    .login-container .title-bg {
        background: url(/img/login.title.png) 50% no-repeat;
        background-size: contain
    }

    .login-container .login-h1 {
        margin: 5% auto 40px;
        padding: 0;
        color: #fff;
        font-weight: 700;
        font-size: 30px;
        line-height: 65px;
        text-align: center;
        font-family: YouYuan;
        height: 10%
    }

    .login-container .form-input {
        margin: 0 auto 4%;
        width: 65%;
        max-width: 1247px;
        min-width: 880px;
        height: 53%;
        max-height: 571px;
        min-height: 350px;
        background: rgba(149,162,210,.07);
        border-radius: 6px;
        overflow: hidden;
        position: relative
    }

        .login-container .form-input .login-left {
            float: left;
            width: 55%;
            height: 100%;
            background: url(/img/loginsi_left.png) 50% no-repeat;
            background-size: 100%;
            margin-left: -1%
        }

            .login-container .form-input .login-left img {
                width: 100%;
                height: 100%
            }

        .login-container .form-input .login-right {
            float: left;
            width: 30%;
            margin-left: 7%;
            margin-right: 8%;
            height: 100%
        }

            .login-container .form-input .login-right .subTitle {
                height: 30px;
                margin-top: 20%;
                margin-bottom: 6%;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAAaCAQAAAC+jhB1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfkAwoJHA8QBRLDAAAEVElEQVRo3sWa25mrOgyFf+WbBtyCW3ALtMApgZSQKSEpIZRwKGG7BVqgBZeg85DJhIsvkB0462kmxkZY0pK8QNQSJJCAWhlIQp30ryux5BBe15ZXzkENDoBh2wpa4YCePv28z+cirF1bHcN8Pa0Kk0YWaGzcYBhEa4y0yRv/y226pdNR+ef370vBnDC9i17ktnJPX3MMDZaBh0UOQ6AtbTRoRQ0/8wwOi6fLBOQfBjmvssjyh7P4xXyfnda9HB91TYXj9oXnmtmKQE3CNWqZRNb2rd4GbXDcRtHsQS0XDbk7q+WK53vkiA604qpeuuS0YWVW18Tu7T+xF6dszFV4TMasjsOgd5DzfLtkkG8GTQeX48JZFpklXs7Y9DxaSizwwCw8P4kTMCS50UnHoDY5mqS6T0Mv9CnalQ4fp1N11HJOBZ/cGFI0LIGg6aB8rt/sGZwnoCPlGgN01FGzDEWO/xTU5uohiAd1EQsv8p1bV9pMye5oioZV4ovXvI0TyBAnLXX06VEqdjRrhgsF7pZbZCOb0iyQW4q4pC90nOjOO3ACIERJ67eWRFP7MNeoXbanEfiplWowqwi30ya5Yj5vqlwm/z0eromTlvnZEB8lvLBiuz6DVe2GzJvhlXVAWlxipEuNAKjdm9BPANIvSevVGotfmqhuv85kAfPW4dSub1KSBX/QtHN2709Pz8dfjOQJ68hKs3d29snsaOMtEPBuwGzA0zVe50aMo65fRM/bMstWqH1r1pasTrpGAiaeUdrsH5pfP0Z0es0kqKcZawJqYg+eV47ebjMt75yezPpZ0mfK/S3R57lsC2Cze7FS+/uK/6wTeUbCTOmpozGTKZpwIAE+bNni0GRmSvTAraXVbWEvNrpmGOvIuPlhbaIp2VjM7K2hbcK2TMtd7bVZPG2dP8p+SEN7LUcuCTtKQvdeGCgKJtFZbu2lWuUajWULfZQO8uua8al/WUQno9Vb7P8mZCidyv96Vome5hrjrsrZC6fR3y9Br9A4y4GK8wGwhRalnTPGMd3p2DX+t4uPtcav9vowWXPb/fQ++bfXetWsIl1KwLyagSPa5gdGrnlqAhp9B/GU+/YXKBYoaVnAkoSlXVkd19DTbXT0XKfM/R0G+mnWPDWBPJ3VB7fBae17bte8j1qRN2qKdMa4cqk7JDAH/Nw1j1N/Sn36UZSO0gFG6Ep5o9VSbpWWuqgl3PlmDZ4W7Kw2jzFxjTxa5ESMyv/WQMsAOeeooYmeJM5c0s5Ro1du6/Rz8VRr6tIncZr/oFnC0sPp7AFp085Rx53o9y8S+OYSpzV1XOk21A2vFQ3H5MwFlq4JNJnWOFAd9z3AFNLS612b2Qszp3dq0u//g5xBr9N5WuuVSs6bnqWjgoPeUQXuSw2tyx7VukxBDsUv0fpJwbXZ6/tlcZaeszouCo7nO6R+8vlTFNLRqaNRAEPA0BeElojLJGiIMkbMWba0FwUhp6Wm+g9+77v7eCyuGQAAAABJRU5ErkJggg==) no-repeat;
                background-size: 60%
            }

            .login-container .form-input .login-right .div-input {
                position: relative;
                display: block;
                width: 100%;
                background: transparent;
                -webkit-appearance: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

                .login-container .form-input .login-right .div-input input {
                    width: 100%;
                    border-radius: 0;
                    padding: 16px 45px 16px 48px;
                    border: 0;
                    border-bottom: 1px solid hsla(0,0%,100%,.46);
                    background: transparent;
                    color: #fff;
                    outline: none;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    font-size: 16px
                }

                    .login-container .form-input .login-right .div-input input:focus {
                        outline: none
                    }

                    .login-container .form-input .login-right .div-input input::-webkit-input-placeholder {
                        color: hsla(0,0%,100%,.46)
                    }

                    .login-container .form-input .login-right .div-input input::-moz-placeholder {
                        color: hsla(0,0%,100%,.46)
                    }

                    .login-container .form-input .login-right .div-input input:-ms-input-placeholder {
                        color: hsla(0,0%,100%,.46)
                    }

                    .login-container .form-input .login-right .div-input input::-ms-input-placeholder {
                        color: hsla(0,0%,100%,.46)
                    }

                    .login-container .form-input .login-right .div-input input::placeholder {
                        color: hsla(0,0%,100%,.46)
                    }

                    .login-container .form-input .login-right .div-input input:-internal-autofill-selected {
                        background-color: transparent !important;
                        background-image: none !important
                    }

                .login-container .form-input .login-right .div-input .codeInput {
                    padding-right: 100px
                }

                .login-container .form-input .login-right .div-input .codeImg {
                    position: absolute;
                    top: 7px;
                    right: 16px;
                    display: block;
                    text-align: center;
                    width: 80px;
                    height: 36px;
                    margin: 0 auto;
                    cursor: pointer
                }

            .login-container .form-input .login-right .btns-login {
                display: block;
                line-height: 1;
                white-space: nowrap;
                cursor: pointer;
                -webkit-appearance: none;
                text-align: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                outline: 0;
                -webkit-transition: .1s;
                transition: .1s;
                font-weight: 500;
                font-size: 14px;
                border-radius: 5px;
                width: 100%;
                height: 45px;
                margin: 14% auto;
                border: 0;
                color: #fff;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAArCAMAAAD4zzUMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABFFBMVEUVrvD///8Qne0VrvAVr/AVr/AVr/Abw/Qbw/Qbw/Qbw/QVrvAbw/QVrfAbw/QUrPAbw/QUq/Abw/QQne0XtPEQne0XtPEQne0Ws/EQne0Qne0WsvEWsvEQne0WsfEWsfEWsfEWsfEVr/AVsPAWsPEWsfEWsvEWs/EXtPEXtfEXtvIXt/IYt/IYuPIYufIYuvIZuvIZu/IZu/MZvPMZvfMZvvMavvMav/MawPMawPQawfQbwfQbwvQbw/QVrvAWsPAXs/EXtfIVrfAUrPAUrfAUq/AUqu8Uq+8Uqe8Tqe8TqO8Tp+8Tpu8Spe8Spu8Spe4SpO4So+4Sou4Rou4Roe4RoO4Rn+0RoO0Qn+0Qnu0Qne0AAAAx3KkBAAAAInRSTlMAAAABYs34+M1iAaCgYmPKyvf39/fKyWJiAZ+fAcz3zGIBnJS+ywAAAAFiS0dEW3S8lTQAAAAHdElNRQfkAwoJIBYHncP8AAACXklEQVRo3u2UiVrTQBRGL6KCVQRErSgIFCqIIlARLMrW0tKNLnSF938QJ8lMls40zSSjX52b8wjn+/8DMP34ydOUySZhyyBN+cTYZuwwPjN2GV8IX032GN9s9hkHh4SMyXeHI4cfhGPKiYufDtls9tThF+E3x5lSZmafJaZg+vm5SYphCLtwC+ONXXLGrnhje7wxkbCMUNjRCGFeY6deY39V2IsEzOUMzhluYZuywiQndhBkYsfRJ6bG1UuYz+evcxROGP/JtMwnd2U/mZH65Mk//eQCLOYZuWFjqUgTC/ZJ78QyEzyxV1CwGC3MZ2K4sg9Fwk1hWNiYT6LMPpRKRUahEHxiCLMPZUKp5BImPTEs2YeKQblMjRVlJoYs+1CtVhi2ML+J4c0+UWVR8RqL9kktsw81g2qVMyaYGPLsw229XqMIhKmYmC7ZhwbhlmAL850Y5uxDk9CwMITVgwjDmX1TlYUjTDSxOPvQMmkOGwv+STTZh7uWQ1M0sTj7VBi0CXcEobGG7MR0zj50Om3KSGFx9k1hRBXFZawVYmL6Zx+63W7HRdCJIcy+ocpCJKwd9ZM6ZR96vX6/3xUKGz8xVNknqiw8wkJ9Uvfsw2Aw6LkINDGc2Yd7Ez9hcfYtYVSVLWwgJQxV9uHhniPMJxFkHx4oImFyE9M9+7aqEcJCTUzP7A+pCiMMS/aFqpR9Uqvs+6lS+UkNsj9eVZx9Kiywqjj7kqowZx+WwrjCmP3X8Ca8KlzZfwvJqKqUTWzCs/8Olt8rcqVwYpOY/Q8r8Gg5uRqhVwqE/QfZ/7i2vjH1B90G0dXi7PMoAAAAAElFTkSuQmCC) 50% no-repeat;
                background-size: 100%
            }

                .login-container .form-input .login-right .btns-login:hover {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAArCAMAAAD4zzUMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEX///8VrvBDv/NHwPNHwPNM0PZL0PZIz/Ybw/RFv/NJz/ZDvfNFvfNKz/ZHvfNEsvFJxPRCsfFHxPQ/sPFEwvQQne1BsfFGwvQWsvFDsvFIwvRHwvREwPQWsfFIwfNJwfRJwvRJw/RJxPRKxPRKxfRKxvVKx/VLx/VLyPVLyfVMyfVMyvVMyvZMy/ZMzPZMzfZMzvZMz/ZNz/ZN0PZIwPNJwfNKxfVIv/NIvvNIvfNIvPNHvPNHu/NHuvNGufNGuvNGufJGuPJGt/JGtvJFtvJFtfJFtPFFtfFEtPFEs/EAAACeBCD8AAAAHnRSTlMAAXDW+fnWcAGtrXDT0/n5+dPScHABrKwB1fnVcAFfbsZ0AAAAAWJLR0RKHgy1xgAAAAd0SU1FB+QDCgkgKbH77sEAAAIfSURBVGje7ZSHWsIwGEV/VAT3QNziQBwIIooKZe/y/i9kOtJBWtq0ASHpeYTz3XsAYmvrGxmDW4U7nXvMAyaLecTkME+IZ5UXkldM/g1RUCk68m6hZOHDRtnk05EvpsQ3E0mA2FZFJWPl2yqMNJYljP2QxnwK8zZWcjVW9jLG0NZ2EnZ+FSoYmzFaYZQTyy9oYmxcJWC3Wv3FuAsjjfn5ZI72kwUqYaWFfnIP9qsYwlgm1MT8fdI+Mb+f/I+JxaGm4S5sxsTEyj5WRSdMyOyDJNUIaCYmTvahjpCksMJEyD40FOp13ViNxphg2Ydms4ExhLGaGF/ZR6o0GnZj4YRxmX1D1bQxVhPjJ/vQarebBEwnxkv2oYNoIRyEOUxM5OxDF9HRUIS1/QgTM/uqKg1TWGven1zJ7ENPpTttzP8nhck+9HsmXaeJRdnXhcEA0Uc4GuvQTozn7KuqNFyFRdlXhVlUmcZ6ASbGf/ZhOBwOHPCamIDZV1RpDFyMRdnXXcFoNB6Ph57CouwXkSoNm7BAn+Q9+yDL8siCr4mJmX2YqMwSFmVfE6arMoTJVMKEyr5N1cR7YgJn30lVwInxnn13VSEmxmf2PVVF2adUFWWfUpXY2Q+iStDsB1clXPZDq/IWxkv24YCNq2CfXKXsH8IRQ1UhPrn82T+GFHtVASe25Nk/gfTpvFwFn9gyZv/sHCCdumDZK3phK5D9y6vrG/gD4n/hG0Na38kAAAAASUVORK5CYII=) 50% no-repeat;
                    background-size: 100%
                }

                .login-container .form-input .login-right .btns-login:active {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAArCAMAAAD4zzUMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/FBMVEUAAAAVrvATntgTndgTndgYr9sYr9sYsNwbw/QTndgYsNwTnNgYsd0SmtgYr9sSmtgYr9sOjdUVotgOjdUVotkOjtYUodkQne0OjtYUodkWsvEOjdUUn9gUn9gUoNkWsfETndgTntgUntgUn9gUoNgUodgVotgVo9gVo9kVpNkWpNkWpdkWptkWp9kWqNkWqNoWqdoWqtoWq9oXq9oXrNoXrNsXrdsYrdsYrtsYr9sTnNgVodgTm9gSmtgSm9gSmdcSmtcSmNcRmNcRl9cRltcRldcQlNcQldcQlNYQk9YQktYQkdYPkdYPkNYPj9UPkNUOj9UOjtUOjdUAAAB19zSEAAAAIHRSTlMAAWjR+fnRaAGmpmhpzs74+Pj4zs1oaAGlpQHQ+NBoAZNWZD4AAAABYktHRACIBR1IAAAAB3RJTUUH5AMKCSA7QkKfiQAAAkJJREFUaN7tlAtXEkEAhS+ZSQ97WERlFmYaRUWEqCmIPJSHvP//j2l2d2aX3Rn2xXAOzOz3E75z7wekHmw9zJkcEr4YHFG+Mo4ZJ4xvjDzjO+GHSYHx0+aXzW9C0eSPQ8nhL6FMORVTqVTOHM4JFxz/pLL9aCcNpB5fmuQYnDDe2BVnLM8bK/DGRMKKQmGlYGGnLmFnqxb2JI2nVYNLxryww6jCVjGx8vITk+PqGXZrtesqhRPmM7Ewn8xHFVZc408+x4sao+o1lltqYuE+6TZWXOOJvUTNQzXCxPTKPuqEG6+veJ9UPPtoNOoMTpjPxDTMPpqERmNOmKSJqZd9tAyaTWqsHmVimmUf7XaLYQvzm5i+2SeqLFpuY6v45IZnH7cG7TZnTDAxzbOPu07nliIQtrqJbV720SXcEWxhvhPTOfvoEboWhrBOGGF6Zt9UZeEIE00syT76Jj2vsfCf1Cb7uO879EQTS7JPhWFAuCcIjXWjTkzl7JuqLBYKS7LvVeUY68eYmPrZx3A4HAgImpiG2TdUWQwWGEuyTz+J0Wg8Hg8DhSXZLxFVFi5hsT6pevYxmUxGc4SamJ7Zx9TET1iSfUsYVWULm0QSplX2MZtyxPmkBtnHjCISFm1iqmffVrVAWKyJqZl9j6o4wnTJvlCVtE8qlX0/VTI/qUD2g1Ul2afCQqtKsh9Rlc7Zx6s4rnTM/h5ex1elV/bfILOsKmkTW/Psv0X2nSRXEie2jtl//wHIZvaX6JUEYRuQ/Y8Hnz7jP3Z+6AcdIEnRAAAAAElFTkSuQmCC) 50% no-repeat;
                    background-size: 100%
                }

        .login-container .form-input:after {
            clear: both;
            display: block
        }

    .login-container .svg-container {
        padding: 6px 5px 6px 15px;
        color: #fff;
        vertical-align: middle;
        width: 20px;
        display: inline-block
    }

    .login-container .svg-icon {
        width: 20px !important;
        height: 20px !important;
        vertical-align: -.15em;
        color: #fff;
        fill: currentColor;
        overflow: hidden;
        position: absolute;
        left: 16px;
        top: 16px
    }

    .login-container .svg-right {
        right: 16px;
        left: inherit;
        cursor: pointer
    }

    .login-container .footer-title {
        color: hsla(0,0%,100%,.46);
        font-size: 18px;
        text-align: center
    }

.loginview_shake {
    -webkit-animation: shake_define .2s ease;
    animation: shake_define .2s ease
}

@-webkit-keyframes shake_define {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    40% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    80% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shake_define {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    40% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    80% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.tag-P {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 40px;
    color: red
}

.signTheme {
    position: fixed;
    right: 20px;
    bottom: 30px
}

.colorTheme {
    color: #fff;
    cursor: pointer
}

#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    height: 100%
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wind-alert-dialog {
    top: 20px;
    width: 30%;
    left: 50%;
    margin-left: -15%;
    padding: 15px 20px;
    opacity: 1;
    position: fixed;
    font-size: 14px;
    text-align: center;
    font-family: Microsoft Yahei;
    background-color: #f4f4f5;
    color: #909399;
    border-radius: 5px;
    z-index: 999999999;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: left
}

.text-center {
    text-align: center
}

.isSuccess {
    background-color: #f0f9eb;
    color: #67c23a
}

.isWarn {
    background-color: #fdf6ec;
    color: #e6a23c
}

.isError {
    background-color: #fef0f0;
    color: #f56c6c
}

.wind-alert-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    display: block;
    position: fixed;
    z-index: 999999998;
    background-color: #000;
    overflow: hidden
}

.wind-alert-content, .wind-alert-title {
    display: inline-block
}

.wind-alert-close {
    float: right;
    cursor: pointer
}

.wind-alert-btn {
    color: #0582cd;
    font-size: 15px;
    line-height: 40px;
    font-weight: 700
}

.animate-scale {
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-duration: .375s;
    animation-duration: .375s
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.svg-icon[data-v-68697a27] {
    width: 24px;
    height: 24px;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}