*{
    margin: 0px;
    padding: 0px;
}
body,html {
    width: 100%;
    height: 100%;
}
input{
    background:none;
    outline:none;
    border:none;
}
#app {
    height: 100%;
    width: 100%;
}
#app-container {
    height: 100%;
    width: 100%;
    background: url('../images/login/bg.png?v=1') no-repeat center;
    background-size: 100% 100%;
}
#main {
    position: absolute;
    right: 6%;
    top: 35%;
    width: 405px;
}
.title {
    height: 55px;
    width: 100%;
    background: url('../images/login/title.png') no-repeat center;
    background-size: 100% 35px;
    border-bottom: #eee solid 2px;
}
.user-ipt, .password-ipt, .veri-ipt  {
    height: 36px;
    border: #d1cfda solid 1px;
    border-radius: 19px;
    font-size: 14px;
}
.user-ipt, .password-ipt {
    width: 100%;
    text-indent: 56px;
}
.veri-ipt {
    width: 55%;
    text-indent: 56px;
}
.user-ipt {
    //border:1px solid transparent;
    box-sizing:border-box;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    /*background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#5769c0,  #d1cfda);*/
    border: #d1cfda solid 1px;
}
.ipt-con {
    position: relative;
    margin-top: 16px;
}
.ipt-con .icon, .ipt-con .line {
    display: inline-block;
    position: absolute;
}
.ipt-con .icon{
    width: 18px;
    height: 28px;
    left: 20px;
    top: 5px;

}
.ipt-con .line{
    left: 45px;
    top: 3px;
    color: #999;
    font-size:  21px;
}
.ipt-con .user-icon {
    background: url('../images/login/user.png') no-repeat 0px 3px;
    background-size: 100% 100%;
}
.ipt-con .password-icon {
    height: 25px;
    background: url('../images/login/key.png?v=1') no-repeat  0px 3px;
    background-size: 100% 100%;
}
.ipt-con .code-icon {
    height: 25px;
    background: url('../images/login/code.png') no-repeat  0px 3px;
    background-size: 100% 100%;
}

.veri {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.veri-icon {
    width: 40%;
    height: 38px;
}
.veri-icon img{
     height: 100%;
}
.login {
    width: 100%;
    height: 37px;
    /*background: url('../images/login/login.png') no-repeat;*/
    background-size: 100% 100%;
    text-align: center;
    line-height: 37px;
    font-size: 16px;
    color: #fff;
    margin-top: 16px;
    cursor: pointer;
    background: #00299a;
}