@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
#container #content { width: 100%; height: 614px; background: url(https://fuqimao.oss-cn-qingdao.aliyuncs.com/png/loginBGC.png) no-repeat top center; background-size: cover; }

.login-main { width: 1200px; margin: 0 auto; }

.login-view { width: 420px; float: right; margin-top: 80px; overflow: hidden; border-radius: 4px; }

.login-view .login-title { box-sizing: border-box; height: 60px; border-top: 4px solid #FF9852; border-bottom: 1px solid #d8d8d8; background: #fff; }

.login-view .login-title h3 { margin: 0 auto; width: 190px; height: 57px; line-height: 57px; text-align: center; font-size: 20px; letter-spacing: 2px; border-bottom: 2px solid #ff761a; color: #ff761a; }

.login-view .login-content { background: #fff; }

.login-view .loginModule { padding: 30px 40px; }

.login-view .loginFooter { background: #fcfcfc; padding: 12px 40px; border-top: 1px solid #f4f4f4; }

.login-view .login-tab { margin: 8px auto 20px; }

.login-view .login-tab li { box-sizing: border-box; float: left; padding: 0 48px; height: 20px; cursor: pointer; border-right: 1px solid #d8d8d8; }

.login-view .login-tab li p { height: 20px; line-height: 20px; color: #474747; }

.login-view .login-tab li:last-child { border-right: none; }

.login-view .login-tab .active p { color: #FF9852; }

.input-view { height: 46px; margin-top: 12px; border: 1px solid #d8d8d8; padding-left: 10px; border-radius: 4px; }

.input-view img { float: left; width: 22px; height: 22px; margin-top: 12px; }

.input-view input { float: left; font-size: 14px; color: #474747; height: 44px; line-height: 44px; padding: 0 10px; }

.input-view input::-webkit-input-placeholder { color: #999; font-size: 14px; }

.tel input { width: 275px; }

.error { color: #ff0000; font-size: 12px; height: 20px; line-height: 20px; margin: 5px 0; }

.yzm input { width: 175px; }

.yzm .yzm-num { float: left; cursor: pointer; width: 124px; border-left: 1px solid #d6dbe0; height: 16px; line-height: 16px; margin-top: 15px; text-align: center; font-size: 14px; color: #474747; background-color: transparent; }

.password input { width: 275px; float: left; }

.password a.invisible { background: url("../images/registerEyeIcon.png") no-repeat top center; background-size: 18px 18px; }

.password a.visible { background: url("../images/registerEyeIcon2.png") no-repeat top center; background-size: 18px 18px; }

.password a { float: left; width: 18px; height: 18px; margin-top: 12px; }

.checkbox { margin-top: 12px; }

.checkbox .checkbox-btn { float: left; cursor: pointer; }

.checkbox .checkbox-btn img { float: left; width: 18px; height: 18px; margin-right: 8px; }

.checkbox .checkbox-btn p { float: left; height: 18px; line-height: 18px; font-size: 14px; color: #474747; }

.checkbox a { height: 18px; line-height: 18px; color: #2f6db5; font-size: 14px; }

.btn { display: block; height: 44px; color: #fff; background: #FF9852; text-align: center; font-size: 18px; line-height: 44px; text-align: center; border-radius: 4px; }

.login3-btn { height: 27px; line-height: 27px; }

.login3-btn a span { color: #000; font-size: 12px; }

.login3-btn a .img-boxs { width: 27px; height: 27px; margin-right: 3px; display: inline-block; }

.weixinlogin { display: none; width: 420px; text-align: center; background: #fff; position: absolute; left: 0; top: -44px; }

.weixinlogin .weixinloginClose { position: absolute; right: 20px; top: 10px; width: 20px; height: 20px; }

.login-btn { text-align: right; font-size: 12px; color: #000; line-height: 27px; }

.login-btn a { color: #FF9852; font-size: 12px; }

.login-qrcode p { margin-top: 20px; margin-bottom: 20px; font-size: 14px; text-align: center; }

.login-qrcode p a { color: #ff761a; }

#qrcode { width: 160px; height: 160px; border: 2px dashed #f4f4f4; padding: 14px; margin: 28px auto 0 auto; }

.qrcode1 { display: none; text-align: center; }

.qrcode1 img { width: 78px; height: 78px; margin-top: 30px; }

.qrcode1 h3 { font-size: 18px; color: #474747; margin-top: 20px; }

.qrcode1 p { font-size: 14px; color: #999; margin-top: 10px; }