/*注册页面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: #EA0604; 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; }