* {
box-sizing: border-box;
}
html body {
font-family: "微软雅黑";
font-size: 14px;
}
body {
color: #333;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
margin: 0;
line-height: 0!important;
background: url(/resources/images/login/bg.jpg) no-repeat;
display: block;
}
.hasbg {
}
ul, ol {
margin-bottom: 10px;
margin-top: 0;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
.btn{
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.loginbtn {
padding: 20px 40px;
}
.loginbtn .btn {
float: right;
margin-right: 20px;
padding: 5px;
border: 2px solid white;
color: white;
font-size: 16px;
width: 150px;
border-radius: 0px;
}
.loginbtn .btn:hover{
background-color: #ffffff;
color: #40927c;
}
.hasbg .ullist {
margin-top: 20px;
margin-right: 28%;
float: right;
}
.hasbg ul li{
list-style: none;
color: white;
}
.hasbg ul .circle{
list-style: circle;
color: white;
text-align: left;
}
.circle .spanimg{
padding: 0 2px 0 0;
}
.circle img{
margin: 0 1px;width: 20px;height: 20px;
}
.hasbg ul ul{
-webkit-padding-start: 20px;
}
.hasbg .titleimg{
padding: 40px 0;
}
.searchseed .guideqrcode{
position: relative;
top: -170px;
right: 233px;
display: inline-block;
}
.searchseed .guideqrcode img{
height: 152px;
width: 229px;
}
.inputarea{
border: 1px solid white;background-color: white;
border-radius: 5px;
width: 450px;
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
.inputarea span{
background: url(/resources/images/login/002.png) no-repeat;
background-size: auto;
padding: 7px 15px;
cursor: pointer;
}
.inputarea span:hover{
background: url(/resources/images/login/hover.png) no-repeat;
background-size: auto;
}
.idcodeinput{
margin-left: 10px;
line-height: 48px;
height: 48px;
border: 0px;
outline: none;
color: #000000;
width: 88%;
font-size: 18px;
}
.verficode input{
width: 72%;
}
.verficode div .imgdiv{
height: 50px;
width: 100px;
display: inline;
}
.verficode div img{
height: 50px;
width: 100px;
}
/*识别码备注*/
.idcodenote{
padding: 20px 0;
}
.idcodenote li{
padding: 5px 0;
}
/*公司信息区域*/
.companyinfo {
position: fixed;
bottom: 0px;
text-align: center;
font-size: 16px;
background: white;
margin:auto;
left:0;
right:0;
bottom:0;
}
.companyinfo div {
text-align: center;
}
.companyinfo .companyname{
padding: 20px 0;
margin-top: 8px;
}
.companyinfo .code{
padding: 10px 0;
margin: 5px 0 0;
line-height:20px ;
}
/*登录模块*/
.inputpsw{
border: 1px solid white;background-color: white;
border-radius: 5px;
width: 450px;
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
.inputpsw span{
background-size: auto;
padding: 0px 12px;
cursor: pointer;
vertical-align: middle;
}
.typepsw{
background: url(/resources/images/login/eye6-1.png) no-repeat;
}
.typetext{
background: url(/resources/images/login/eye7-1.png) no-repeat;
}
.loginseed .loginul{
-webkit-padding-start:0px
}
.loginerr{
height: 40px;
position: relative;
}
/*错误提示信息*/
.loginerr .checkcode{
color: white;
/*margin: 5px 0;*/
padding: 16px 0;
background-color: #d36854;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
float: right;
text-align: center;
}
/*三角形*/
.triangle-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #d36854;
position: absolute;
right: 100px;
top: 32px;
}
.loginul li{
margin-bottom: 40px;
}
.loginul .verficode{
margin-bottom: 20px;
}
.loginseed .loginul .loginseedbtn{
display: inline-block;
width: 200px;
padding: 11px 0;color: white;margin-right: 20px;
font-size: 18px;
line-height:1.0;
margin-left: -5px;
}
.loginseed .loginul .loginbtnbg{
background: url(/resources/images/login/loginbnt184-56.png) no-repeat;
width: 184px;
height: 56px;
padding: 15px 0;
display: block;
}
.loginseed .loginul .loginbtnbg:hover{
background: url(/resources/images/login/login-btn-hover18456.png) no-repeat;
}
.loginseed .loginul .loginnote{
display: inline-block; padding: 5px 0;vertical-align: middle;
font-size: 14px;
line-height: 20px;
}
/*动画效果*/
.animationbounceIn{
-webkit-animation:bounceInDown 1s .2s ease both;
-moz-animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
/*清除浮动*/
.clear {
clear: both;
height: 0;
height: 0;
overflow: hidden;
}
.downqrcode{
color: #333;
position: absolute;
top:100px;
right: 60px;
bottom: 100px;
font-size: 12px;
}
.downqrcode div #qrcode{
padding-right: 5px;
position: relative;
top: -25px;
visibility: hidden;
}
.downqrcode div #qrcode img{height: 180px;width: 180px;}
.downqrcode .downarea{
padding: 7px 0;background-color: rgba(255,255,255,.6);
width: 70px;margin-bottom: 20px;box-shadow:2px 3px 5px rgba(0,0,0,.2);
}
.downqrcode .downarea img{
padding: 0 7px;
}
.downqrcode .downarea .downtext{
padding: 15px 0;text-align: center;width: 70px;text-align: center;
}
.downqrcode .qrcodearea{
padding: 7px 0;background-color: rgba(255,255,255,.6);width: 70px;;box-shadow: 2px 3px 5px rgba(0,0,0,.2);
}
.downqrcode .qrcodearea:hover{
background-color: white;
cursor:pointer;
}
.downqrcode .qrcodearea img{
padding: 10px 24px 0;
}
.downqrcode .qrcodearea .qrcodetext{
line-height: 15px;
padding: 15px 0 5px;
text-align: center;width: 70px;
}
/*iframe查询结果页面*/
iframe{
width: 100%;
}
.quality-content iframe{
border-radius: 100px 100px 0 0;
}
.inputcolor{
color: #b8b8b8;
}
/*input默认文字颜色*/
input::-moz-placeholder { color: #B8B8B8; }
input::-webkit-input-placeholder { color:#B8B8B8; }
input::-ms-input-placeholder { color:#B8B8B8; }