/*登入界面样式*/

body { font-size: 12px; }
.f14, .f15, .f16, .f18, .f20, .f22 { font-family: "Helvetica Neue" , "Hiragino Sans GB" , "Segoe UI" , "Microsoft Yahei" , "微软雅黑" , Tahoma, Arial, STHeiti, sans-serif; }
input[type='text'], input[type='password'] { outline: none; }
input[type='text']:focus, input[type='password']:focus { box-shadow: 0 0px 10px rgb(82, 193, 255); }
.bg { }
.bg-01 { background: url("../images/01-repeatx_gray.jpg") repeat-x; }
.content { width: 1024px; margin: 0 auto; }
.bg-01 .content { background: url("../images/01_gray.jpg") center 0 no-repeat; height: 513px; }
.head { height: 65px; background: #fff; }
.h-con { position:absolute;left:500px;top:13px; height: 60px; width: 120px; margin: 0 auto; background-image: url(../images/wade.png); background-position: left; background-repeat: no-repeat; text-align: right; line-height: 65px; }
.h-c-logo { float: left; width: 200px; height: 32px; }
.h-c-menu { float: right; list-style: none; }
.h-c-menu a { color: #333; text-decoration: none; }
.h-c-menu a:hover, .h-c-menu a.selected { color: #4773B2; }
.h-c-menu li { float: left; padding: 0 10px; }
.c-form { width: 320px; float: right; margin-top: 80px; position: relative; height: 368px; }
.c-form div.form { }
.loginForm, .registerForm { background: #fff; box-shadow: 0 2px 16px #ccc; border-radius: 5px; width: 320px; height: 368px; position: absolute; left: 0; top: 0; -webkit-transition: 1.5s ease-in-out; -moz-transition: 1.5s ease-in-out; -ms-transition: 1.5s ease-in-out; -o-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out; }
.registerForm { -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /*抖动*/ -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform-style: preserve-3d; backface-visibility: hidden; -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
.loginForm { -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform-style: preserve-3d; backface-visibility: hidden; z-index: 2; }
.loginForm h2 { height: 66px; line-height: 66px; padding-left: 35px; font-size: 18px; color: #2984D5; border-bottom: 1px solid #E9E9E9; }
.loginForm h2 img { position: absolute; left: 18px; top: 6; }
.lf-un, .rf-email { margin-top: 32px; margin-left: 40px; width: 240px; position: relative; height: 80px; }
.lf-input input, .hasValidateCode .lf-vc input { width: 226px; height: 48px; border: 1px solid #D9D9D9; border-radius: 3px; padding-left: 12px; font-size: 14px; position: absolute; left: 0; top: 0; }
.lf-input label { position: absolute; left: 13px; color: #999; line-height: 50px; top: 0; font-size: 14px; cursor: text; }
.lf-un span.error { line-height: 26px; height: 26px; color: red; top: 50px; position: absolute; left: 5px; }
.lf-pw, .rf-un, .rf-pw, .lf-vc { margin-left: 40px; width: 240px; position: relative; height: 50px; }
.rf-un, .rf-email, .rf-pw { height: 70px; }
.lf-checkbox { margin-left: 40px; line-height: 60px; color: #656565; }
.lf-checkbox input { position: relative; left: 2px; top: 2px; margin-right: 3px; }
.lf-op { margin-left: 40px; margin-bottom: 30px; }
.lf-op .buttoncss { padding: 0 15px; height: 42px; background: #409DE3; border: none; text-align: center; line-height: 42px; color: #fff; font-size: 14px; border-radius: 3px; cursor: pointer; float: left; }
.lf-link { float: left; line-height: 42px; color: #9A9A9A; }
.lf-link a { line-height: 42px; font-size: 14px; padding: 0 20px; color: #999; text-decoration: none; cursor: pointer; }
.product { width: 1000px; margin: 25px auto 28px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; list-style: none; }

.product ul { list-style: none; }
.product li { float: left; width: 220px; background: url(" ../images/line.png") -12px 0 no-repeat; padding: 17px 0; padding-left: 20px; }
.product li h3 { font-size: 14px; color: #595959; line-height: 34px; color: #595959; }
.product li p { color: #999; line-height: 24px; width: 190px; }
.product li div { float: left; margin-left: 18px; }
.product li.first { padding-left: 0; width: 220px; background: none; }
.footer { text-align: center; border-top: 1px solid #F3F3F3; line-height: 55px; height: 55px; color: #aaa; }
.footer a { color: #878787; }
.lf-link a:hover { text-decoration: underline; }
.c-leftPic { width: 660px; height: 410px; float: left; margin-top: 20px; position: relative; }
.c-leftPic img { position: absolute; left: 0; top: 0; }

.hasValidateCode .lf-un, .hasValidateCode .lf-pw { height: 60px; }
.hasValidateCode .lf-vc { height: 40px; }
.hasValidateCode .lf-input input { height: 35px; }
.hasValidateCode .lf-vc input { width: 115px; height: 32px; line-height: 32px; }
.hasValidateCode .lf-input label { line-height: 37px; }
.hasValidateCode .lf-un span.error { top: 35px; }
.hasValidateCode .lf-checkbox { line-height: 40px; }
.lf-op button.loading { background: #ccc; }