* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 0px;
}

body {
    margin: 0px;
    padding: 0;
    border: 0;
    /* background-image: url(/static/images/img_bj.png); */
}

.building {

    background: url(../../images/img_bj.png);
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: 100% 100%;
    display: flex;
}

.building .people {
    position: absolute;
    left: 15%;
    height: calc(30% + 2rem);
    top: 55%;
    transform: translateY(-55%);
}
.building .people img {
    width: 100%;
    height: 100%;
}
.building .QR-item{
    position: absolute;
    left: 15%;
    height: calc(30% + 2rem);
    top: 55%;
    transform: translateY(-55%);
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.building .QRcode {
    text-align: center;
    background: #2C8DF4;
    border-radius: 8px;
    padding: 0 .1rem;
    max-width: 2.5rem;
    margin-left: 1rem;
}

.text {
    width: 100%;
    height: 1rem;
    text-align: center;
    position: absolute;
    top: 1rem;
    left: 0;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
    letter-spacing: .15rem;
    text-align: center;
}

.topOne {
    width: 100%;
    font-size: .44rem;
    font-weight: bold;

}

.topTwo {
    width: 100%;
    font-size: .26rem;
    font-weight: 400;
    margin-top: .1rem;
}

.card {
    width: 4.8rem;
    height: calc(30% + 2rem);
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center;
    /* display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between; */
    position:absolute;
    right:15%;
    top: 55%;
    transform: translateY(-55%);
    z-index: 99;
}

.card .title{
    color: #056cae;
    font-size: .32rem;
    height: 26%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inputItem {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    width: 100%;
    padding: 0 .2rem 0 0.4rem;
    box-sizing: border-box;
    height: .48rem;
}
.all {
    width: 100%;
    padding: 0 .6rem;
    height: 10%;
}

.remPass {
    float: left;
    font-size: .14rem;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: normal;
    color: #999999;
    display: flex;
    align-items: center;
    cursor:context-menu;
}
.remPass input{
    margin-right: 0.08rem;
    cursor: pointer;
}

.remTwo {
    float: right;
    font-size: .14rem;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: normal;
    color: #999999;
    cursor: pointer;
}

.go {
    padding: 0 .6rem;
    height: 26%;
    display: flex;
    width: 100%;
}

.go button{
    background: linear-gradient(90deg, #50A5F7 1%, #3789BF 99%);
    border-radius: 4px;
    border-color: white;
    text-align: center;
    color: #ffffff;
    border: none;
    font-size: 0.2rem;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

.flex-item{
    padding: 0 .6rem;
    height: 17%;
}

.flex-item .item{
    display: flex;
    align-items: center;
}
.flex-item img{
    width: .2rem;
    height: .2rem;
    position: absolute;
    margin-left: .1rem;

}

.isPad  .card{
    width: 7rem;
}

.isphone .card{
    left: 55%;
    transform: translate(-55%, -55%);
    width: 55%;
}
.isphone .inputItem {
    height: auto;
    padding: .1rem 0.2rem .1rem 0.7rem;
}
.isphone .flex-item img {
    width: 0.5rem;
    height: 0.5rem;
}
.isphone .building .QR-item{
    left: 0;
}
.form-message {
	width: 60%; height: 30px; margin-right: auto; margin-left: auto;font-size: 9pt;
}
.form-error-text {
	background: url("../Images/validatebox_warning.png") no-repeat 10px 5.5px rgb(248, 202, 215); border-radius: 4px; border: 1px solid rgb(238, 134, 164); height: 26px; color: rgb(157, 42, 22); line-height: 26px; padding-left: 12px; font-family: Microsoft Yahei;
}
.form-warning-text {
	background: url("../Images/Icon16/bullet_error.png") no-repeat 10px 5.5px rgb(253, 247, 206); border-radius: 4px; border: 1px solid rgb(248, 225, 68); height: 26px; color: rgb(0, 0, 0); line-height: 26px; padding-left: 25px; font-family: Microsoft Yahei;
}
.form-succeed-text {
	background: url("../Images/loading1.gif") no-repeat 10px 5.5px rgb(98, 182, 0); border-radius: 3px; border: 1px solid rgb(94, 136, 0); height: 26px; color: rgb(255, 255, 255); line-height: 26px; padding-left: 25px; font-family: Microsoft Yahei;
}