@charset "utf-8";
|
/* CSS Document */
|
|
/*input_wrap*/
|
.input_wrap, .textarea_wrap{
|
position:relative;
|
background:#FFF;
|
border:1px solid #666;
|
width:200px;
|
height:24px;
|
overflow:hidden;
|
}
|
.input_wrap input, .input_wrap span, .textarea_wrap textarea, .textarea_wrap span{
|
padding:0 5px;
|
position: absolute;
|
left:0;
|
top:0;
|
background: none;
|
border: none;
|
height: 24px;
|
width:190px;
|
color:#686767;
|
font:12px "宋体";
|
line-height:24px;
|
z-index: 1;
|
}
|
.textarea_wrap{
|
width:200px;
|
height:100px;
|
}
|
.textarea_wrap textarea, .textarea_wrap span{
|
height:100px;
|
width:190px;
|
}
|
|
body{
|
background:#FFF;
|
min-width:1070px;
|
}
|
|
/*login_top*/
|
.login_top{
|
margin:0 auto;
|
padding:20px 0 35px;
|
height:48px;
|
width:1000px;
|
}
|
.login_top a.larks_logo{
|
float:left;
|
}
|
.login_top p{
|
float:right;
|
color:#333333;
|
font-size:12px;
|
}
|
.login_top p em{
|
color:#ff6600;
|
}
|
|
|
/*login_con_wrap*/
|
.login_con_wrap{
|
background:url(../images/bg-more.gif) repeat-x;
|
height:449px;
|
}
|
.login_con_bigbg{
|
margin:0 auto;
|
background:url(../images/bg-big.gif) no-repeat;
|
height:449px;
|
width:1070px;
|
}
|
.login_con{
|
margin:0 auto;
|
width:1000px;
|
}
|
.login_func{
|
float:right;
|
margin-top:40px;
|
width:362px;
|
}
|
.login_func .lf_top{
|
background:url(../images/login-box-top.png) no-repeat;
|
height:5px;
|
width:362px;
|
}
|
.login_func .lf_con{
|
padding:5px 35px 15px;
|
background:url(../images/login-box-middle.png) repeat-y;
|
}
|
.login_func .lf_bottom{
|
background:url(../images/login-box-bottom.png) no-repeat;
|
height:10px;
|
width:362px;
|
}
|
.login_func .lfc_btn{
|
background:url(../images/btnbg.gif) repeat-x;
|
height:47px;
|
}
|
.login_func .lfc_btn a{
|
float:left;
|
padding:0 5px;
|
display:block;
|
height:47px;
|
color:#666666;
|
font:18px "微软雅黑";
|
line-height:45px;
|
}
|
.login_func .lfc_btn a.focus, .login_func .lfc_btn a:hover{
|
background:url(../images/btnhover.gif) repeat-x;
|
color:#0088cc;
|
}
|
.login_func .lfc_btn a.forget_password{
|
float:right;
|
}
|
.login_func div.input_div{
|
margin-top:25px;
|
position:relative;
|
border:1px solid #e7e7e7;
|
height:35px;
|
}
|
.error_pop{
|
position: absolute;
|
padding:0 10px;
|
left:300px;
|
top:0;
|
background-color: #ff9898;
|
border: 1px solid #f66;
|
height:33px;
|
color: #fff;
|
cursor: default;
|
font-size: 12px;
|
line-height:33px;
|
white-space:nowrap;
|
z-index: 100;
|
}
|
.error_pop:before, .error_pop:after{
|
color: #f66;
|
content: "◆";
|
font-family: "SimSun";
|
font-size: 16px;
|
left: -8px;
|
position: absolute;
|
top: 2px;
|
transition: all 0.6s ease 0s;
|
}
|
.error_pop:after{
|
color: #ff9898;
|
left: -7px;
|
}
|
.login_func div.input_div img{
|
float:left;
|
margin:7px 5px 0 5px;
|
}
|
.login_func div.input_div .input_wrap{
|
border:none;
|
height:35px;
|
width:255px;
|
}
|
.login_func div.input_div .input_wrap span, .login_func div.input_div .input_wrap input{
|
height:35px;
|
width:245px;
|
line-height:35px;
|
}
|
.login_func div.input_div .input_wrap span{
|
color:#bababa;
|
font-size:14px;
|
}
|
.login_func a.login_btn{
|
margin-top:25px;
|
background:#2592e0;
|
border-radius:3px;
|
display:block;
|
height:40px;
|
color:#FFF;
|
font:16px "微软雅黑";
|
line-height:40px;
|
text-align:center;
|
}
|
.login_func a.login_btn:hover{
|
background:#3b9de3;
|
}
|
.login_func a.login_btn.focus{
|
background:#ccc;
|
}
|
.login_func .remember_password{
|
margin-top:15px;
|
padding-bottom:20px;
|
color:#7f7f7f;
|
font:14px "微软雅黑";
|
}
|
.login_func .remember_password input{
|
margin:4px 5px 0 0;
|
}
|
.login_func .remember_password input, .login_func .remember_password label{
|
float:left;
|
}
|
.login_func .remember_password a{
|
float:right;
|
}
|
.login_func .other_login{
|
margin-bottom:10px;
|
padding-top:20px;
|
border-top:1px solid #e4e4e4;
|
color:#7f7f7f;
|
font-size:12px;
|
}
|
.login_func .other_login a, .login_func .other_login span, .login_func .other_login img{
|
float:left;
|
display:block;
|
}
|
.login_func .other_login a{
|
margin-left:5px;
|
}
|
.login_footer{
|
margin:0 auto;
|
padding:55px 0;
|
width:1000px;
|
color:#666666;
|
font-size:12px;
|
}
|
.login_footer P{
|
float:left;
|
}
|
.login_footer P a{
|
color:#666666;
|
}
|
.login_footer P span{
|
margin:0 5px;
|
}
|
.login_footer em{
|
float:right;
|
}
|
.login_func div.verification_code{
|
border:none;
|
}
|
.login_func div.verification_code .input_wrap{
|
float:left;
|
border:1px solid #e7e7e7;
|
width:145px;
|
}
|
.login_func div.verification_code .input_wrap span, .login_func div.verification_code .input_wrap input{
|
width:135px;
|
}
|
.login_func div.verification_code span.vc_wrap{
|
float:right;
|
margin:0 5px;
|
border:1px solid #e7e7e7;
|
display:block;
|
height:35px;
|
width:85px;
|
}
|
.login_func div.verification_code span.vc_wrap img{
|
margin:0;
|
}
|
.login_func div.verification_code a{
|
float:right;
|
color:#0088cc;
|
font-size:12px;
|
line-height:37px;
|
}
|
