171 lines
3.1 KiB
CSS
171 lines
3.1 KiB
CSS
*{
|
|
font: 13px/1.5 '微软雅黑', Verdana, Helvetica, Arial, sans-serif;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-box-sizing: border-box;
|
|
padding:0;
|
|
margin:0;
|
|
list-style:none;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body,html{
|
|
height:100%;
|
|
overflow:hidden;
|
|
}
|
|
body{
|
|
background:url(../image/background.png) no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
a{
|
|
color:#27A9E3;
|
|
text-decoration:none;
|
|
cursor:pointer;
|
|
}
|
|
.login{
|
|
/*margin: 150px auto 0 auto;*/
|
|
min-height: 420px;
|
|
max-width: 420px;
|
|
padding: 40px;
|
|
/*background-color: #ffffff;*/
|
|
margin-left: 43%;
|
|
margin-top: 13%;
|
|
border-radius: 4px;
|
|
/* overflow-x: hidden; */
|
|
box-sizing: border-box;
|
|
}
|
|
a.logo{
|
|
display: block;
|
|
height: 58px;
|
|
width: 167px;
|
|
margin: 0 auto 30px auto;
|
|
background-size: 167px 42px;
|
|
}
|
|
.message {
|
|
margin: -16px -11px -1px 41px;
|
|
padding: 18px 10px 18px 60px;
|
|
background: #fff;
|
|
position: relative;
|
|
color: #000;
|
|
font-size: 32px;
|
|
}
|
|
#darkbannerwrap {
|
|
/*background: url(../img/login/aiwrap.png);*/
|
|
width: 18px;
|
|
height: 10px;
|
|
margin: 0 0 20px -58px;
|
|
position: relative;
|
|
}
|
|
#username{
|
|
}
|
|
#password{
|
|
}
|
|
#nameImg{
|
|
/*width: 5%;*/
|
|
/*height: 50%;*/
|
|
float: left;
|
|
/*margin-top: 4%;*/
|
|
/*background-image: url(../img/login/我的.png);*/
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
input[type=text],
|
|
input[type=file],
|
|
input[type=password],
|
|
input[type=email], select {
|
|
border: 1px solid #DCDEE0;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
height: 50px;
|
|
padding: 0px 16px;
|
|
font-size: 14px;
|
|
color: #555555;
|
|
outline:none;
|
|
width:90%;
|
|
}
|
|
input[type=text]:focus,
|
|
input[type=file]:focus,
|
|
input[type=password]:focus,
|
|
input[type=email]:focus, select:focus {
|
|
border: 1px solid #27A9E3;
|
|
}
|
|
|
|
|
|
input[type=submit],
|
|
button{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 12px 24px;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
color: #ffffff;
|
|
/*background-color: #189F92;*/
|
|
border-radius: 3px;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
outline:none;
|
|
background: url(../image/登录.png);
|
|
width:100%;
|
|
background-size: 100%;
|
|
|
|
}
|
|
hr{
|
|
background-color: rgba(255,0,0,0)!important;
|
|
}
|
|
|
|
hr.hr15 {
|
|
height: 15px;
|
|
border: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
hr.hr20 {
|
|
height: 20px;
|
|
border: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.copyright{
|
|
font-size:14px;
|
|
color:rgba(255,255,255,0.85);
|
|
display:block;
|
|
position:absolute;
|
|
bottom:15px;
|
|
right:15px;
|
|
}
|
|
|
|
#qrCode{
|
|
position: absolute;
|
|
width: 80px;
|
|
left: 69.6%;
|
|
bottom: 17.5%;
|
|
}
|
|
#qrCodeDiv{
|
|
display: none;
|
|
}
|
|
#qrCodeTips{
|
|
margin-left: 25%;
|
|
float: left;
|
|
margin-top: 5%;
|
|
text-align: center;
|
|
color: red;
|
|
}
|
|
#qrCodeImg{
|
|
float: left;
|
|
margin-left: 27%;
|
|
margin-top: -5%;
|
|
}
|
|
#qrCodeBtn{
|
|
width: 41%;
|
|
height: 8%;
|
|
float: left;
|
|
margin-top: 5%;
|
|
margin-left: 38%;
|
|
} |