@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
[v-cloak] { display: none; }

#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; }

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

.register-view { width: 460px; float: right; margin-top: 80px; background: #fff; margin-right: 32px; overflow: hidden; border-radius: 4px; }

.register-view .register-tab { height: 56px; background: #F5F5F5; }

.register-view .register-tab li { border-top: 4px solid #F5F5F5; float: left; width: 100%; cursor: pointer; text-align: center; line-height: 56px; }

.register-view .register-tab li p { color: #474747; font-weight: bold; font-size: 20px; }

.register-view .register-tab .active { border-top: 4px solid #FF9852; background: #fff; border-radius: 4px 4px 0 0; }

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

.register-view .customer-register .registerMoudle { padding: 0 40px 20px 40px; }

.register-view .customer-register .registerMoudle .DifferenceJuese { text-align: center; padding-top: 20px; }

.register-view .customer-register .registerMoudle .DifferenceJuese .radio { display: inline; cursor: pointer; }

.register-view .customer-register .registerMoudle .DifferenceJuese .radio1 { margin-left: 10px; }

.register-view .customer-register .hint { height: 24px; line-height: 24px; background-color: #F5F5F5; margin: 15px auto 0 auto; padding: 0 7px; }

.register-view .customer-register .hint img { float: left; width: 12px; height: 12px; margin-top: 6px; margin-right: 4px; }

.register-view .customer-register .hint p { font-size: 12px; color: #474747; }

.register-view .customer-register .download-btn { margin-top: 20px; height: 20px; line-height: 20px; }

.register-view .customer-register .download-btn img { float: left; width: 16px; height: 16px; margin-top: 2px; margin-right: 2px; }

.register-view .customer-register .download-btn p { float: left; font-size: 14px; color: #474747; }

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

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

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

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

.register-view .customer-register .error { color: #ff0000; font-size: 12px; height: 20px; line-height: 20px; margin-top: 10px; }

.register-view .customer-register .tel input { width: 286px; }

.register-view .customer-register .yzm input { width: 182px; }

.register-view .customer-register .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; }

.register-view .customer-register .password input { width: 275px; float: left; }

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

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

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

.register-view .customer-register .checkbox { margin-top: 14px; }

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

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

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

.register-view .customer-register .checkbox a { float: left; height: 18px; line-height: 18px; color: #2F6DB5; font-size: 14px; cursor: pointer; }

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

.register-view .login-btn { text-align: right; font-size: 12px; margin-top: 12px; color: #000; height: 50px; line-height: 50px; background: #FCFCFC; padding: 0 40px; border-top: 1px solid #F4F4F4; }

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

.register-view .serverRegisterModule { padding: 40px; text-align: center; }

.register-view .serverRegisterModule p { color: #474747; height: 20px; line-height: 20px; }

.register-view .serverRegisterModule .p2 { margin-top: 40px; }

.register-view .serverRegisterModule .codeBoxs { display: inline-block; width: 160px; height: 160px; margin: 60px auto 16px; border: 2px dashed #F4F4F4; padding: 14px; }

.register-view .serverRegisterModule a { display: block; margin-top: 12px; height: 44px; color: #fff; background: #ff761a; text-align: center; font-size: 18px; line-height: 44px; }

.protocol { width: 1136px; position: absolute; top: 20px; left: 32px; background: #fff; z-index: 999; }

.protocol .protocol-title { height: 55px; line-height: 54px; border-bottom: 1px solid #E9E9E9; padding: 0 16px; }

.protocol .protocol-title p { float: left; font-size: #474747; font-size: 16px; }

.protocol .protocol-title img { float: right; width: 20px; height: 20px; margin-top: 17px; }

.protocol .protocol-main { color: #474747; margin-top: 30px; padding: 0 52px; height: 490px; overflow-y: auto; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }

.protocol .protocol-main h3 { font-size: 14px; font-weight: bold; line-height: 24px; margin-top: 45px; margin-bottom: 10px; }

.protocol .protocol-main p { font-size: 14px; line-height: 24px; text-indent: 2em; }

.protocol .protocol-btn { display: block; margin: 16px auto 30px auto; width: 224px; height: 38px; background: #FF9852; color: #fff; font-size: 14px; text-align: center; line-height: 38px; cursor: pointer; }