/*注册页面F5F5F5*/ i { font-style: normal; } ::-webkit-input-placeholder { color: #ccc; font-size: 14px; } :-ms-input-placeholder { color: #ccc; font-size: 14px; } ::-ms-input-placeholder { color: #ccc; font-size: 14px; } ::placeholder { color: #ccc; font-size: 14px; } .check { display: inline-block; vertical-align: middle; margin-right: 5px; } .about_main_o { padding: 60px 0; } .login_body { background-color: #fff; } .sign_up_box .sign_centent {} .sign_up_box .sign_centent .sign_left { float: left; padding-top: 0 !important; } .sign_left .sign_nav { /*border-bottom:1px solid #DADADA;*/ width: 588px; } .sign_left .sign_nav li { float: left; /*margin-bottom:-1px;*/ } .sign_left .sign_nav li a { cursor: pointer; } .sign_left .sign_nav li a:focus { outline: none; } .sign_left .sign_form .w99 { line-height: 36px; font-size: 14px; float: left; text-align: right; width: 120px; } .sign_left .sign_form .w99 span { margin-right: 5px; color: #E94F8B } .sign_left .sign_form li { position: relative; } .sign_form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 50px; } .sign_form .title { font-size: 22px; font-weight: 500; text-align: center; line-height: 30px; } .sign_form .warninfo { font-size: 12px; color: #999; line-height: 17px; margin-top: 8px; } .sign_form ul { margin-top: 20px; } /*注册页面输入框+按钮样式*/ .sign_up_input_name { width: 208px; font-size: 14px; padding: 10px 32px 10px 13px; border: 1px solid #ccc; border-radius: 3px; background: url(../imgs/48.gif) 215px 8px no-repeat #fff; } .sign_up_input_pwd { width: 208px; font-size: 14px; padding: 10px 32px 10px 13px; border: 1px solid #ccc; border-radius: 3px; background: url(../imgs/49.gif) 220px 8px no-repeat #fff; } .sign_up_input_mobile { width: 208px; font-size: 14px; padding: 10px 32px 10px 13px; border: 1px solid #ccc; border-radius: 3px; background: url(../imgs/mobile.gif) 220px 8px no-repeat #fff; } .sign_up_input_mail { width: 208px; font-size: 14px; padding: 10px 32px 10px 13px; border: 1px solid #ccc; border-radius: 3px; background: url(../imgs/50.gif) 220px 10px no-repeat #fff; } .sign_up_input_yz { width: 208px; font-size: 14px; padding: 10px 32px 10px 13px; border: 1px solid #ccc; border-radius: 3px; background: url(../imgs/yz.gif) 215px 7px no-repeat #fff; } .form_ico { background: url(../imgs/s_form.png) no-repeat; width: 20px; height: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .form_ico_name { background-position: -66px 0; } .form_ico_mobile { background-position: 0px 0; } .form_ico_decode { background-position: -44px 0; } .form_ico_lock { background-position: -66px 0; } .form_ico_pwd { background-position: -22px 0; } .form_ico_mail { background-position: -88px 0; } .sign_up_but_sign, .sign_up_but_gray { width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; color: #fff; line-height: 40px; font-size: 16px; font-weight: bold; background-color: #017FCF; border: 0; text-align: center; cursor: pointer; } .sign_up_but_gray { background: #ccc; color: #fff; } .sign_up_but_sign:hover { background-color: #006FBD; } .sign_left_login { float: right; margin-left: 10px; } .sign_up_but_login { width: 120px; height: 32px; color: #fff; line-height: 32px; font-size: 14px; background-color: #017FCF; border: 0; text-align: center; cursor: pointer; } .sign_form li.has-error { margin-top: 20px; } .sign_form .h30 { /* display: flex; */ /* float: left; */ /* width: 400px; */ min-height: 72px; } /* .sign_form .h30.hyz { width: 360px; } */ .sign_form .input_control { position: relative; width: 300px; height: 48px; border: 1px solid #D3D8DC; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .sign_form .textarea_control { position: relative; float: left; width: 400px; height: auto; padding: 10px; border: 1px solid #D3D8DC; background-color: #fff; } .sign_form .input_control .input_tips { width: 200px; height: 36px; line-height: 36px; background-color: #fff; color: #ccc; font-size: 14px; position: absolute; top: 1px; left: 4px; } .sign_form .textarea_control .input_tips { width: 200px; height: 36px; line-height: 36px; background-color: #fff; color: #ccc; font-size: 14px; position: absolute; top: 1px; left: 10px; } .sign_form .form_err_hint { line-height: 20px; color: #ff0000; font-size: 13px; } .textarea .form_err_hint { left: 235px !important; top: 108px; } .sign_form .input_control_err { border: 1px solid #ff0000 !important; } .sign_form .input_addon { float: left; padding-left: 5px; } .sign_form .captcha_img { float: left; border: 1px solid #e1e1e1; height: 39px; margin-right: 5px; width: 94px; } .sign_form .captcha_chg { float: left; line-height: 41px; color: #3d9fe1; font-size: 14px; display: block; } .sign_form .input_box { float: left; } .sign_form .input_txt { display: block; border: none; padding: 0 10px; font-size: 14px; width: 100%; line-height: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* .sign_form .input_txt.mobile { width: 120px; } */ .sign_form .textarea_control .input_txt { float: left; border: none; font-size: 12px; width: 100%; min-height: 80px; line-height: 20px; } .sign_form .form_ico { float: left; margin-right: 5px; } .sign_form .input_box .sign_up_input_varcode { display: block; float: left; width: 100px; margin-right: 14px; font-size: 14px; padding: 10px 8px 10px 8px; border: 1px solid #ccc; border-radius: 3px; } .sign_form .input_box .var_code { float: left; margin-top: 2px; margin-right: 8px; width: 75px; height: 32px; } .sign_form .input_box p { float: left; font-size: 12px; margin-top: 2px; line-height: 18px; color: #848484; } .sign_form .input_box p a { color: #848484; text-decoration: none; } .sign_form .user_agree { margin-top: 10px; font-size: 12px; color: #666; line-height: 17px; text-align: center; } .sign_form .user_agree a { color: #009900; text-decoration: none; } .sign_form .user_agree a:hover { text-decoration: underline; } .sign_form .user_agree input { margin-right: 5px; } .sign_form .user_agree .check { position: relative; top: -1px; width: 14px; height: 14px; margin-top: 0; margin-right: 0; border: none; background: url("../images/nocheck.png") center no-repeat; background-size: 100% auto; } .sign_form .user_agree .check.on { background-image: url("../images/checked.png") } /*右边快速登录样式*/ .sign_up_box .sign_right { float: left; font-size: 14px; padding-left: 25px; } .sign_right .fast_login { border-bottom: 1px dashed #656565; padding-bottom: 30px; } .sign_right .fast_login .title { font-size: 16px; margin-bottom: 20px; } .sign_right .other_sign { margin-top: 30px; } .sign_right .other_sign p { line-height: 30px; padding-left: 10px; background: url(../imgs/41.gif)left center no-repeat; } .sign_right .other_sign p a { margin-left: 10px; text-decoration: none; color: #1877AF; } .content_box p { margin-top: 25px; margin-bottom: 20px; color: #ADADAD; } .content_box li { text-indent: -9999px; float: left; margin-right: 20px; *margin-right: 7px; } .content_box li a { display: block; width: 63px; height: 24px; } .content_box li a.qq { background: url(../imgs/47.gif) 0px 0px no-repeat; } .content_box li a.weibo { background: url(../imgs/47.gif) 0px -38px no-repeat; } .content_box li a.taobao { background: url(../imgs/47.gif) 0px -76px no-repeat; } .sign_form .input_addon { float: left; padding-left: 10px; } .sign_form .btn_captcha { position: absolute; right: 5px; top: 5px; width: 100px; height: 36px; line-height: 36px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; letter-spacing: 1px; } .uc_btn_orange { background-color: #f9aa00; color: #fff; font-size: 14px; } .uc_btn_orange:hover { background-color: #f60; color: #fff; } .uc_btn_gray, .uc_btn_gray:hover { background-color: #ccc; color: #fff; cursor: default; } .sign_form .item-tip { float: left; } .sign_form .item-tip label.error { color: #FF0000; display: block; height: 32px; line-height: 32px; padding-left: 10px; font-size: 13px; } .sign_form .item-tip label.success { background: url("../imgs/42.gif") no-repeat scroll 0 8px; border: 0 none; padding-left: 16px; margin-left: 10px; display: block; } /*新的的注册样式*/ .sign_lgo { float: left; position: relative; } .back-to-index { width: 49px; height: 19px; background: url(../imgs/back-to-index.gif) no-repeat top left; position: absolute; top: 20px; right: -55px; } .reg_type { float: left; display: inline; margin: 8px 0 8px 75px; height: 54px; line-height: 54px; font-size: 24px; color: #666; font-family: "microsoft yahei"; padding-left: 18px; border-left: 2px solid #E3E3E3; } .sign_form .input_member { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sign_form .input_member a { cursor: pointer; width: 145px; -webkit-box-sizing: border-box; box-sizing: border-box; } .sign_form .input_member a { text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-decoration: none; border: 2px solid #E3E3E3; background-color: #E3E3E3; } .sign_form .input_member a.select { border-color: #0180CF; color: #666; background: url(../imgs/13.gif) no-repeat right -230px #FFF; } .XMDialogOverlay { background: #000; } .xm_dialog { background: #fff; -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, .4); box-shadow: 3px 3px 8px rgba(0, 0, 0, .4); z-index: 1001; } .xm_dialog .dialog_title { height: 30px; padding-top: 10px; overflow: hidden; font-size: 14px; color: #fff; background: #017fcf; } .xm_dialog .dialog_title i.icon { width: 10px; height: 16px; line-height: 16px; margin: 4px 5px 0 15px; background: url(../imgs/sprite_dialog.png) no-repeat -90px -70px; *margin-top: 0; } .xm_dialog .dialog_title a { width: 21px; height: 21px; margin-right: 13px; background: url(../imgs/sprite_dialog.png) no-repeat; background-position: -90px -40px; } .xm_dialog .dialog_title a:hover { background-position: -90px -10px; } .xm_dialog .alert_body { padding: 50px 55px 55px; position: relative; overflow: hidden; } .xm_dialog .alert_body i.icon { display: block; width: 72px; height: 72px; margin: -36px 20px 0 0; background: url(../imgs/sprite_dialog.png) no-repeat; position: absolute; top: 50%; left: 60px; *zoom: 1; } .xm_dialog .alert_body i.i_right { background-position: -10px -10px; } .xm_dialog .alert_body i.i_warn { background-position: -10px -90px; } .xm_dialog .alert_body i.i_error { background-position: -10px -170px; } .xm_dialog .alert_body .dialog_info { padding-left: 92px; line-height: 24px; font-weight: bolder; font-size: 14px; color: #525252; } .xm_dialog .dialog_btn { height: 60px; padding-top: 20px; background: #f7f7f7; text-align: center; } .xm_dialog .dialog_btn .award_link, .xm_dialog .dialog_btn .btn_order { width: 130px; height: 40px; line-height: 40px; background: #ff7200; font-size: 14px; color: #fff; border: none; margin-right: 5px; } .xm_dialog .dialog_btn .award_link:hover, .xm_dialog .dialog_btn .btn_order:hover { background: #d93600; text-decoration: none; } .xm_dialog .dialog_btn .link2 { color: #2b8cc9; margin-left: 15px; } .xm_dialog .dialog_btn .link2:hover { color: #ff6600; } .xm_dialog .dialog_btn .btn { width: 130px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; } .xm_dialog .dialog_btn .c1 { background: #2b8cc9; } .xm_dialog .dialog_btn .c1:hover { background: #257bb4; } .xm_dialog .dialog_btn .c2 { background: #ff7200; } .xm_dialog .dialog_btn .c2:hover { background: #d93600; } .xm_dialog .dialog_btn .c3 { background: #ccc; } .xm_dialog .dialog_btn .c3:hover { background: #ddd; } .xm_dialog .reg_success { padding: 20px 30px; font-size: 14px; } .xm_dialog .reg_success p { margin: 0; line-height: 30px; } .xm_dialog .reg_success_hint { text-align: center; color: #525252; padding-top: 25px; padding-bottom: 28px; } .f_f60 { color: #f60; } .f_ib { display: inline-block; *display: inline; *zoom: 1; } .about_mains { /* height: px; */ width: 100%; overflow: hidden; position: relative; background-color: #f7f9fc; } .about_mains .wall { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; opacity: .2; background-image: url("../images/wall-1.png"); background-repeat: repeat; background-position: 50% 60%; } .reg_container { width: 800px; position: relative; z-index: 99; padding: 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 30px; margin: 100px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1); } .sign_right { /* margin-right: 30px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 20px; border-right: 1px dashed #e2e2e2; } .sign_right .sign_item { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sign_right .sign_item.top { margin-top: 50px; } .sign_right .sign_item i { font-size: 60px; margin-right: 5px; color: #EA0604; } .sign_right .sign_item p { font-size: 18px; color: #999; } .sign_right .sign_item p.title { font-size: 24px; font-weight: 500; color: #333; } .pwdlogin { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #999; padding: 5px 15px; border-radius: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .05); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .05); } .pwdlogin i { font-size: 14px; margin-right: 5px; } #aliyunCaptcha-mask { z-index:  1000000 !important; } #aliyunCaptcha-window-popup { z-index: 1000001 !important; }