.container {

    width: 100%;
    height: 100%;
    background-image: url("/img/login/background-img.jpg");
    position: absolute;
    background-size: 100%;
    background-repeat: round;
    display: flex;
    align-items: center;
    justify-content: center;

    .login-box {

        border-radius: 8px;
        width: 420px;
        padding: 60px 35px 60px 35px;
        background-color: rgba(17, 40, 108, 0.4);
        right: 280px;
        top: 180px;

        .title-box {

            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
            height: 100px;

            .company-icon {

                margin-right: 0;
            }

            .platform-name {

                color: white;
                font-weight: bold;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-size: 24px;
                margin-left: 20px;
                margin-top: 30px;
            }
        }

        .content-box {

            .loginErrDiv {

                color:red;
                text-align: center;
                height:30px;
                font-size: 14px;
                visibility: hidden;
                margin-top: 5px;
            }

            .noAccessDiv {

                color:red;
                text-align: center;
                height:30px;
                font-size: 14px;
                display: none;
                margin-top: 5px;
            }

            .left-icon {

                position: absolute;
                left: 10px;
                top: 16px;
                width: 17px;
                height: 17px;
            }
            .right-icon {

                position: absolute;
                right: 10px;
                top: 15px;
                width: 16px;
                height: 16px;
                cursor: pointer;
            }

            .input {

                height: 50px;
                width: 100%;
                box-sizing: border-box;
                text-indent: 20px;
                border: 1px solid rgb(209,209,209);
                border-radius:5px;
                outline: none;
                padding-left: 13px;
            }

            input::-webkit-input-placeholder {

                color: #aab2bd;
            }

            .errDiv {
                color: #F56C71;
                text-align: left;
                height:22px;
                font-size: 12px;
                visibility: hidden
            }

            .dropdown-content {
                display:none;
                position:absolute;
                background-color:#f9f9f9;
                box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
                border-radius:5px;
            }

            .dropdown-content div {
                color:black;
                padding:12px 16px;
                width: 389px;
                text-decoration:none;
                display:block;
            }

            .dropdown-content div:hover {

                background-color: #f1f1f1;
                border-radius:5px;
            }

            .loginBtn {

                height: 40px;
                width: 100%;
                background: #0055B1;
                color: #fff;
                border: 1px solid #0055B1;
                border-radius:5px;
                outline:none;
                cursor: pointer;
            }

            .loginBtn:active {

                height: 40px;
                width: 100%;
                background: #3A8EE6;
                border: 1px solid #3A8EE6;
                border-radius:5px;
                outline:none;
                color: #ffffff;
                cursor: pointer;
            }
        }
    }
}

/*底部公司备案号等信息样式*/
.filings-box {

    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}

.filings-box div {

    display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
}

.filings-box div p {

    float:left;
    height:20px;
    line-height:20px;
    margin: 0 0 0 5px;
    color:white;
}

.link1 {

    display:inline-block;
    text-decoration:none;
    height:20px;
    line-height:20px;
    margin-right: 10px
}

.link1 p {

    float:left;
    height:20px;
    line-height:20px;
    margin: 0px 0px 0px 5px;
}

.link2 {

    display:inline-block;
    text-decoration:none;
    height:20px;
    line-height:20px;
}

.link2 p {

    float:left;
    height:20px;
    line-height:20px;
    margin: 0px 0px 0px 5px;
}

a p {
    color : white;
}

a:hover p {

    color : white;
}