#login_wrap{
|
width: 100%;
|
height: 100%;
|
background: url("../image/login_bg.png") center center no-repeat;
|
background-size: cover;
|
position: fixed;
|
}
|
#login_area{
|
position: absolute;
|
left: 0;
|
top: 50%;
|
right: 0;
|
transform: translateY(-50%);
|
/* /* bottom: 0; */
|
margin: auto;
|
padding-top: 60px;
|
width: 520px;
|
/* height: 540px; */
|
background: #FFFFFF;
|
/* background: #fff url("../image/left_img_area.png") left top no-repeat;
|
background-size: contain; */
|
box-shadow:0px 26px 36px 0px rgba(0,0,0,0.36);
|
border-radius:6px;
|
}
|
#login_area_inner_wrap{
|
text-align: center;
|
/* position: absolute;
|
top: 0;
|
right: 0;
|
height: 100%;
|
width: 380px; */
|
}
|
#system_logo_img{
|
margin: 60px auto 24px;
|
width: 180px;
|
height: auto;
|
/* display: block;
|
margin-left: 58px;
|
margin-top: 35px; */
|
}
|
.login_title {
|
margin-bottom: 24px;
|
font-size: 30px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #000000;
|
}
|
.login_input{
|
/* display: block; */
|
margin-bottom: 24px;
|
width:440px;
|
height:56px;
|
background:#fff;
|
border: 0;
|
font-size:16px;
|
font-family:PingFangSC-Regular;
|
font-weight:bold;
|
color:rgba(34,34,34,1);
|
line-height:48px;
|
text-indent: 16px;
|
border-radius: 10px;
|
border: 1px solid #E5E5E5;
|
}
|
.login_input:focus{
|
border-color: #0281F0;
|
}
|
.login_input::-webkit-input-placeholder{
|
color:#e5e5e5;
|
}
|
.login_input_img{
|
position: absolute;
|
right: 56px;
|
top: 14px;
|
width: 20px;
|
}
|
#graphical_verification_code_input{
|
display: inline-block;
|
/* margin-top: 26px; */
|
width:260px;
|
height:48px;
|
/* background:rgba(248,248,248,1); */
|
/* border-radius:6px; */
|
/* border: 0; */
|
/* font-size:14px; */
|
/* font-family:PingFangSC-Regular; */
|
/* font-weight:bold; */
|
/* color:rgba(34,34,34,1); */
|
/* line-height:48px; */
|
/* text-indent: 16px; */
|
margin-right: 10px;
|
}
|
#short_message_verification_code_input{
|
display: inline-block;
|
/* margin-top: 26px; */
|
width:260px;
|
height:48px;
|
/* background:rgba(248,248,248,1); */
|
/* border-radius:6px; */
|
/* border: 0; */
|
/* font-size:14px;
|
font-family:PingFangSC-Regular;
|
font-weight:bold;
|
color:rgba(34,34,34,1);
|
line-height:48px;
|
text-indent: 16px; */
|
margin-right: 10px;
|
}
|
#get_short_message_verification_code_btn{
|
cursor: pointer;
|
display: inline-block;
|
width:160px;
|
height:48px;
|
line-height: 48px;
|
background:rgba(248,236,218,1);
|
border-radius:6px;
|
font-size:14px;
|
font-family:PingFangSC-Regular;
|
font-weight:400;
|
color:rgba(162,116,52,1);
|
text-align: center;
|
cursor: pointer;
|
}
|
.retrieve{
|
background:rgba(238,238,238,1) !important;
|
color:rgba(170,170,170,1) !important;
|
}
|
#verification_code_img{
|
display: inline-block;
|
width:160px;
|
height:40px;
|
}
|
#login_commit_btn{
|
display: block;
|
text-align: center;
|
width:440px;
|
height:56px;
|
font-size:20px;
|
font-family:PingFangSC-Regular;
|
font-weight:400;
|
color:rgba(255,255,255,1);
|
line-height: 56px;
|
margin: 24px auto 60px;
|
cursor: pointer;
|
background: #0281F0;
|
border-radius: 10px;
|
}
|
