/* µÇÂ¼Ò³  */
.loginbg { background:url("login_bg.jpg") no-repeat top center; }
.fixed { width:100%; position: fixed; top:0;}
.titlebg { background-color:#fff; }
.header { width: 1000px; height:80px; margin:0 auto; }
.logo { float:left; width:600px; height:80px; background:url("logo2.png") no-repeat left top;}

.titlelink { float:right;}
.titlelink ul{ }
.titlelink li{ float:left; margin-top:25px; margin-left:15px; display:inline; }
.titlelink a{ display:block; padding:5px 10px; color:#fff; background-color: #27529e; }
.titlelink a:hover{ background-color: #d84a38;}


.panelbg { background:url("login_bg.png") no-repeat left top; padding: 40px 0px; }
.logincontainer { width:1000px; margin:0 auto; }
.welcome { float:left; width:600px; height:300px; background:url("weltext.png") no-repeat 50px 50px;  }
.LoginMain { float:right; position:relative;  background-color: #fff; opacity:0.90; filter:alpha(opacity=90);}
.Swith {  }
.content { height:229px; padding:20px 55px; }
.formtitle { height:50px; line-height:50px; color:#777; font-size:16px;}
.login-group { margin-bottom: 20px;}
.input-icon { }
.input-icon i { color: #ccc; display: block !important; position: absolute !important; z-index: 1; margin: 9px 2px 4px 10px; width: 16px; height: 16px; border1: 1px solid #ddd; font-size: 16px; text-align: center;
}
.input-icon input { padding-left: 33px !important;}
.content .username-w  { width: 200px;}
.content .username-k  { width: 240px; background-color:#f7f7f7;}
.content .password-w  { width: 135px;}
.content .checkcode-w { width: 135px;}
.form-actions{ text-align:left;}
.formbottom { text-align:right; font-size:13px; font-weight:700; height:40px; line-height:40px; color:#777; }
.login-weixin{ position: absolute; right: 145px; background: #fff; padding: 8px; margin-top: 16px; width:100px;}
.login-weixin p{ text-align: center; font-size:10px; color:#777; }


.introbg { margin: 30px 0 10px 0; }
.introcontainer { width:1000px; border-bottom: solid 1px #ccc; margin:0 auto; padding:10px 0; }
.introcontainer .intro-icon { float:left; width:90px; height:100px; background:url("intro_icon.png") no-repeat; }
.introcontainer .intro-icon.icon1 { background-position: 0 0; }
.introcontainer .intro-icon.icon2 { background-position: -200px 0; }
.introcontainer .intro-icon.icon3 { background-position: -400px 0; }
.introcontainer h3 { height:30px; line-height:30px; font-size:15px; color:#1c59b1; }
.introcontainer p { line-height:180%; font-size:12px; color:#777; }

.LoginBottom { height:40px; line-height:40px; width:100%; color:#777; text-align:center; }


/* µÇÂ¼Ê±±íµ¥ÇÐ»» */
#LoginKey { z-index:7; position:relative; width:340px; height:180px; }
#settings { z-index:8; position:absolute; top:0px; right:0px; width:40px; height:40px; display:block; background:url("login_swith.gif") no-repeat left top; overflow:hidden;cursor:pointer; }
.cerrar { background:url("login_swith.gif") no-repeat 0 -40px!important; }
#settings:hover { background:url("login_swith.gif") no-repeat 0 -80px; }

.erweima { background:url("erweima.png") no-repeat left top; width:140px; height:140px; margin:20px auto; }


/* ÐÂµÇÂ¼ */
.nav-list{height:50px; padding:0!important; overflow:hidden;}
.nav-list li{height:50px;float:left;width:175px;}
.nav-0{background:url("account-pic.png") no-repeat;cursor:pointer;height:50px;}
.nav-1{background:url("key-pic.png") no-repeat;cursor:pointer;height:50px;}

.nav-cus-0{background:url("account-hov.png") no-repeat;}
.nav-cus-1{background:url("key-hov.png") no-repeat;}

.nav-0 a,.nav-1 a,.nav-2 a{color:#666;padding-left:48px;height:50px;line-height:50px;font-size:18px;}
.nav-cus-0 a,.nav-cus-1 a,.nav-cus-2 a{color:#fff;padding-left:48px;height:50px;line-height:50px;font-size:18px;}
