ag

来源:互联网 发布:常州ug编程培训 编辑:程序博客网 时间:2024/04/28 12:23
@charset "utf-8";
*{
margin:0;
padding:0;
list-style-type:none;
}
a,img{
border:0;
}
a{
text-decoration:none;
color:#535353;
font-size:12px;
font-family:"arial","微软雅黑";
}
body{
font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
}
.fl{
float:left;
}
.fr{
float:right;
}
.clear{
clear:both;
display:block;
overflow:hidden;
height:0;
line-height:0;
}
.pd20{
padding:0px;
}
.pd50{
padding:50px;
}


.loginmask{
width:100%;
height:100%;
z-index:8;
background:#000;
position:fixed;
top:0;
left:0;
display:none;
}
/* loginalert */
#loginalert{
width:440px;
background:#fff;
position:fixed;
left:50%;
margin-left:-220px;
/*margin-left:500px;
*/
z-index:99;
display:none;
}


#window-title {
background-color: #FAFAFA;
border-bottom: 1px solid #EBEBEB;
height:56px;
margin:auto 0;
}
#window-title p{
color:#292929;
font-size: 30px;
line-height: 1em;
margin: 0;
padding: 15px 31px 8px;
text-shadow: 0 1px #FFFFFF;
}
.closealert {
background: url(../Images/icon24x24.png) no-repeat scroll -165px -312px rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
border-left: 1px solid #EBEBEB;
height: 56px;
position: absolute;
bottom: 0;
right: 0;
top: 0;
width: 57px;
z-index: 1;
}
.closealert:hover {
background-color: #f3f3f3;
background-position: -165px -367px;
}


/*旋转操作*/
/*.closealert:hover{
transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
}*/
.loginwrap{
width:338px;
margin:0 auto;


}
.loginh{
height:40px;
margin-top:20px;
}
.loginh .fl{
font-size:30px;
line-height:40px;
color:#292929;
}
.loginh .fr{
font-size:12px;
line-height:50px;
color:#707070;
}
.loginh .fr a{
font-size:18px;
line-height:50px;
color:#FF4200;
margin-left:5px;
}
.loginwrap h3{
font-size:14px;
font-weight:500;
height:22px;
margin-top:15px;
color:#292929;
}


.logininput form {
 
margin:0;
padding:0;
}
.logininput form p {
display: block;
position: relative;
margin:0 0 15px;
z-index: 18;
}


.logininput a {
color: #1B66C7;
font-family: Arial,Helvetica,STHeiti,"宋体";
font-size: 12px;
text-decoration: underline;
}


.pass-text-input{
display: block;
border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 14px;
    height: 16px;
    padding: 12px 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.loginusername, .loginuserpassword {
padding-left: 38px;
    width: 288px;
}
.login-pop-label {
background: url(../Images/input_icons24x240.png) 0 0 no-repeat;
display: block;
    height: 24px;
    left: 6px;
    overflow: hidden;
    padding: 0 0 0 24px;
    position: absolute;
    top: 8px;
    width: 0;
    z-index: 20;
}
 .pass-label-username {
  background-position: 0 -68px;
 }
 .pass-label-password {
  background-position: 0 -147px;
 }
.pass-label-username-focus{
    background-position: 0 -108px;
  
}
.pass-label-password-focus{
    background-position: 0 -187px;
}


#bcdl {
vertical-align: middle;
}
.auto-login-choose label {
color: #666666;
display: inline;
font-size: 12px;
margin-left: 5px;
}
.pass-fpw {
position: absolute;
right: 0;
top: -35px;
}
.pass-reglink {
cursor: pointer;
position: absolute;
right: 2px;
top: 55px;
}
#loginsubmit-login-btn {
display: block;
position: relative;
width:338px;
height:50px;
line-height:50px;
color:#fff;
background-color: #3F89EC;
border-radius: 3px;
border: medium none;
text-align:center;
overflow: hidden;
font-size:20px;
font-family:'微软雅黑';
cursor:pointer;
}
#loginsubmit-login-btn:hover{
background-color: #4490F7;
}


.thirdlogin {
position: relative;
margin-top: 30px;
border-top:1px solid #ecf2f5;
}
.thirdlogin .pd50{
padding-top:15px;
padding-bottom:30px;
}
.thirdlogin h4{
color:#6B6A6A;
font-weight:500;
margin-bottom:20px;
}
.thirdlogin ul li{
display:inline;
float:left;
margin:0 20px 10px 0;
}
.thirdlogin ul li a{
display:block;
float:left;
height:40px;
line-height:40px;
width:160px;
color:#fff;
text-indent:60px;
}
#sinal a{
background:#d63b22 url('../Images/weibo.png') no-repeat 0px -5px;
}
#qql a{
background:#3eb0d8 url('../Images/qq.png') no-repeat 0px -5px;
}
.loginwrap .login_warning{
    float: left;
height:20px;
line-height:20px;
overflow:hidden;
background:#ff7200;
color:#fff;
padding:0 4px;
text-align:center;
font-size:12px;
margin-left:5px;
display:inline-block;
}
.logininput form .pass-form-item-username{
margin-top: 5px;
}
/* reg_setp */
#reg_setp{
position:fixed;
width:100%;
height:100%;
background:#fff;
z-index:999;
top:0;
left:100%;
display:none;
}
*html #reg_setp{
position:absolute;
top:expression(eval(document.documentElement.scrollTop));
}
#reg_setp h3{
font-size:14px;
font-weight:500;
overflow:hidden;
height:80px;
line-height:90px;
}
#setp_quicklogin{
width:400px;
height:210px;
position:absolute;
left:50%;
margin-left:-200px;
top:230px;
text-align:center;
display:none;
}
.blogo{
width:150px;
height:180px;
position:absolute;
top:50px;
left:50%;
margin-left:-75px;
}
.quicklogin_socical li{
float:left;
margin:0 20px 0 0;
display:inline;
width:186px;
height:46px;
overflow:hidden;
}
.quicklogin_socical li a{
display:block;
line-height:46px;
color:#fff;
text-align:left;
text-indent:68px;
font-size:16px;
}
.quicklogin_socical_weibo a{
background:#d63b22 url('weibo.png') no-repeat 0 0;
border:2px solid #d63b22;
}
.quicklogin_socical_qq a{
background:#3eb0d8 url('qq.png') no-repeat 0 -2px;
border:2px solid #3eb0d8;
}
.back_setp{
width:100px;
height:50px;
line-height:50px;
background:#8F8F90;
color:#fff;
cursor:pointer;
font-size:22px;
text-align:center;
position:absolute;
left:20px;
top:20px;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.back_setp:hover{
background-color:#6BC30D;
}


.logininput form span.error{
display: block;
padding-left: 19px;
color: #f00;
}
.logininput form span.valid{
display: none;
padding-left: 19px;


}
0 0
原创粉丝点击