/*-----------------------------------注册样式---------------------------*/ select { -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #dcdcdc; outline: none; } .register-content { background-color: #f2f2f2; padding-bottom: 5%; } .register-body { width: 63%; margin: 0 auto; } #mainForm label.error { position: absolute; left: 70%; color: red; text-align: left; width: 25%; } #mainForm .upload-img { width: 106px; height: 32px; cursor: pointer; display: none; } #mainForm input.error, #mainForm textarea.error, #mainForm select.error { border-color: red; } #mainForm .js_showImg img { max-width: 300px; max-height: 300px; } .show_header { background: #f2f2f2; height: 40px; } .show_header h1 { font-size: 20px; } input { border: 0; outline: none; } .register-box { width: 100%; position: relative; overflow: hidden; margin-bottom: 30px; } .qyzc_form label { float: left; width: 24%; height: 40px; text-align: right; line-height: 40px; font-size: 14px; color: #999; } .qyzc_form label.radio, .qyzc_form label.checkbox { width: auto; padding-right: 15px; } .qyzc_form label span { color: #fc0000; margin-right: 2px; } /*表单项样式设置*/ .register-box .box { width: 70%; height: 100%; line-height: 40px; position: relative; font-size: 12px; float: left; margin-left: 20px; } .register-box .box a { color: #005aa0; margin-left: 5px; } .register-box .box.error { border: 1px solid red; height: 42px; } .register-box .box input { width: 93%; height: 38px; border: 1px solid #e5e4e4; font-size:0.95rem; color: #333; padding-left: 5px; float: left; } .phionyzm { width: 263px !important; height: 38px; border: 1px solid #e5e4e4; font-size: 14px; color: #333; padding-left: 5px; float: left; line-height: 40px; } .select_1 { width: 140px; height: 40px; border: 1px solid #e5e4e4; padding-left: 20px; outline: none; line-height: 40px; background: #fff url("/memberspqtstccom"/memberspqtstccom/img/select_bg.png"") no-repeat; background-position: 115px 18px; color: #999; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .select_2 { width: 420px; height: 40px; border: 1px solid #e5e4e4; padding-left: 20px; outline: none; line-height: 40px; background: #fff url("/memberspqtstccom"/memberspqtstccom/img/select_bg.png"") no-repeat; background-position: 395px 18px; color: #999; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .select_3 { width: 22%; height: 40px; border: 1px solid #e5e4e4; outline: none; line-height: 40px; color: #999; background: #fff; text-indent:1em; font-size:0.95rem; } .yzm { float: left; width: 111px !important; height: 40px !important; margin-left: 5px; } .yzm_img { width: 111px; height: 40px; cursor: pointer; } .cn { border-right: 1px solid #ddd; } /*验证通过*/ .register-box .box.right i { width: 20px; height: 20px; background: url("/memberspqtstccom/img/right.png") no-repeat center center; position: absolute; top: 50%; margin-top: -7px; right: 6px; } /*提示信息样式设置*/ .register-box .tip { width: 292px; font-size: 12px; } .register-box .tip i { width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .register-box .tip span { color: #CCCCCC; } /*提示信息隐藏样式*/ .register-box .tip.hide { display: none; } /*提示信息默认样式*/ .register-box .tip.default { width: 292px; border: 1px solid #e5e4e4; float: left; font-size: 12px; position: absolute; top: 0; right: 70px; background: #fcfbfb; height: 40px; } .register-box .tip.default i { width: 0; height: 0; } .register-box .tip.default span { color: #999; } /*提示信息错误样式*/ .register-box .tip.error { width: 292px; border: 1px solid #e5e4e4; float: left; font-size: 12px; position: absolute; top: 0; right: 70px; background: #ffebeb; border: 1px solid #ffbdbe; height: 40px; } .register-box .tip.error i { width: 0; height: 0; } .register-box .tip.error span { color: red; } /*提示信息密码弱*/ .register-box .tip.ruo, .register-box .tip.zhong, .register-box .tip.qiang { width: 292px; float: left; font-size: 12px; position: absolute; top: 45px; right: 250px; height: 40px; } .register-box .tip.ruo span, .register-box .tip.zhong span, .register-box .tip.qiang span { float: left; margin-right: 10px; } .register-box .tip.ruo i { background-position: 0 0; margin-top: 2px; width: 104px; height: 13px; background: url("/memberspqtstccom"/memberspqtstccom"/memberspqtstccom/img/pwdstrength.png""") no-repeat; } /*提示信息密码中*/ .register-box .tip.zhong i { background-position: 0px -13px !important; margin-top: 2px; width: 104px; height: 13px; background: url("/memberspqtstccom"/memberspqtstccom"/memberspqtstccom/img/pwdstrength.png""") no-repeat; } /*提示信息密码中*/ .register-box .tip.qiang i { background-position: 0 -26px !important; margin-top: 2px; width: 104px; height: 13px; background: url("/memberspqtstccom"/memberspqtstccom"/memberspqtstccom/img/pwdstrength.png""") no-repeat; } /*京东用户注册协议*/ .register-box.xieyi { width: 100%;/* height: 20px;*/ } .register-box.xieyi .box { line-height: normal; padding: 0; border: none; } .register-box.xieyi .box.error { line-height: normal; padding: 0; border: 1px solid red; } .register-box.xieyi .box input { width: auto; margin-top: 3px; margin-right: 5px; height: auto; } .register-box.xl { width: 100%; height: 20px; } .lx { width: 653px !important; } .register-box.xl .box { line-height: normal; padding: 0; border: none; } .register-box.xl .box label { width: 85px !important; text-align: left !important; } .register-box.xl .box.error { line-height: normal; padding: 0; border: 1px solid red; } .register-box.xl .box input { width: auto; margin-top: 3px; margin-right: 5px; } /*邮箱*/ .yz_show, .yz_hide { float: right; color: #38f; right: 0; top: 58px; cursor: pointer; position: absolute; } /*获取验证码*/ .hq { display: block; float: left; margin-left: 10px; height: 42px !important; width: 160px !important; padding: 0 !important; border: 1px solid #e5e4e4; background: #f4f4f4; text-align: center; line-height: 40px; color: #666; font-size: 14px; } /*注册*/ .sub { width: 263px !important; height: 35px !important; color: #fff !important; background: #ee2222; border: 0; line-height: 32px !important; font-size: 16px; cursor: pointer; } .sub { background: #0c4900 !important; border-radius: 5px; } .but button { background: #0c4900 !important; } .qyzc_box { width: 1200px; } .lc_xz { margin: 20px 40px; overflow: hidden; zoom: 1; } /*.register-box { height: auto; overflow: hidden; zoom: 1; } */.sub { background: #1f9acd !important; border-radius: 5px; width: 150px !important; height: 40px !important; line-height: 40px !important; border: 0 !important; float: none !important; margin: 0 auto; display: block; -webkit-appearance: none; appearance: none; } .but button { background: #1f9acd !important; border-radius: 5px; width: 47%; height: 54px; line-height: 54px; } .qyzc_box { width: 1200px; padding-bottom: 130px; } /*.tc_title { padding-left: 0; text-align: center; }*/ /*步骤样式*/ .bz_smqbox { width: 100%; height: 75px; position: relative; } .hg_smq { width: 160px; height: 5px; background: #1f9acd; position: absolute; top: 18px; } .hg2_smq { width: 860px; position: absolute; top: 18px; height: 5px; background: #c0c0c0; left: 160px; } .bz1_smq { width: 40px; height: 40px; border: 5px solid #fff; background: #c7e5f3; position: absolute; border-radius: 50%; } .fd_smq1 { left: 125px; top: -8px; } .bz1box_smq { width: 32px; height: 32px; border-radius: 50%; background: #1f9acd; margin: 0 auto; margin-top: 4px; color: #fff; font-size: 18px; text-align: center; line-height: 32px; font-weight: 800; } @media screen and (max-width:768px) { .but button{ width:100%;} } .bz1box_smq2 { width: 32px; height: 32px; border-radius: 50%; background: #a1a1a1; margin: 0 auto; margin-top: 4px; color: #fff; font-size: 18px; text-align: center; line-height: 32px; font-weight: 800; } .bz2_smq { width: 40px; height: 40px; border: 5px solid #fff; background: #e0e0e0; position: absolute; border-radius: 50%; } .bz_listsmq { position: absolute; top: 42px; } .bz_listsmq li { float: left; width: 245px; line-height: 25px; text-align: center; margin-right: -9px; font-size: 14px; color: #333; } .onsmq { color: #1f9acd !important; } .show_steps { background-color: white; overflow: hidden; } .bz_box { padding-top: 10px; width: 1020px; margin: 0 auto; overflow: hidden; } .fd_smq2 { left: 365px; top: -8px; } .fd_smq3 { left: 615px; top: -8px; } .fd_smq4 { left: 850px; top: -8px; } .bz_listsmq li:nth-child(1) { position: absolute; left: 29px; } .bz_listsmq li:nth-child(2) { position: absolute; left: 270px; } .bz_listsmq li:nth-child(3) { position: absolute; left: 522px; } .bz_listsmq li:nth-child(4) { position: absolute; left: 755px; } .qyzc_box { width: 1200px; } .lc_xz { margin: 20px 40px; overflow: hidden; zoom: 1; } /*.register-box { height: auto; overflow: hidden; zoom: 1; }*/ .tj_but { width: 150px !important; height: 40px !important; line-height: 40px !important; color: #fff !important; text-align: center; cursor: pointer; background: #1f9acd !important; border: 0; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .on8 a { color: #0092da !important; } .sczp2 { overflow: hidden; position: relative; } .sc_but { position: absolute; width: 100px; height: 35px; line-height: 35px; color: #fff; text-align: center; background: #0c4900 !important; border-radius: 5px; } .js_upFile { width: 75px !important; height:; opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; } .dr { left: 120px; width: 100px; height: 30px; } .tp2 { width: 100px !important; height: 30px !important; border: 0; } .wzc { width: 65%; height: 100px; line-height: 40px; background: #fff; border: 1px solid #e5e4e4; outline: none; padding: 10px; } .zchide { display: none; position: relative; left: 0; width: 440px; overflow: hidden; zoom: 1; border: 1px solid #e5e5e5; border-radius: 5px; min-height: 250px; overflow-y: auto; max-height: 300px; } .zc_smqbox { float: left; width: 550px; } .zc_smqbox:hover .zchide { display: block; } .zchide table { width: 100%; border-collapse: collapse; } .zchide table tr { border-bottom: 1px solid #e5e5e5; } .zchide table tr:last-child { border-bottom: 0; } .zchide table tr td { border-right: 1px solid #e5e5e5; } .zchide table tr td:last-child { border-right: 0; padding: 0 5px; } .zchide table tr td:first-child { font-size: 14px; color: #333; font-weight: bold; width: 200px; text-align: center; vertical-align: middle; } .zchide input { display: inline-block; width: 14px !important; height: 14px !important; float: none !important; } .register-box .box input { width: 65%; padding-left: 15px; } .register-box .box input[type="checkbox"] { width: 16px; padding-left: 15px; } .register-box .box input[type="radio"] { width: auto; padding-left: 15px; width: 16px; } .laydate_body .laydate_box { width: 243px; } .laydate_body .laydate_y { width: 122px; } .laydate_body .laydate_m { width: 100px; } .tab { width: 800px; height: 40px; } .login_title a { color: #333; padding-right: 25px; } .yzm_img { width: 33%; height: 40px; float: left; margin-left: 5%; } .yzm_img img { width: 100%; height: 40px; } .login_title .hovera { color: #10a1da; border-bottom: 2px solid #10a1da; } .yzbox_smq { margin: 10px 0; padding: 5px 0; background: #ffebeb url("/memberspqtstccom/img/error2.png") no-repeat; color: #e4393c; border: 1px solid #faccc6; padding-left: 45px; font-size: 14px; line-height: 25px; background-position: 20px 5px; } /*同步样式*/ .login_title { padding: 0; } .login_title a { text-align: center; padding: 0; width: 49%; display: inline-block; height: 45px; line-height: 45px; } .sq_yq { display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center; color: #fff; line-height: 30px; font-size: 20px; background: #10a1da; margin-right: 5px; } .sq_yq img { margin-right: 0 !important; margin-left: 3px; margin-top: -2px; } @media screen and (max-width:1024px) { .register-box .box input, .wzc { width: 63%; } } @media screen and (max-width:768px) { .show_header { height: 0 !important; } .register-body { width: 100%; } .qyzc_form label { width: 100%; text-align: left; } .register-box { margin-bottom: 0; } .register-box .box { margin-left: 0; width: 100%; } .xc_sele { width: 97%; } .register-box .box input { width: 92%; } #mainForm label.error { width: 72%; left: inherit; right: 15px; text-align: right; } .select_3 { width: 31.5%; } .wzc { width:92%; } .tj_but { width: 30% !important; } .register-box.xieyi label { height: 0; } .register-box.xieyi .box { margin: 20px 0; } } /*** 弹出框样式 ***/ .alert-back{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; } .alert-box{ position: absolute; top: 20%; left: 25%; width: 50%; min-height: 100px; overflow: hidden; border: solid 1px #eee; border-radius: 5px; background: #fff; } .close-btn{ width: 25px; height: 25px; font-size: 20px; float: right; background: none; border: 0; outline: none; cursor: pointer; } .alert-text{ width: 95%; overflow: hidden; margin: 0 auto; margin-top: 25px; font-size: 14px; color: #666; line-height: 30px; } /*** 弹出框样式 end ***/