ぷ行走de猫げ

在快乐中成长,在快乐中学习!

注册页面2

// JavaScript Document
//register.js
//registera
$.extend({
    doUpdate:function(num) {
        var sec = 60;
        if(num == sec) {
            alert('验证码过期,请重新获取!');
            $('#timer').text('');
            $('#sendSMS').show();
          }
        else {
         var wut = sec - num;
         $('#timer').text("如果您在(" + wut + ")秒内没有收到短信,可以重新获取。");
        }
       }
});
$(document).ready(function(){
   $.validator.addMethod(
  "username", //验证方法名称
  function(value, element, param) {//验证规则
  return /^[a-zA-Z]{1}[a-zA-Z0-9_]+$/.test(value);
 }, 'false'//验证提示信息
 );
    $.validator.addMethod(
  "passwd", //验证方法名称
  function(value, element, param) {//验证规则
     if (/^[0-9]+$/.test(value) || /^[a-z]+$/.test(value) || /^[A-Z]+$/.test(value) || /^[_]+$/.test(value))
         return false;
     return /^([a-zA-Z0-9_!@#$%^&*.]+)$/.test(value);
 }, 'false'//验证提示信息
    );
    $.validator.addMethod(
            "mobile", //验证方法名称
            function(value, element, param) {//验证规则
                return /^([1]{1}[0-9]{10})$/.test(value);
        }, 'false'//验证提示信息
        );
   
  //registerb.js
   
    //forgotpasswd.js
    $('#forMail').click(function(){
        $('#getPassByMobile').hide();
        $('#forMobile').attr('class','');
        $(this).addClass('on');
        $('#getPassByEmail').show();
        $('#method').val('1');
        $('#getPassByEmail').validate().resetForm();
    });
    $('#forMobile').click(function(){
        $('#getPassByEmail').hide();
        $('#forMail').attr('class','');
        $(this).addClass('on');
        $('#getPassByMobile').show();
        $('#method').val('2');
        $('#getPassByMobile').validate().resetForm();
    });
    $('#mobile_submit').click(function(){
        $('#resetpasswdbymobile').submit();
    });
    $('#email_submit').click(function(){
        $('#resetpasswdbyemail').submit();
    });
    $('#forgotPasswdSubmit').click(function(){
        if ($('#method').val() == 2){
            $('#forgotpasswdMobileForm').submit();
        }
        if ($('#method').val() == 1){
            $('#forgotpasswdEmailForm').submit();
        }
    });
    $('.z_pw_tab_l li').click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        var numm=$(this).index();
        if(numm==1){
            $('.z_pw_tab_l li.on dl.z_pw_dl').css('backgroundPosition','0','-100');
            }
        var ztab=$('.z_pw_tab_r').children('.z_pw_tab_r_in');
        ztab.eq(numm).show().siblings().hide();
       
                })  ;
});

 

 

