body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    overflow:hidden;
    background: linear-gradient(to right, #0f75ff, #2cd9d5);
}
.container {
    display: flex;
    /* 视域 */
    perspective: 1200px;
    transform-style: preserve-3d;
}
    /* 图片栏 */
    .div-description {
        width: 450px;
        height: 520px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        border-radius: 100px 0 0 5px;
        transform: translateZ(-1px);
    }
    .div-description:nth-last-child(1) {
        border-radius: 0 5px 100px 0;
    }

    .div-description .left-img-logo {
        width: 130px;
        position: relative;
        left: -100px;
        top: -10px;
        transition: .4s;
    }
        .div-description .left-img-logo:hover {
            width: 135px;
            top: -20px;
        }
        .div-description .right-img-logo {
        width: 130px;
        position: relative;
        left: 100px;
        top: -10px;
    }
    .div-description .right-img {
        width: 490px;
    }
    .div-description .left-img {
        margin-top: 40px;
    }

/* 登录表单 */
.div-form {
    width: 450px;
    height: 520px;
    position: absolute;
    left: 0;
    transition: .5s;
    transform-origin: right;
    transform:rotateY(180deg);
}

    .div-form .form-login {
        width: 100%;
        height: 100%;
        background-color: #EBF2FB;
        border-radius: 5px 0 100px 5px;
        transform: rotateY(180deg);
    }

    /* 登录栏目标题 */
    .div-form .login-tit {
        padding-top: 50px;
        color: #000f;
        text-align: center;
        font-weight: bold;
    }

        .div-form .login-tit .english-welcome {
            font-family: verdana, sans-serif;
            color: #969696;
            font-size: 24px;
        }

        .div-form .login-tit .chinese-welcome {
            font-family: Tahoma, Geneva, sans-serif;
            font-size: 39px; /*字体大小*/
            transition: .4s;
        }
        .div-form .login-tit .chinese-welcome:hover {
            letter-spacing: 1px;
        }

        .div-form .login-tit .span-sysname {
            font-family: "times new roman", times, serif; /*字体*/
            font-size: 22px; /*字体大小*/
        }

    /* 登录输入栏 */
    .div-form .login-input-div {
        margin-left: 60px;
        font-size: 20px;
    }

        .div-form .login-input-div .input-label {
            margin-top: 15px;
        }

        .div-form .login-input-div .login-uname-input {
            font-size: 30px;
            margin-top: 5px;
        }
            .div-form .login-input-div .login-uname-input .textbox-text {
                font-size: 26px;
            }

            .div-form .login-input-div .login-uname-input .img-code {
                height: 45px;
                width: 130px;
                margin-left: 18px;
            }

                .div-form .login-input-div .login-uname-input .img-code img {
                    width: 100%;
                    height: 100%;
                }

        /* 登录按钮 */
        .div-form .login-input-div .login-btn {
            margin-top: 30px;
            width: 76%;
            height: 38px;
            font-size: 14px;
            color: #fff;
            border: none;
            border-radius: 16px;
            background-color: #007BFF;
            transition: .4s;
        }

            .div-form .login-input-div .login-btn:hover {
                background-color: #1892f3;
                cursor: pointer;
                letter-spacing: 3px;
                font-size: 16px;
                font-weight: 500
            }
            .div-form .login-input-div .login-btn:active {
                letter-spacing: 6px;
                font-size: 18px;
                background-color: #034ada;
                cursor: pointer;
                font-weight:900
            }

    /*登录科室选择*/
    .div-form .form-register {
        width: 100%;
        height: 100%;
        background-color: #EBF2FB;
        border-radius: 100px 5px 5px 0;
        padding:80px 50px;
    }
        /* 头部标题的样式 */
        .div-form .form-register .select-title {
            font-size: 28px;
            color: #007BFF;
            margin-bottom: 15px;
            font-weight: bold;
        }

            .div-form .form-register .select-title:before {
                content: ' ';
                background-color: #007BFF;
                height: 28px;
                width: 28px;
                display: inline-block;
                vertical-align: middle;
                border-radius: 50%;
            }

        .div-form .form-register .select-btn-column {
            margin-top:30px;
        }
        .div-form .form-register .select-btn {
            width: 45%;
            height: 30px;
            font-size: 14px;
            color: #fff;
            border: none;
            border-radius: 5px;
            background-color: #007BFF;
            transition: .4s;
        }
        .div-form .form-register .check-btn:hover {
            letter-spacing: 3px;
            font-size: 16px;
            background-color: #034ada;
        }
        .div-form .form-register .return-btn {
            color: #007BFF;
            background-color: #fff;
            border: 1px solid #007BFF;
            margin-left:10px;
        }
            .div-form .form-register .return-btn:hover {
                color: #fff;
                background-color: #007BFF;
                border: none;
            }

.div-form form.disappear {
    display: none;
}

/*修改原生表格样式*/
.datagrid-header-row td {
    border: none;
}
    .datagrid-header-row td div span {
        color: #434444;
    }
.datagrid-row td {
    border: none;
    border-bottom: 1px solid #b4b4b4;
}
    .datagrid-row td div {
        color: #5b5b5b;
    }
.datagrid-row-selected {
    background-color: #3188ff;
}
    .datagrid-row-selected td div {
        color: #fff;
    }

.copy-text{
    position:absolute;
    bottom:10px;
    color:#fff;
}

/*设置过滤时无动画效果*/
@media screen and (min-width: 920px) and (max-width: 930px) {
    .div-form {
        transition: 0s;
    }
}
@media screen and (max-width: 919px) {
    body {
        align-items: stretch;
    }

    .div-form {
        transform-origin: center;
        position: static;
    }
        .div-form .form-login {
            border-radius: 5px;
        }
        .div-form .form-register {
            border-radius: 5px;
        }

    .container {
        align-items: center;
        /* 视域 */
        transform-style: flat;
    }

    .div-description {
        display: none;
    }
}