.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
	z-index:999;
}
.login-form {
width: 450px;
height: auto;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px; /* 这里是登录框的一半高度 /
margin-left: -175px; / 这里是登录框的一半宽度 */
background-color: #fff;
padding: 20px 30px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border-radius: 10px;
text-align: center;
display: none;
z-index:1999;
}
.login-form h1 {
margin-bottom: 40px;
font-size: 28px;
}

.tab-group {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
overflow: hidden;
}

.tab-group:after {
clear: both;
content: "";
display: table;
}

.tab-group li a {
display: block;
text-decoration: none;
padding: 15px;
background: #fff;
color: #979693;
font-size: 20px;
float: left;
width: 194px;
text-align: center;
cursor: pointer;
-webkit-transition: .5s ease;
transition: .5s ease;
border-bottom: 3px solid #f2f2f2;
}

.tab-group li a:hover {
border-bottom: 3px solid #ff7f50;
}

.tab-group .active a {
border-bottom: 3px solid #ff7f50;color:#ff7f50
}

.tab-content > div:last-child {
display: none;
}

.field-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
 
.field-wrap label {
color: #333;
font-size: 18px;
display: block;
margin-bottom: 10px;
width: 30%;
text-align: right;
padding-right: 10px;
}

.field-wrap input[type="text"],
.field-wrap input[type="password"] {
width: 65%;
padding: 10px;
font-size: 18px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
}

 
 

.field-wrap input[type="text"]:focus,
.field-wrap input[type="password"]:focus {
outline: 0;
border-color: #ff7f50;
}

.field-wrap .req {
color: #ff7f50;
margin-left: 5px;
}

.button {
background: #ff7f50;
color: #fff;
border: 0;
padding: 15px;
border-radius: 25px;
font-size: 18px;
margin-top: 20px;
width: 100%;
cursor: pointer;
-webkit-transition: .5s ease;
transition: .5s ease;
}

 

.forgot {
margin-top: 20px;
font-size: 14px;
text-align: right;
display: block;
color: #333;
}

.close-btn {
position: absolute;
top: 20px;
right: 20px;
font-size: 20px;
color: #999;
cursor: pointer;
}

 
.error {
color: #ff0000;
font-size: 14px;
display: block;
margin-bottom: 10px;
}

.error {
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
 
 
 .login-buttons {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
 }
 
 .g_id_signin {
 width: 45%;
 text-align: center;
 }
 
 .fb-login-button {
 width: 45%;
 text-align: center;
 }