BODY {
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "宋体", Arial, Helvetica, sans-serif; COLOR: #555555; FONT-SIZE: 12px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
UL {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
LI {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DL {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DD {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DT {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
FORM {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
P {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H1 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H2 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H3 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H4 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H5 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
H6 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
h7 {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
INPUT {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
SELECT {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
PRE {
 PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.clear {
 LINE-HEIGHT: 1px; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden
}
A:link {
 TEXT-DECORATION: none
}
A:visited {
 TEXT-DECORATION: none
}
A:hover {
 COLOR: #d76e00; TEXT-DECORATION: underline
}
A:active {
 COLOR: #d76e00; TEXT-DECORATION: underline
}
A IMG {
 BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.layout {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 1090px
}
.btn {
 ZOOM: 1; DISPLAY: inline-block
}
.btn SPAN {
 ZOOM: 1; DISPLAY: inline-block
}
#header {
 POSITION: relative; MARGIN: 0px auto; HEIGHT: 465px
}
#nav_and_login {
 Z-INDEX: 9999; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; HEIGHT: 50px; TOP: 22px; PADDING-TOP: 0px
}
#nav_and_login #logo {
 PADDING-LEFT: 20px; WIDTH: 212px; FLOAT: left
}
#nav A {
 COLOR: #fff
}
#nav_and_login #nav {
 FLOAT: left; FONT-SIZE: 0px; PADDING-TOP: 4px
}
#nav_and_login #nav LI.nat {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; ZOOM: 1; DISPLAY: inline-block; HEIGHT: 25px; PADDING-TOP: 7px
}
#nav_and_login #nav LI.nat A.bold {
 PADDING-BOTTOM: 2px; LINE-HEIGHT: normal; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; ZOOM: 1; DISPLAY: inline; FONT-FAMILY: "微软雅黑"; HEIGHT: 25px; FONT-SIZE: 16px; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#nav_and_login #nav LI.nat A.on {
 BORDER-BOTTOM: #fff 2px solid; PADDING-BOTTOM: 0px; MARGIN-TOP: 0px
}
#nav_and_login #nav LI.overr.nat {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(http://images.cnblogs.com/default/navBg.png); PADDING-TOP: 7px
}
#nav_and_login #nav LI.overr.nat A.bold {
 Z-INDEX: 9999; POSITION: relative; FILTER: alpha(opacity=90); PADDING-BOTTOM: 9px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #eff5fb; COLOR: #303030; PADDING-TOP: 3px; opacity: 0.85
}
#nav_and_login #nav LI.overr.nat A.bold {
 
}
#nav_and_login #login {
 LINE-HEIGHT: 20px; FLOAT: right; FONT-SIZE: 0px; PADDING-TOP: 10px
}
#nav_and_login #login A {
 LINE-HEIGHT: 18px; DISPLAY: block; FLOAT: left; COLOR: #b1c9e9; FONT-SIZE: 12px; MARGIN-RIGHT: 15px; TEXT-DECORATION: none
}
#nav_and_login #login A:hover {
 TEXT-DECORATION: underline
}
#nav_and_login #login LI SPAN {
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; DISPLAY: block; FLOAT: left; HEIGHT: 20px; COLOR: #b1c9e9; FONT-SIZE: 12px; PADDING-TOP: 10px
}
#imgSlider {
 POSITION: absolute; MARGIN: 0px auto; HEIGHT: 465px; OVERFLOW: hidden; TOP: 0px
}
#imgSlider .scroll_img_list {
 ZOOM: 1; DISPLAY: inline-block; WHITE-SPACE: nowrap; FONT-SIZE: 0px
}
#imgSlider .scroll_img_list LI {
 ZOOM: 1; DISPLAY: inline-block; HEIGHT: 465px
}
#imgSlider .scroll_dot_list {
 POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 20px; LEFT: 0px
}
#imgSlider .scroll_dot_list LI {
 WIDTH: 20px; ZOOM: 1; DISPLAY: inline-block; HEIGHT: 20px; CURSOR: pointer
}
#imgSlider .scroll_dot_list LI SPAN {
 WIDTH: 20px; ZOOM: 1; DISPLAY: inline-block; HEIGHT: 20px; CURSOR: pointer
}
#imgSlider .scroll_dot_list LI SPAN {
 BACKGROUND: url(http://images.cnblogs.com/default/banner/z_sroll.png) no-repeat center center
}
#imgSlider .scroll_dot_list LI SPAN.on {
 BACKGROUND: url(http://images.cnblogs.com/default/banner/z_sroll_on.png) no-repeat center center
}
#footer {
 MARGIN-TOP: 30px; BACKGROUND: #494949; HEIGHT: 65px; PADDING-TOP: 15px
}
#footer .share {
 FLOAT: right
}
#footer .share SPAN {
 VERTICAL-ALIGN: middle; MARGIN-RIGHT: 10px
}
#footer .share IMG {
 VERTICAL-ALIGN: middle; MARGIN-RIGHT: 10px
}
#footer P {
 COLOR: #fff
}
#footer A {
 COLOR: #fff
}
.share1 {
 MARGIN-TOP: 3px; WIDTH: 16px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -267px -1px; HEIGHT: 16px
}
.share2 {
 MARGIN-TOP: 3px; WIDTH: 16px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -267px -41px; HEIGHT: 16px
}
.share3 {
 MARGIN-TOP: 3px; WIDTH: 16px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -267px -121px; HEIGHT: 16px
}
.share4 {
 MARGIN-TOP: 3px; WIDTH: 16px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -267px -161px; HEIGHT: 16px
}
.item .item_tit {
 BORDER-BOTTOM: #b1c9e9 1px solid; LINE-HEIGHT: normal; PADDING-RIGHT: 8px; HEIGHT: 31px; _overflow: hidden
}
.item .item_tit .ext {
 LINE-HEIGHT: 30px; FLOAT: right; PADDING-TOP: 5px
}
.item .item_tit .ext A {
 COLOR: #13508e
}
.item .item_tit .ext A:hover {
 COLOR: #d76e00
}
.item .item_tit UL {
 LINE-HEIGHT: normal; FONT-SIZE: 0px
}
.item .item_tit UL LI {
 PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; ZOOM: 1; DISPLAY: inline-block; WHITE-SPACE: nowrap; FONT-SIZE: 0px; MARGIN-RIGHT: 10px; PADDING-TOP: 5px; _height: 18px; _padding: 4px 0 2px
}
.item .item_tit UL LI * {
 ZOOM: 1; DISPLAY: inline-block; FLOAT: none
}
.item .item_tit UL LI SPAN {
 BORDER-BOTTOM: #f7f7f7 2px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: "微软雅黑"; COLOR: #000; FONT-SIZE: 13px; VERTICAL-ALIGN: middle; PADDING-TOP: 1px
}
.item .item_tit UL LI P.split {
 WIDTH: 1px; BACKGROUND: #dde4ec; HEIGHT: 14px; VERTICAL-ALIGN: middle
}
.item .item_tit UL LI.on {
 BORDER-BOTTOM: #b1c9e9 2px solid
}
.item .item_tit UL LI.on SPAN {
 FONT-SIZE: 15px; FONT-WEIGHT: bold
}
.item_cont UL LI A {
 COLOR: #555555
}
.item_cont UL LI A:hover {
 COLOR: #d76e00
}
.item3 .item_tit {
 BORDER-BOTTOM: #b1c9e9 1px solid; LINE-HEIGHT: normal; PADDING-RIGHT: 8px; HEIGHT: 31px
}
.item3 .item_tit .ext {
 LINE-HEIGHT: 30px; FLOAT: right
}
.item3 .item_tit .ext A {
 COLOR: #808080
}
.item3 .item_tit UL {
 LINE-HEIGHT: normal; FONT-SIZE: 0px
}
.item3 .item_tit UL LI {
 PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; ZOOM: 1; DISPLAY: inline-block; WHITE-SPACE: nowrap; FONT-SIZE: 0px; CURSOR: pointer; MARGIN-RIGHT: 10px; PADDING-TOP: 5px; _height: 18px; _padding: 4px 0 2px
}
.item3 .item_tit UL LI * {
 ZOOM: 1; DISPLAY: inline-block; FLOAT: none
}
.item3 .item_tit UL LI SPAN {
 BORDER-BOTTOM: #f7f7f7 2px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: "微软雅黑"; COLOR: #000; FONT-SIZE: 13px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
.item3 .item_tit UL LI P.split {
 WIDTH: 1px; BACKGROUND: #dde4ec; HEIGHT: 14px; VERTICAL-ALIGN: middle
}
.item3 .item_tit UL LI.on {
 BORDER-BOTTOM: #b1c9e9 2px solid
}
.item3 .item_tit UL LI.on SPAN {
 FONT-SIZE: 15px; FONT-WEIGHT: bold
}
.z_ser_btn {
 Z-INDEX: 9999; POSITION: fixed; TOP: 257px; LEFT: -237px; _position: absolute
}
.fr {
 FLOAT: right
}
.fl {
 FLOAT: left
}
#head {
 Z-INDEX: 9999; POSITION: relative
}
.inputbox {
 LINE-HEIGHT: 23px; HEIGHT: 23px
}
.cloud_header {
 BACKGROUND: url(http://images.cnblogs.com/default/cloudheader_bg.jpg) repeat-x 0px 0px; HEIGHT: 70px; PADDING-TOP: 22px
}
.Navigation {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 1090px; HEIGHT: 50px
}
.Navigation .logo {
 PADDING-LEFT: 20px; FLOAT: left
}
.Navigation .NavigationClass {
 FLOAT: left; HEIGHT: 50px; MARGIN-LEFT: 39px
}
.Navigation .NavigationClass UL {
 MARGIN-TOP: 5px
}
.Navigation .NavigationClass LI {
 PADDING-BOTTOM: 0px; MARGIN: 0px 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: left; HEIGHT: 25px; PADDING-TOP: 5px
}
.Navigation .NavigationClass LI A {
 FONT-FAMILY: 微软雅黑; HEIGHT: 25px; COLOR: #fff; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.Navigation .NavigationClass LI.on A {
 BORDER-BOTTOM: #fff 2px solid; PADDING-BOTTOM: 0px; _padding-bottom: 0px
}
.Navigation .NavigationClass LI.overr {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(http://images.cnblogs.com/default/navBg.png); COLOR: #4c4c4c !important; PADDING-TOP: 7px
}
.Navigation .NavigationClass LI.overr A.bold {
 Z-INDEX: 9999; BORDER-BOTTOM: medium none; POSITION: relative; FILTER: alpha(opacity=90); PADDING-BOTTOM: 8px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #eff5fb; COLOR: #4c4c4c !important; PADDING-TOP: 3px; opacity: 0.85
}
.Navigation .login {
 LINE-HEIGHT: 35px; MARGIN-TOP: 5px; WIDTH: auto; FLOAT: right; HEIGHT: 35px; COLOR: #fff; FONT-SIZE: 16px; MARGIN-RIGHT: 15px
}
.sButton {
 MARGIN-LEFT: 50px
}
.sButton A {
 MARGIN-TOP: 2px; FONT-FAMILY: 宋体; FLOAT: right; COLOR: #b1c9e9 !important; MARGIN-LEFT: 10px; FONT-SIZE: 12px; MARGIN-RIGHT: 4px
}
.sButton INPUT {
 BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 36px; WIDTH: 109px; WHITE-SPACE: nowrap; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -408px -336px; FLOAT: right; HEIGHT: 33px; COLOR: #fff; MARGIN-LEFT: 8px; FONT-SIZE: 12px; BORDER-TOP: 0px; CURSOR: pointer; MARGIN-RIGHT: 13px; BORDER-RIGHT: 0px
}
.z_head_right {
 LINE-HEIGHT: 21px; FONT-FAMILY: 微软雅黑; FLOAT: right; COLOR: #d7e5f6; PADDING-TOP: 10px
}
.z_head_right SPAN {
 FONT-SIZE: 21px
}
.sButton INPUT.dl_btn01 {
 BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 35px; WIDTH: 109px; WHITE-SPACE: nowrap; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -408px -389px; HEIGHT: 33px; COLOR: #5a5a5a; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.lmq_denglu_kuang {
 Z-INDEX: 9999; POSITION: absolute; DISPLAY: none; TOP: 32px; RIGHT: 66px; _right: 77px
}
.lmq_denglu_kuang_top {
 WIDTH: 327px; BACKGROUND: url(http://images.cnblogs.com/default/login_bg_top.png) no-repeat 0px -3px; HEIGHT: 4px; OVERFLOW: hidden; _height: 3px
}
.lmq_login_title {
 BORDER-BOTTOM: #b1c9e9 1px solid; FONT-FAMILY: "宋体"; MARGIN-BOTTOM: 5px; HEIGHT: 28px; COLOR: #5a5a5a; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.lmq_login_title SPAN {
 BORDER-BOTTOM: #b1c9e9 2px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; FLOAT: left; HEIGHT: 26px; PADDING-TOP: 0px
}
.lmq_login_ts {
 BORDER-BOTTOM: #dedec2 1px solid; BORDER-LEFT: #dedec2 1px solid; LINE-HEIGHT: 22px; MARGIN: 0px; PADDING-LEFT: 22px; DISPLAY: none; BACKGROUND: url(http://images.cnblogs.com/default/ico1.jpg) #fff8e5 no-repeat 3px center; BORDER-TOP: #dedec2 1px solid; BORDER-RIGHT: #dedec2 1px solid
}
.lmq_login_inpt01 {
 HEIGHT: 45px; COLOR: #5a5a5a
}
DIV.lmq_login_ipsbg {
 WIDTH: 212px; HEIGHT: 35px
}
SPAN.login_span {
 PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: right; COLOR: #5a5a5a; FONT-SIZE: 14px; PADDING-TOP: 5px
}
.lmq_login_ips {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; MARGIN-TOP: 2px; PADDING-LEFT: 4px; WIDTH: 200px; PADDING-RIGHT: 4px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 18px; MARGIN-LEFT: 2px; FONT-SIZE: 14px; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 5px
}
.blcol {
 COLOR: #b2b2b2
}
.lmq_login_buta {
 TEXT-ALIGN: center; WIDTH: 98px; DISPLAY: block; HEIGHT: 38px; MARGIN-LEFT: 20px
}
.lmq_login_inclick {
 BACKGROUND: url(http://images.cnblogs.com/default/login_input_border02.gif) no-repeat 0px 0px
}
.lmq_denglu_kuang_milde {
 FILTER: alpha(opacity=95); PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; WIDTH: 307px; PADDING-RIGHT: 10px; BACKGROUND: #fafcff; PADDING-TOP: 0px; opacity: 0.95
}
.lmq_login_wj {
 LINE-HEIGHT: 38px; FLOAT: left
}
.login_denglu_w {
 WIDTH: 98px; FLOAT: left; MARGIN-LEFT: 15px; MARGIN-RIGHT: 28px; _margin-right: 14px
}
.login_denglu_w A {
 LINE-HEIGHT: 38px
}
.login_denglu_w A:hover {
 CURSOR: pointer; TEXT-DECORATION: none
}
.lmq_login_wj A {
 COLOR: #3366cc; TEXT-DECORATION: underline
}
.lmq_login_wj A:hover {
 COLOR: #006efe
}
P.lmq_login_no {
 PADDING-BOTTOM: 8px; LINE-HEIGHT: 26px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 26px; CLEAR: both; PADDING-TOP: 8px; _padding: 4px 0
}
P.lmq_login_no A {
 COLOR: #006efe; TEXT-DECORATION: underline
}
.lmq_login_butp {
 ZOOM: 1; MARGIN-BOTTOM: 20px; MARGIN-LEFT: 36px; OVERFLOW: hidden
}
.l_login_wjh {
 BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 4px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #cf2222; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px; _margin-bottom: 4px
}
.l_login_wjh A:link {
 COLOR: #3366cc; FONT-SIZE: 13px; TEXT-DECORATION: underline
}
.l_login_wjh A:visited {
 COLOR: #3366cc; FONT-SIZE: 13px; TEXT-DECORATION: underline
}
.lmq_login_ts01 {
 BORDER-BOTTOM: #df7960 1px solid; BORDER-LEFT: #df7960 1px solid; BACKGROUND: url(http://images.cnblogs.com/default/z_fai_icol.png) #fdedf1 no-repeat 3px center; BORDER-TOP: #df7960 1px solid; BORDER-RIGHT: #df7960 1px solid
}
.z_auto {
 MARGIN: 20px auto auto
}
.z_header_loginTable {
 MARGIN-TOP: 0px; WIDTH: 280px; BORDER-COLLAPSE: collapse; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 0px
}
.z_header_loginTable TR TD {
 PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
.lmq_denglu_kuang2 {
 Z-INDEX: 9999; POSITION: absolute; DISPLAY: none; TOP: 32px; RIGHT: 91px; _right: 98px
}
.z_topbtn {
 MARGIN-TOP: -5px
}
.z_topbtn A {
 MARGIN-TOP: 10px
}
.z_topbtn DIV {
 TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 109px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -408px -336px; FLOAT: left; HEIGHT: 24px; COLOR: #fff; FONT-SIZE: 12px; CURSOR: pointer; MARGIN-RIGHT: 15px; PADDING-TOP: 8px; _margin-right: 2px; _height: 25px; _line-height: 18px; _padding-top: 9px
}
.z_topbtn DIV.dl_btn01 {
 BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -408px -389px; HEIGHT: 24px; COLOR: #5a5a5a
}
.z_topbtn UL LI {
 MARGIN: 0px 4px; FLOAT: left
}
.z_kf_main {
 WIDTH: auto
}
.z_kf_l {
 POSITION: absolute; WIDTH: 40px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -738px 0px; HEIGHT: 101px; TOP: 0px; CURSOR: pointer; LEFT: 237px
}
.z_kf_r {
 Z-INDEX: 99; POSITION: relative; WIDTH: 237px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -500px 0px; HEIGHT: 214px; TOP: 0px; LEFT: 0px
}
.kfclose {
 POSITION: absolute; LINE-HEIGHT: 18px; WIDTH: 42px; BOTTOM: 8px; PADDING-RIGHT: 6px; HEIGHT: 18px; CURSOR: pointer; RIGHT: 5px
}
.z_kf_c {
 POSITION: absolute; TOP: 20px; LEFT: 35px
}
.z_kf_c H1 {
 FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #0c53b0; FONT-SIZE: 21px; FONT-WEIGHT: bold
}
.z_kf_c P.pz {
 LINE-HEIGHT: 23px; FONT-FAMILY: 宋体; COLOR: #333333; FONT-SIZE: 12px
}
.z_kfbtn {
 POSITION: absolute; TOP: 120px; LEFT: 5px
}
.z_kfbtn A {
 MARGIN: 0px 11px
}
.z_kf_phone {
 MARGIN-TOP: 3px; PADDING-LEFT: 20px; WIDTH: 160px; FONT-FAMILY: 宋体; BACKGROUND: url(http://images.cnblogs.com/default/kf/kf_ico1.gif) no-repeat 0px 4px; HEIGHT: 23px; COLOR: #1a1a1a; MARGIN-LEFT: 14px
}
.z_kf_phone SPAN.col1 {
 FONT-FAMILY: Arial; COLOR: #f75c08; FONT-SIZE: 16px
}
UL#nav LI {
 POSITION: relative
}
UL#nav LI DIV.top_list {
 Z-INDEX: 999; POSITION: absolute; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: none; BACKGROUND: url(http://images.cnblogs.com/default/navBg.png); TOP: 32px; PADDING-TOP: 5px; LEFT: 0px
}
UL#nav LI DIV.top_list DL.navdl {
 MIN-WIDTH: 200px; MARGIN: 0px 10px; FONT-FAMILY: 微软雅黑; FLOAT: left !important; _width: 200px; _margin: 0px 5px
}
UL#nav LI DIV.top_list DL.navdl DT {
 TEXT-ALIGN: left; PADDING-LEFT: 15px; HEIGHT: 25px; COLOR: #1a66b3; FONT-SIZE: 14px !important; FONT-WEIGHT: bold; PADDING-TOP: 14px
}
UL#nav LI DIV.top_list DL.navdl DD {
 TEXT-ALIGN: left; LINE-HEIGHT: 26px; PADDING-LEFT: 15px; HEIGHT: 26px; OVERFLOW: hidden; TEXT-DECORATION: none
}
UL#nav LI DIV.top_list DL.navdl DD A {
 BORDER-BOTTOM: #fafcff 2px solid; PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 20px; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; HEIGHT: 20px; COLOR: #000; FONT-SIZE: 12px !important; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 0px !important
}
UL#nav LI DIV.top_list DL.navdl DD A:hover {
 BORDER-BOTTOM: #2294e4 2px solid; PADDING-BOTTOM: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #2294e4 !important; PADDING-TOP: 0px !important
}
#NavigationClass UL LI {
 POSITION: relative
}
#NavigationClass UL LI.on A {
 BORDER-BOTTOM: #fff 2px solid; TEXT-DECORATION: none
}
#NavigationClass UL LI DIV.top_list2 {
 Z-INDEX: 999; POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: none; BACKGROUND: url(http://images.cnblogs.com/default/navBg.png); TOP: 32px; PADDING-TOP: 5px; LEFT: 0px
}
#NavigationClass UL LI DIV.top_list2 DL.navdl {
 MIN-WIDTH: 200px; TEXT-ALIGN: left; MARGIN: 0px 10px; FONT-FAMILY: 微软雅黑; FLOAT: left; _width: 200px; _margin: 0px 5px
}
#NavigationClass UL LI DIV.top_list2 DL.navdl DT {
 TEXT-ALIGN: left; PADDING-LEFT: 15px; HEIGHT: 25px; COLOR: #1a66b3; FONT-SIZE: 14px !important; FONT-WEIGHT: bold; PADDING-TOP: 14px
}
#NavigationClass UL LI DIV.top_list2 DL.navdl DD {
 TEXT-ALIGN: left; LINE-HEIGHT: 26px; PADDING-LEFT: 15px; HEIGHT: 26px; OVERFLOW: hidden; TEXT-DECORATION: none
}
#NavigationClass UL LI DIV.top_list2 DL.navdl DD A {
 BORDER-BOTTOM: #fafcff 2px solid; PADDING-BOTTOM: 0px !important; LINE-HEIGHT: 20px; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; COLOR: #000; FONT-SIZE: 12px !important; TEXT-DECORATION: none; PADDING-TOP: 0px !important
}
#NavigationClass UL LI DIV.top_list2 DL.navdl DD A:hover {
 BORDER-BOTTOM: #2294e4 2px solid; PADDING-BOTTOM: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #2294e4 !important; PADDING-TOP: 0px !important
}
.nav_line {
 MARGIN-TOP: 20px; WIDTH: 5px; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -262px -192px; FLOAT: left; HEIGHT: 332px
}
#goTopBtn A {
 WIDTH: 32px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat 0px -92px; HEIGHT: 30px
}
#goTopBtn A:hover {
 WIDTH: 32px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat 0px -122px; HEIGHT: 30px
}
.lmq_login_ips2 {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; MARGIN-TOP: 2px; PADDING-LEFT: 4px; WIDTH: 96px; PADDING-RIGHT: 4px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 18px; MARGIN-LEFT: 2px; VERTICAL-ALIGN: middle; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 5px
}
.frm {
 MARGIN-TOP: 2px; FLOAT: right
}
.denglu_kuang_bt_btn {
 MARGIN: auto; WIDTH: 219px; HEIGHT: 18px; CURSOR: pointer
}
.toplist_l_s {
 WIDTH: 2px; BACKGROUND: url(http://images.cnblogs.com/default/shadl.png) repeat-y -3px 0px; FLOAT: left; HEIGHT: 410px
}
.toplist_m_s {
 FILTER: alpha(opacity=90); PADDING-BOTTOM: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fafcff; FLOAT: left; PADDING-TOP: 0px; opacity: 0.85; _width: 670px
}
.toplist_r_s {
 WIDTH: 5px; BACKGROUND: url(http://images.cnblogs.com/default/shadr.png) repeat-y 0px 0px; FLOAT: right; HEIGHT: 410px
}
.toplist_b_s {
 WIDTH: 674px; BACKGROUND: url(http://images.cnblogs.com/default/shad_botm.png) repeat-x 0px 0px; HEIGHT: 5px; _width: 678px
}
.cesbg {
 TEXT-ALIGN: center; LINE-HEIGHT: 27px; WIDTH: 124px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -116px -163px; HEIGHT: 27px
}
.loglink {
 LINE-HEIGHT: 38px; FLOAT: left; HEIGHT: 38px
}
.z_tmsg {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 5px
}
.toplogin_bg {
 PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(http://images.cnblogs.com/default/navBg.png); PADDING-TOP: 5px
}
#fooder {
 BACKGROUND: #333333
}
.fooderBg {
 MARGIN: 0px auto; WIDTH: 1140px; HEIGHT: 65px; PADDING-TOP: 10px
}
.fooderBg UL {
 LIST-STYLE-TYPE: none; PADDING-LEFT: 0px
}
.fooderBg .leftContent LI {
 TEXT-ALIGN: center; PADDING-LEFT: 10px; FLOAT: left; COLOR: #dadfeb; FONT-SIZE: 12px
}
.fooderBg .leftContent {
 TEXT-ALIGN: left
}
.fooderBg .rightContent {
 TEXT-ALIGN: right
}
.fooderBg .rightContent LI {
 PADDING-LEFT: 10px; FONT-FAMILY: 宋体; FLOAT: right; COLOR: #dadfeb; FONT-SIZE: 12px
}
.fooderBg .topContent {
 PADDING-LEFT: 25px; PADDING-RIGHT: 25px; HEIGHT: 25px; COLOR: #fff
}
.fooderBg .middleContent {
 PADDING-LEFT: 25px; PADDING-RIGHT: 25px; HEIGHT: 25px; COLOR: #999999
}
.fooderBg .middleContent LI {
 TEXT-ALIGN: center; PADDING-LEFT: 10px; FONT-FAMILY: 宋体; FLOAT: left; FONT-SIZE: 12px
}
.fooderBg .bottomContent {
 PADDING-LEFT: 25px; PADDING-RIGHT: 25px; HEIGHT: 25px; COLOR: #ccc
}
.fooderBg .bottomContent LI {
 TEXT-ALIGN: center; PADDING-LEFT: 10px; FONT-FAMILY: 宋体; FLOAT: left; COLOR: #999999; FONT-SIZE: 12px
}
.fooderBg .leftContent LI A {
 COLOR: #dadfeb; FONT-SIZE: 12px
}
.copyright {
 FONT-FAMILY: Arial; FONT-SIZE: 12px
}
.z_login {
 POSITION: relative; PADDING-BOTTOM: 15px; MARGIN: auto; PADDING-LEFT: 15px; WIDTH: 790px; PADDING-RIGHT: 15px; BACKGROUND: url(http://images.cnblogs.com/default/login_bg.png) no-repeat; HEIGHT: 492px; PADDING-TOP: 15px
}
.z_login_tit {
 PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; WIDTH: auto; PADDING-RIGHT: 20px; FONT-FAMILY: 微软雅黑; BACKGROUND: #e5edf7; COLOR: #333333; FONT-SIZE: 24px; PADDING-TOP: 10px
}
.z_login_text {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 35px; PADDING-LEFT: 5px; WIDTH: 201px; PADDING-RIGHT: 5px; HEIGHT: 35px; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 0px
}
.z_login_text2 {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 35px; PADDING-LEFT: 5px; WIDTH: 87px; PADDING-RIGHT: 5px; HEIGHT: 35px; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 0px
}
.z_loginTable {
 POSITION: absolute; BORDER-COLLAPSE: collapse; TOP: 110px; LEFT: 80px
}
.z_loginTable2 {
 POSITION: absolute; BORDER-COLLAPSE: collapse; TOP: 150px; RIGHT: 100px
}
.z_loginTable TR TD {
 PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 宋体; COLOR: #5a5a5a; FONT-SIZE: 14px; PADDING-TOP: 10px
}
.z_loginTable TR TD INPUT {
 FLOAT: left
}
.frm2 {
 MARGIN-TOP: 2px; FLOAT: left; MARGIN-LEFT: 20px
}
A.z_login_btn {
 WIDTH: 98px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -116px -316px; FLOAT: left; HEIGHT: 36px
}
.z_forge {
 LINE-HEIGHT: 36px; PADDING-LEFT: 20px; FLOAT: left; COLOR: #3366cc; FONT-SIZE: 12px; TEXT-DECORATION: underline
}
.z_loginTable2 TR TD {
 TEXT-ALIGN: center; PADDING-BOTTOM: 20px; FONT-FAMILY: 微软雅黑; COLOR: #2470d3; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.z_log_re {
 WIDTH: 191px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -283px 0px; HEIGHT: 51px
}
.kfphone {
 MARGIN-TOP: 5px; WIDTH: 169px; HEIGHT: 23px
}
.msg_num {
 POSITION: relative
}
.msg_num P.nbg {
 POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 16px; WIDTH: 16px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -23px -166px; HEIGHT: 16px; COLOR: #fff; TOP: -9px; RIGHT: -9px
}
.msg_num2 {
 POSITION: relative
}
.msg_num2 P.nbg2 {
 POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 16px; WIDTH: 16px; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -23px -166px; HEIGHT: 16px; COLOR: #fff; TOP: -1px; RIGHT: -9px
}
.z_mianN {
 MARGIN: auto; WIDTH: 1140px
}
.z_mianRegist {
 MARGIN: 10px auto auto; WIDTH: 1140px
}
.kej {
 MARGIN-TOP: 15px; WIDTH: 335px; BACKGROUND: url(http://images.cnblogs.com/default/khzy.jpg) no-repeat 0px 0px; HEIGHT: 188px; OVERFLOW: hidden
}
.item_cont .colblue DT A {
 COLOR: #2294e4; FONT-SIZE: 13px
}
.pointer UL LI {
 CURSOR: pointer
}
.pointer UL LI:hover SPAN {
 COLOR: #d76e00
}
.pointer UL LI.on:hover SPAN {
 COLOR: #000
}
.colyellow {
 COLOR: #d76e00
}
.colgreen {
 COLOR: #7dc802
}
.colblue {
 COLOR: #2294e4
}
.colgray {
 COLOR: #666
}
.notableborder TD {
 BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.sButton UL.header_loginmsg {
 FLOAT: right; COLOR: #b1c9e9; FONT-SIZE: 12px; MARGIN-RIGHT: 9px
}
.sButton UL.header_loginmsg LI SPAN {
 MARGIN-TOP: 2px; DISPLAY: block; FLOAT: right
}

 

 

BODY {
 BACKGROUND: #f7f7f7
}
.z_mianRegist {
 MARGIN: 10px auto auto; WIDTH: 1140px
}
.z_mainRegist_tit {
 BORDER-BOTTOM: #b1c9e9 1px solid; WIDTH: auto
}
.z_re_lo_con {
 WIDTH: 1090px; FLOAT: left; MARGIN-LEFT: 20px
}
.z_mainRegistSet {
 MARGIN: 10px auto auto; WIDTH: 808px
}
.z_mainSetInfo {
 PADDING-BOTTOM: 80px; MARGIN-TOP: 10px; MIN-HEIGHT: 465px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: #fff; PADDING-TOP: 20px; _height: 465px
}
.z_mainSetInfo DL {
 PADDING-BOTTOM: 5px; MARGIN: auto; PADDING-LEFT: 50px; WIDTH: 600px; PADDING-RIGHT: 5px; HEIGHT: 45px; PADDING-TOP: 5px
}
.z_mainSetInfo DL DT {
 TEXT-ALIGN: right; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; WIDTH: 95px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #000000; FONT-SIZE: 14px; MARGIN-RIGHT: 10px; PADDING-TOP: 5px
}
.z_mainSetInfo DL DT SPAN {
 PADDING-RIGHT: 10px; COLOR: #fb0b0b
}
.z_mainSetInfo DL DD {
 FLOAT: left
}
.z_mainSetInfo DL DD .z_mainSetText {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 5px; WIDTH: 192px; PADDING-RIGHT: 5px; BACKGROUND: #fff; HEIGHT: 30px; COLOR: #323232; FONT-SIZE: 15px; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 0px
}
.z_mainSetMessage {
 BORDER-BOTTOM: #dedec2 1px solid; BORDER-LEFT: #dedec2 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MAX-WIDTH: 265px; BACKGROUND: #e7eef7; HEIGHT: auto; WORD-BREAK: break-all; BORDER-TOP: #dedec2 1px solid; BORDER-RIGHT: #dedec2 1px solid; WORD-SPACING: normal; PADDING-TOP: 5px
}
.z_mainSetMessage IMG {
 MARGIN-TOP: 0px; FLOAT: left; MARGIN-RIGHT: 5px
}
.z_mainSetMessage SPAN {
 LINE-HEIGHT: 18px; MAX-WIDTH: 240px; FLOAT: left; FONT-SIZE: 12px; WORD-BREAK: break-all
}
.z_mainFailMessage {
 BORDER-BOTTOM: #df7960 1px solid; BORDER-LEFT: #df7960 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MAX-WIDTH: 265px; BACKGROUND: #fdedf1; HEIGHT: auto; OVERFLOW: auto; WORD-BREAK: break-all; BORDER-TOP: #df7960 1px solid; BORDER-RIGHT: #df7960 1px solid; WORD-SPACING: normal; PADDING-TOP: 5px; _width: 150px
}
.z_mainFailMessage IMG {
 MARGIN-TOP: 0px; FLOAT: left; MARGIN-RIGHT: 5px
}
.z_mainFailMessage SPAN {
 LINE-HEIGHT: 18px; MAX-WIDTH: 240px; FLOAT: left; FONT-SIZE: 12px; WORD-BREAK: break-all
}
.z_mainSetInfo DL DD .z_mainSetCheckText {
 BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 5px; WIDTH: 80px; PADDING-RIGHT: 5px; BACKGROUND: #fff; HEIGHT: 30px; COLOR: #323232; FONT-SIZE: 15px; BORDER-TOP: #999999 1px solid; MARGIN-RIGHT: 10px; BORDER-RIGHT: #999999 1px solid; PADDING-TOP: 0px
}
.z_mainSetCheck {
 LINE-HEIGHT: 25px; HEIGHT: 25px; COLOR: #404040; MARGIN-LEFT: 100px
}
.z_mainSetCheck A {
 COLOR: #3366cc; TEXT-DECORATION: underline
}
.z_mainSet_msg {
 MARGIN-TOP: -10px; MARGIN-LEFT: 215px; _margin-left: 220px
}
.z_setBottom {
 MARGIN: 20px auto auto; WIDTH: 450px
}
.z_setBottom A {
 COLOR: #3366cc; FONT-SIZE: 15px
}
.z_SetSureBtn {
 MARGIN-TOP: 5px; WIDTH: 216px
}
.z_SetSureBtn A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; HEIGHT: 52px
}
.z_SetSureBtn A SPAN {
 TEXT-ALIGN: center; LINE-HEIGHT: 45px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px
}
.z_SetSureBtn A:hover {
 TEXT-DECORATION: none
}
.z_SetSureBtn A SPAN IMG {
 MARGIN-TOP: 14px
}
.z_mainRegist_t_l {
 BORDER-BOTTOM: #b1c9e9 2px solid; FLOAT: left; MARGIN-LEFT: 133px; _margin-left: 75px
}
.z_mainRegist_t_l DIV {
 COLOR: #333333; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.z_mainRegist_t_l P {
 COLOR: #666666; FONT-SIZE: 14px
}
.z_mainStepTop UL {
 MARGIN: auto; WIDTH: 752px; BACKGROUND: #ebebeb; HEIGHT: 36px
}
.z_mainStepTop UL LI {
 TEXT-ALIGN: center; LINE-HEIGHT: 36px; WIDTH: 33.3%; FLOAT: left; HEIGHT: 36px
}
.z_mainStepTop UL LI SPAN {
 FONT-FAMILY: 宋体; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.z_mainStepTop UL LI SPAN SPAN.z_italic {
 FONT-STYLE: italic; PADDING-RIGHT: 5px; FONT-FAMILY: Arial; FONT-SIZE: 20px
}
.z_mainStepTop UL LI SPAN P {
 TEXT-ALIGN: center; LINE-HEIGHT: 23px; MARGIN-TOP: 6px; WIDTH: 23px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 5px
}
.z_mainStepTop UL LI.z_on {
 BACKGROUND: url(http://images.cnblogs.com/default/se1.png) #5493e5 no-repeat right top; COLOR: #fff
}
.z_mainStepTop UL LI.z_on SPAN P {
 TEXT-ALIGN: center; LINE-HEIGHT: 23px; MARGIN-TOP: 6px; WIDTH: 23px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; MARGIN-LEFT: 30px; MARGIN-RIGHT: 5px
}
.z_mainStepTop UL LI.z_on1 {
 BACKGROUND: #5493e5; COLOR: #fff
}
.z_mainStepTop UL LI.z_on1 SPAN P {
 TEXT-ALIGN: center; LINE-HEIGHT: 23px; MARGIN-TOP: 6px; WIDTH: 23px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; MARGIN-LEFT: 30px; MARGIN-RIGHT: 5px
}
.z_mainStepTop UL LI.stepM {
 BACKGROUND: url(http://images.cnblogs.com/default/se3.png) #a9cefd no-repeat right top; COLOR: #4d8ad9
}
.z_mainStepTop UL LI.z1 {
 BACKGROUND: url(http://images.cnblogs.com/default/se2.png) #ebebeb no-repeat right top; COLOR: #666666
}
.z_mainStepTop UL LI.stepM1 {
 BACKGROUND: url(http://images.cnblogs.com/default/se4.png) #a9cefd no-repeat right top; COLOR: #4d8ad9
}
.z_mainStepTop UL LI.stepM1 SPAN P {
 TEXT-ALIGN: center; LINE-HEIGHT: 23px; MARGIN-TOP: 6px; WIDTH: 23px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; MARGIN-LEFT: 30px; MARGIN-RIGHT: 5px
}
.z_mainStepTop UL LI.stepM SPAN P {
 TEXT-ALIGN: center; LINE-HEIGHT: 23px; MARGIN-TOP: 6px; WIDTH: 23px; DISPLAY: block; FLOAT: left; HEIGHT: 23px; MARGIN-LEFT: 30px; MARGIN-RIGHT: 5px
}
.z_msg {
 FONT-FAMILY: 宋体; COLOR: #d76e00; FONT-SIZE: 12px; _padding-left: 10px
}
.z_registStep2 {
 MARGIN-TOP: 50px; WIDTH: 600px; FLOAT: left; MARGIN-LEFT: 100px; _margin-left: 60px
}
.z_registStep2 H1 {
 PADDING-BOTTOM: 20px; LINE-HEIGHT: 28px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑; COLOR: #f75c08; FONT-SIZE: 21px; PADDING-TOP: 20px
}
.z_registStep2 P {
 LINE-HEIGHT: 20px; COLOR: #808080; FONT-SIZE: 14px
}
.z_registStep2 P A {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #1b71d2; PADDING-TOP: 0px
}
.mt10 {
 MARGIN-TOP: 10px
}
A.z_a_msg {
 COLOR: #1b71d2; FONT-SIZE: 12px; TEXT-DECORATION: underline
}
.z_registStep2 P SPAN {
 COLOR: #1b71d2
}
.z_registStep2 A.z_action {
 FONT-FAMILY: 宋体; COLOR: #1b71d2; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
.z_SetSureBtn2 {
 MARGIN-TOP: 20px; WIDTH: 223px; FLOAT: left; MARGIN-LEFT: 80px
}
.z_SetSureBtn2 A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; FLOAT: left; HEIGHT: 52px
}
.z_SetSureBtn2 A SPAN {
 TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 45px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px; PADDING-TOP: 0px
}
.z_SetSureBtn2 A:hover {
 TEXT-DECORATION: none
}
.z_SetSureBtn2 A SPAN IMG {
 MARGIN-TOP: 14px
}
.z_setBottom2 {
 PADDING-BOTTOM: 10px; MARGIN: auto; PADDING-LEFT: 20px; WIDTH: 559px; PADDING-TOP: 20px
}
.z_Set_msg2 {
 LINE-HEIGHT: 50px; MARGIN-TOP: 5px; DISPLAY: block; FLOAT: left; HEIGHT: 50px; COLOR: #999999; FONT-SIZE: 14px; _padding-left: 10px
}
.z_youkonw {
 MARGIN: 20px auto auto; PADDING-LEFT: 150px; WIDTH: 520px
}
.z_youkonw P {
 FONT-FAMILY: 宋体; COLOR: #666666; FONT-SIZE: 13px
}
.z_youkonw P A {
 COLOR: #3366cc
}
.bline {
 BORDER-BOTTOM: #d9d9d9 1px solid; MARGIN: auto; WIDTH: 559px; HEIGHT: 1px
}
.z_pw_tab {
 POSITION: relative
}
.z_pw_tab_l {
 Z-INDEX: 999; POSITION: absolute; TOP: 25px; LEFT: 20px
}
.z_pw_tab_l UL LI {
 BORDER-BOTTOM: #dcdcdc 2px solid; WIDTH: 272px; MARGIN-BOTTOM: 10px; CURSOR: pointer
}
.z_pw_tab .z_pw_tab_l UL LI DL.z_pw_dl {
 BORDER-BOTTOM: #b9d2ef 1px solid; BORDER-LEFT: #b9d2ef 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 256px; PADDING-RIGHT: 10px; HEIGHT: 70px; MARGIN-LEFT: -5px; BORDER-TOP: #b9d2ef 1px solid; BORDER-RIGHT: #b9d2ef 1px solid; PADDING-TOP: 10px
}
.z_pw_tab .z_pw_tab_l UL LI.on DL.z_pw_dl {
 BORDER-BOTTOM: #b9d2ef 1px solid; BORDER-LEFT: #b9d2ef 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 257px; PADDING-RIGHT: 10px; BACKGROUND: url(http://images.cnblogs.com/default/r_n_bg.png) repeat-x 0px -1px; HEIGHT: 70px; MARGIN-LEFT: -5px; BORDER-TOP: #b9d2ef 1px solid; BORDER-RIGHT: medium none; PADDING-TOP: 10px
}
.z_pw_tab .z_pw_tab_l UL LI DL.z_pw_dl DT {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 65px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
.z_pw_tab .z_pw_tab_l UL LI DL.z_pw_dl DD {
 FONT-FAMILY: 微软雅黑; FLOAT: none; COLOR: #4c4c4c; MARGIN-LEFT: 80px; FONT-SIZE: 18px; WORD-BREAK: break-all
}
.z_pw_tab .z_pw_tab_l UL LI DL.z_pw_dl DD P {
 LINE-HEIGHT: 18px; WIDTH: 160px; FONT-FAMILY: 宋体; COLOR: #666666; FONT-SIZE: 12px; PADDING-TOP: 5px
}
.z_pw_tab .z_pw_tab_l UL LI.on DL.z_pw_dl DD {
 COLOR: #f75c08
}
.z_pw_tab_r {
 BORDER-BOTTOM: #dcdcdc 2px solid; POSITION: absolute; WIDTH: 452px; HEIGHT: 204px; MARGIN-LEFT: 2px; TOP: 22px; RIGHT: 20px; BORDER-RIGHT: #dcdcdc 2px solid; _overflow: hidden; _right: 21px; _width: 452px; _margin-left: -1px; _border-top: 1px solid #b9d2ef; _border-left: 1px solid #b9d2ef; _top: 0px
}
.z_pw_tab_r_in {
 BORDER-BOTTOM: #b9d2ef 1px solid; BORDER-LEFT: #b9d2ef 1px solid; MARGIN-TOP: -2px; WIDTH: 452px; BACKGROUND: url(http://images.cnblogs.com/default/r_n_bg.png) repeat-x 0px -1px; HEIGHT: 164px; MARGIN-LEFT: -2px; BORDER-TOP: #b9d2ef 1px solid; BORDER-RIGHT: #b9d2ef 1px solid; PADDING-TOP: 40px
}
.z_pw_tab_r_in DL {
 PADDING-LEFT: 5px; WIDTH: 450px; HEIGHT: 40px; MARGIN-LEFT: 0px
}
.z_pw_tab_r_in DL DT {
 MARGIN-RIGHT: 0px
}
.z_pw_img IMG {
 MARGIN-TOP: 5px; MARGIN-LEFT: 10px
}
.z_msg_pw {
 TEXT-ALIGN: left; PADDING-LEFT: 0px; MARGIN-LEFT: 110px
}
.z_Btn {
 MARGIN-TOP: 10px
}
.z_Btn A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; HEIGHT: 52px
}
.z_Btn A SPAN {
 TEXT-ALIGN: center; LINE-HEIGHT: 48px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px
}
.z_Btn A:hover {
 TEXT-DECORATION: none
}
.z_Btn A SPAN IMG {
 MARGIN-TOP: 14px
}
.z_Btn_w {
 WIDTH: 203px; MARGIN-LEFT: 120px; _margin-left: 60px
}
.z_Btn_w2 {
 WIDTH: 180px; MARGIN-LEFT: 120px; _margin-left: 60px
}
.z_pw_tit {
 MARGIN-TOP: 50px; FONT-FAMILY: 微软雅黑; MARGIN-BOTTOM: 20px; COLOR: #666666; MARGIN-LEFT: 100px; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.z_registStep3 {
 MARGIN-TOP: 50px; MARGIN-LEFT: 120px
}
.z_registStep3 H1 {
 PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑; COLOR: #1b71d2; FONT-SIZE: 16px; PADDING-TOP: 20px
}
.z_registStep3 P {
 LINE-HEIGHT: 20px; COLOR: #808080; FONT-SIZE: 14px
}
.z_pw_btn {
 MARGIN-LEFT: 80px
}
.z_pw_btn DIV.z_Btn {
 FLOAT: left
}
.z_pw_btn SPAN.z_span {
 MARGIN-TOP: 20px; FLOAT: left; MARGIN-LEFT: 10px
}
.z_pw_btn SPAN.z_span A {
 FONT-FAMILY: 宋体; COLOR: #3366cc; FONT-SIZE: 14px; TEXT-DECORATION: underline
}
.ml_bottom {
 MARGIN-LEFT: 210px; _margin-left: 220px
}
.e6_dt {
 _padding-left: 10px
}
.z_SetSureBtn_zc {
 POSITION: relative; MARGIN-TOP: 5px; WIDTH: 185px
}
.z_SetSureBtn_zc A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; HEIGHT: 52px
}
.z_SetSureBtn_zc A SPAN {
 TEXT-ALIGN: center; LINE-HEIGHT: 45px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px
}
.z_SetSureBtn_zc A:hover {
 TEXT-DECORATION: none
}
.z_SetSureBtn_zc A SPAN IMG {
 MARGIN-TOP: 14px
}
.close.z_SetSureBtn_zc A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -532px -1012px; HEIGHT: 52px
}
.close.z_SetSureBtn_zc A SPAN {
 TEXT-ALIGN: center; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r_close.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #8b8b8b
}
.z_SetSureBtnW {
 WIDTH: 180px
}
.z_SetSureBtn_zc2 {
 POSITION: relative; MARGIN-TOP: 5px
}
.z_SetSureBtn_zc2 A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; HEIGHT: 52px
}
.z_SetSureBtn_zc2 A SPAN {
 TEXT-ALIGN: center; LINE-HEIGHT: 45px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px
}
.z_SetSureBtn_zc2 A:hover {
 TEXT-DECORATION: none
}
.z_SetSureBtn_zc2 A SPAN IMG {
 MARGIN-TOP: 14px
}
.close.z_SetSureBtn_zc2 A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -532px -1012px; HEIGHT: 52px
}
.close.z_SetSureBtn_zc2 A SPAN {
 TEXT-ALIGN: center; DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r_close.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #8b8b8b
}
.z_SetSureBtnblack {
 POSITION: absolute; FILTER: alpha(opacity=10); WIDTH: 214px; DISPLAY: none; BACKGROUND: #fff; HEIGHT: 49px; TOP: 0px; LEFT: 0px; opacity: 0.1
}
.z_mainRegist_t_l_p {
 PADDING-LEFT: 10px; FLOAT: left
}
.z_right {
 MARGIN-TOP: 5px
}
.z_regi_tit {
 MARGIN: auto; WIDTH: 808px; HEIGHT: 40px
}
.z_regi_tit DIV.tit {
 FONT-FAMILY: 微软雅黑; COLOR: #333333; FONT-SIZE: 24px
}
.z_registStep2 IMG.fl {
 FLOAT: left; CLEAR: right; MARGIN-RIGHT: 10px
}
.frw {
 WIDTH: 500px; FLOAT: right
}
.z_Btn_w1 {
 POSITION: absolute; WIDTH: 203px; TOP: 300px; LEFT: 300px
}
.ml5px {
 MARGIN-LEFT: 5px
}
.ml1 {
 MARGIN-LEFT: 200px
}
.mt5 {
 MARGIN-TOP: 5px
}
.mt1 {
 MARGIN-TOP: 80px
}
.mt2 {
 MARGIN-TOP: 50px
}
.z_setBottomn {
 MARGIN-TOP: 20px; WIDTH: 450px; MARGIN-LEFT: 90px
}
.mt30 {
 MARGIN-TOP: 30px
}
.z_SetSureBtnsta {
 MARGIN-TOP: 20px; WIDTH: 223px; FLOAT: left
}
.z_SetSureBtnsta A {
 DISPLAY: block; BACKGROUND: url(http://images.cnblogs.com/default/cloudImg.png) no-repeat -554px -1069px; FLOAT: left; HEIGHT: 52px
}
.z_SetSureBtnsta A SPAN {
 TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 45px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; FONT-FAMILY: 微软雅黑; BACKGROUND: url(http://images.cnblogs.com/default/sure_btn_bg_r.jpg) no-repeat right 50%; HEIGHT: 52px; COLOR: #fff; FONT-SIZE: 20px; PADDING-TOP: 0px
}
.z_SetSureBtnsta A:hover {
 TEXT-DECORATION: none
}
.z_cost_top {
 PADDING-BOTTOM: 20px; MARGIN: auto auto 20px; PADDING-LEFT: 38px; WIDTH: 732px; PADDING-RIGHT: 38px; FONT-FAMILY: 微软雅黑; BACKGROUND: #e7eef7; HEIGHT: 97px; COLOR: #4c4c4c; FONT-SIZE: 16px; PADDING-TOP: 20px
}
.z_cost_top P {
 PADDING-BOTTOM: 10px; LINE-HEIGHT: 25px
}
.z_cost_top P SPAN.gcoltit1 {
 COLOR: #f77308; FONT-SIZE: 21px; FONT-WEIGHT: bold
}
.z_cost_top P SPAN.gcoltit2 {
 COLOR: #f77308; FONT-SIZE: 18px
}
.z_cost_top P SPAN.rcoltit1 {
 COLOR: #ed2121; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.cos_msg {
 BORDER-BOTTOM: #df7960 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #df7960 1px solid; LINE-HEIGHT: 39px; WIDTH: 311px; BACKGROUND: #fdedf1; HEIGHT: 39px; MARGIN-LEFT: 75px; BORDER-TOP: #df7960 1px solid; BORDER-RIGHT: #df7960 1px solid
}
.cos_msg IMG {
 MARGIN-TOP: 10px
}
.cos_msg SPAN {
 PADDING-LEFT: 10px
}
.free_bt_cos {
 MARGIN-TOP: 45px; PADDING-LEFT: 170px; ZOOM: 1; OVERFLOW: hidden
}

 

<head>
    <title></title>
    <script type="text/javascript" src="register_files/jquery-1.7.js"></script>

    <link rel="stylesheet" type="text/css" href="register_files/basic.css">
    <link rel="stylesheet" type="text/css" href="register_files/regist.css">

 

    <script type="text/javascript" src="register_files/jquery.validate.js"></script>

 


</head>
<body>
    <div class="z_mianRegist">
        <div class="z_re_lo_con">
            <div class="z_mainRegistSet">
                <div id="zmsgdl" class="z_mainSetInfo mldl10">
                    <div class="z_mainStepTop">
                        <ul>
                            <li class="z_on"><span><span class="z_italic">1</span>填写注册信息</span></li>
                            <li class="z1"><span><span class="z_italic">2</span>从邮箱验证</span></li>
                            <li><span><span class="z_italic">3</span>注册成功</span></li></ul>
                    </div>
                    <div class="clear">
                    </div>
                    <div class="mt30">
                    </div>
                    <div style="padding-left: 210px" class="mt10 l_login_wjh">
                    </div>
                    <form id="reigstera" method="post" name="registera" action="/customer/account/registerapost">
                    <dl>
                        <dt><span>*</span>帐号:</dt>
                        <dd>
                            <input id="username" class="z_mainSetText" type="text" name="username">
                            <p id="zmsg" class="z_msg">
                                还能输入20个字符</p>
                        </dd>
                        <dd>
                            <div class="z_mainSetMessage ml5px">
                                5—20个字符,以字母开头的字母数字下划线组合 。一旦注册成功用户名不能修改</div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="clear">
                    </div>
                    <dl>
                        <dt><span>*</span>密码:</dt>
                        <dd>
                            <input id="passwd" class="z_mainSetText" type="password" name="passwd"></dd>
                        <dd>
                            <div class="z_mainSetMessage ml5px">
                                密码可使用字母加数字或符号的组合,长度为6-32个字符</div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="clear">
                    </div>
                    <dl>
                        <dt><span>*</span>确认密码:</dt>
                        <dd>
                            <input id="confirmation" class="z_mainSetText" type="password" name="confirmation"></dd>
                        <dd>
                            <div class="z_mainSetMessage ml5px">
                                请再次输入密码</div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="clear">
                    </div>
                    <dl>
                        <dt><span>*</span>邮箱:</dt>
                        <dd>
                            <input id="email" class="z_mainSetText" type="text" name="email"></dd>
                        <dd>
                            <div class="z_mainSetMessage ml5px">
                                请填写您常用的Email地址,方便您接受验证邮件、找回密码</div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="clear">
                    </div>
                    <dl>
                        <dt><span>*</span>手机:</dt>
                        <dd>
                            <input id="mobile" class="z_mainSetText" maxlength="11" type="text" name="mobile"></dd>
                        <dd>
                            <div class="z_mainSetMessage ml5px">
                                请输入您的手机号码</div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="clear">
                    </div>
                    <dl>
                        <dt><span>*</span>验证码:</dt>
                        <dd>
                            <input id="smsCode" class="z_mainSetCheckText" type="text" name="smsCode"></dd>
                        <dd>
                            <div class=" ml5px">
                                <a id="sendSMS" href="javascript:void(0);">获取短信验证码</a></div>
                            <div id="timer">
                            </div>
                        </dd>
                        <dd>
                        </dd>
                    </dl>
                    <div class="z_setBottom ml_bottom">
                        <div>
                            <input onclick="checkset();" checked type="checkbox" name="check_set"><a href="http://192.168.193.248/customer/account/registera#">《HWS用户服务协议》</a></div>
                        <div id="submit" class="z_SetSureBtn_zc2 z_SetSureBtnW">
                            <a href="javascript:void(0);"><span>同意协议并注册</span></a>
                            <div id="z_SetSureBtnblack" class="z_SetSureBtnblack">
                            </div>
                        </div>
                    </div>
                
                    </form>
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <script type="text/javascript" src="register_files/register.js"></script>
    <script type="text/javascript">
        function checkset() {
            $("#z_SetSureBtnblack").toggle();
            $(".z_SetSureBtn_zc2").toggleClass('close');
            $('.z_mainSetMessage').next().hide();
        }
        var result;
        $(document).ready(function () {
            if (result == true || result == false) {
                window.location.href = '/customer/account/registera';
            }
            $('.z_mainSetMessage').hide();
            $('.z_SetSureBtn_zc2').click(function () {
                if ($('#submit').hasClass('close')) {
                    return false;
                }
                if (!$('#smsCode').val()) {
                    alert('请输入短信验证码');
                    return false;
                }
                $('#reigstera').submit();
            });
            $('dl dd input').focus(function () {
                $(this).parent().next().children('.z_mainSetMessage').show();
                $(this).parent().next().children('.z_mainFailMessage').hide();
            });
            $('dl dd input').keyup(function () {
                $('#reigstera').validate().element(this);
            });
            $('#reigstera').validate({
                errorPlacement: function (error, element) {
                    //error.appendTo(element.parent().parent().children(''));
                    element.parent().next().children().eq(1).remove();
                    error.appendTo(element.parent().next());
                    element.parent().next().children('.z_mainSetMessage').hide();
                },
                onsubmit: true,
                rules: {
                    username: {
                        required: true,
                        minlength: 5,
                        maxlength: 20,
                        username: true,
                        remote: '/customer/account/checkaccount/'

                    },
                    email: {
                        required: true,
                        email: true,
                        remote: '/customer/account/checkaccount/'
                    },
                    passwd: {
                        required: true,
                        passwd: true,
                        minlength: 6,
                        maxlength: 32
                    },
                    confirmation: {
                        required: true,
                        equalTo: '#passwd'
                    },
                    mobile: {
                        required: true,
                        mobile: true,
                        remote: '/customer/account/checkaccount'

                    }
                },

                messages: {
                    username: {
                        required: '请输入用户名',
                        minlength: '用户名要在5—20个字符内',
                        maxlength: '用户名要在5—20个字符内',
                        username: '用户名不能全为数字或包含非法字符',
                        remote: '该用户名已被使用,您可以:1、重新输入或选择推荐的会员名。2、使用该会员名登录'
                    },
                    email: {
                        required: '请输入邮箱',
                        remote: '邮箱已被使用,请输入其他邮箱',
                        email: 'Email格式输入错误'
                    },
                    passwd: {
                        required: '请输入密码',
                        passwd: '密码可使用字母加数字或符号的组合,长度为6-32个字符',
                        minlength: '密码可使用字母加数字或符号的组合,长度为6-32个字符',
                        maxlength: '密码可使用字母加数字或符号的组合,长度为6-32个字符'
                    },
                    confirmation: {
                        required: '请再次输入密码',
                        equalTo: '登录密码与再次输入的密码不一致'
                    },
                    mobile: {
                        required: '请输入手机号码',
                        mobile: '请正确输入手机号码',
                        remote: '手机号码已被注册,请重新填写'
                    }
                },

                errorElement: "div", //可以用其他标签,记住把样式也对应修改
                errorClass: "z_mainFailMessage ml5px",
                success: function (label) {
                    //label指向上面那个错误提示信息标签em
                    label.prev().hide();
                    //      label.text(''); //加上自定义的success类
                    label.addClass('z_pw_img');
                }
            });
            $('#sendSMS').click(function () {
                //if ($('#registera').validate().element('#mobile'))
                {
                    $('#sendSMS').attr('style', 'display:none;');
                    $.post('/customer/customerinfo/sendmsg',
                { 'mobile': $('#mobile').val() },
                function (data, textStatus) {
                    if (data.result == 'true') {
                        //开始倒计时
                        var sec = 60;
                        for (var i = 1; i <= sec; i++) {
                            window.setTimeout("$.doUpdate(" + i + ")", i * 1000);
                        }
                    }
                    else {
                        //显示错误信息
                        alert(data.data);
                        $('#sendSMS').show();
                    }
                }, 'json');
                }
            });
            var maxsr = 20;
            var srnum = $("#username").val().length;
            var suzf = maxsr - srnum;
            $("#zmsg").text("还能输入" + suzf + "字符");
            $("#username").keyup(function () {
                var srnum = $("#username").val().length;
                if (0 <= srnum && srnum <= maxsr) {
                    var suzf = maxsr - srnum;
                    $("#zmsg").text("还能输入" + suzf + "字符");
                } else {
                    $("#zmsg").text("还能输入0个字符");
                    this.value = this.value.substr(0, maxsr);
                }
            });
            $('#imgInput').blur(function () {
                if ($(this).val().length == 4) {
                    $(this).parent().next().children().hide('z_mainSetMessage');
                }

            });
        });
    </script>
</body>

 

 

posted @ 2012-04-21 21:51  李天翔  阅读(285)  评论(0编辑  收藏  举报