@charset "utf-8";

html, body {  }
body { min-width:1080px; background-color:#eff2f5; color:#34495e; font:12px/1.5 verdana,'microsoft yahei'; }

input[type="text"], input[type="password"], button { color:#34495e; font-family:verdana,'microsoft yahei'; }

.container { width:1200px; margin:0 auto; }

#header { position:relative; height:150px; border-bottom:1px solid #e4e9ee; }
#header .cloud {  }
#header .container { height:150px; }
#header .log-logo { float:left; margin-top:60px; }
#header .log-nav { float:right; margin-top:60px; }
#header .log-nav li { float:left; height:24px; padding-left:20px; line-height:24px; }
#header .log-nav li a { color:#7b8b95; font-size:14px; }
#header .log-nav li a:hover { color:#369; }

#main { background:#fff url(../images/bg-main.png) repeat-x 0 bottom; }
#main .container { padding:60px 100px 70px; }



#footer {  }
#footer .container { padding:40px 0; }
#footer .copyright { text-align:center; color:#b8c4ce; }

.marquee { float:left; width:500px; height:350px; padding-top:50px; }
.carousel > .carousel-control.left { background:none; }
.carousel > .carousel-control.right { background:none; }
.carousel > .carousel-inner > div.item { text-align:center; }
.carousel > .carousel-inner > div.item > img { display:block; margin:0 auto; }

.glyphicon.glyphicon-chevron-left { background:url(../../images/glyphicon-chevron-left.png) no-repeat 0 0; }
.glyphicon.glyphicon-chevron-left:before { content:' '; }
.glyphicon.glyphicon-chevron-right { background:url(../../images/glyphicon-chevron-right.png) no-repeat 0 0; }
.glyphicon.glyphicon-chevron-right:before { content:' '; }
				
.form { float:right; width:400px; background-color:#fff; }
.form-title { font-size:20px; font-weight:400; }
.form label { position:relative; display:block; height:40px; margin-top:40px; }
.form label .login-input { box-sizing:border-box; width:100%; height:40px; border:0; border-bottom:1px solid #e9ecee; padding:0 0 0 40px; font-size:14px; }
.form label .login-input:focus { outline:none; border-color:#3498db; }
.form label .login-input.login-account { background:url(../images/login-account.png) no-repeat 0 0; }
.form label .login-input.login-account:focus { background-position:0 -40px; }
.form label .login-input.login-password { background:url(../images/login-password.png) no-repeat 0 0; }
.form label .login-input.login-password:focus { background-position:0 -40px; }
.form label .login-input.login-code { background:url(../images/login-code.png) no-repeat 0 0; }
.form label .login-input.login-code:focus { background-position:0 -40px; }
.form label a { position:absolute; top:0; right:0; box-sizing:border-box; height:40px; line-height:40px; color:#369; font-size:14px; font-weight:400; }
.form .login-button { box-sizing:border-box; width:100%; height:50px; border:0; border-radius:2px; background-color:#3499da; margin-top:20px; line-height:50px; text-align:center; color:#fff; font-size:14px; }
.form .login-message { height:24px; margin-top:20px; line-height:24px; color:#b8c4ce; font-size:14px; }
.form .login-message a { float:right; color:#369; }