.contract-trigger:before {
    width: 200%;
    height: 200%;
}

* {
    padding: 0;
    margin: 0;
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
    margin-top: 16px;
}

.el-input {
    width: 100%;
}

.web_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    z-index: -10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    background-image: url('images/login_bj.png');
}

.center {
    position: absolute;
    width: 800px;
    height: 400px;
    top: 45%;
    left: 39%;
    margin-left: -180px; /*要居中的div的宽度的一半*/
    margin-top: -120px; /*要居中的div的高度的一半*/
    border: 1px solid white;
    background-color: white;
    border-radius: 1%;
}

.div-bor {
    margin-top: 16px;
    position: relative;
    width: 250px;
}

.icon-user {
    position: absolute;
    left: 10px;
    z-index: 5;
    background-image: url('images/login_user.png'); /*引入图片图片*/
    background-repeat: no-repeat; /*设置图片不重复*/
    background-position: 0px 0px; /*图片显示的位置*/
    width: 20px; /*设置图片显示的宽*/
    height: 20px; /*图片显示的高*/
    top: 10px;
}

.icon-pwd {
    position: absolute;
    left: 10px;
    z-index: 5;
    background-image: url('images/login_pwd.png'); /*引入图片图片*/
    background-repeat: no-repeat; /*设置图片不重复*/
    background-position: 0px 0px; /*图片显示的位置*/
    width: 20px; /*设置图片显示的宽*/
    height: 20px; /*图片显示的高*/
    top: 10px;
}

.icon-code {
    position: absolute;
    left: 10px;
    z-index: 5;
    background-image: url('images/login_code.png'); /*引入图片图片*/
    background-repeat: no-repeat; /*设置图片不重复*/
    background-position: 0px 0px; /*图片显示的位置*/
    width: 20px; /*设置图片显示的宽*/
    height: 20px; /*图片显示的高*/
    top: 10px;
}

.user {
    border: 1px solid #E5E5E5;
    padding-left: 40px;
    color: #A2A7AC;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    /*padding-left: 22px;*/
}

.popover {
    position: absolute;
    top: 0;
    left: 220px;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 9px 14px;
    white-space: nowrap;
}

.arrow {
    top: 50%;
    left: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
    color: red;
}

.ver-code {
    margin-right: 29%;
    margin-top: -40px;
    float: right;
    border-radius: 5px;
    width: 100px;
    height: 38px;
    overflow: hidden;
    border: 1px solid #E5E5E5;
}

.div_bottom {
    color: #fff;
    display: block;

    text-align: center;
    line-height: 22px;
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yahei {
    font-family: "微软雅黑";
    font-size: 16px;
}

.div_bottom p {
    padding-top: 25px;
    display: block;
}

.div_bottom a {
    color: white;
    text-decoration: none;
}