.zloginpop .close,.zloginpop .zloginPop_btns,.zloginpop .stateIcon,.zloginpop .inputIcon,.zloginpop .clearBtn,.registerSuccessCtn .d1{ background: url(img_d/sp.png) no-repeat; }
.zloginpop{ width: 520px; height: 370px; background: url(img_s/loginbg.png) no-repeat; position: relative; overflow: hidden;*zoom:1;}
.zloginpop .zhead{width:100%;}
.zloginpop .zbody{ overflow: hidden; }
.zloginpop .zfoot{ position: absolute; width: 500px;height: 46px; bottom: 0; left:12px; border-top: 1px dashed #ddd; line-height: 46px; text-align: center; color:#666;    overflow: hidden; }
.zloginpop .zfoot a{ color: #f60; }
.zloginpop .zfoot .ftCtn{width: 500px;height: 46px;}

.zloginpop .ztt,.zloginpop .ztt2{ margin: 17px 0 0 100px; color:#333; font-size: 20px; font-family:"微软雅黑","黑体"; display: inline; }
.zloginpop .close{ width: 18px; height: 18px; background-position: -328px -29px; margin:10px 10px 0 0; display: inline; }
.zloginpop .close:hover{ background-position: -354px -29px; }

.zloginpop label{ cursor: pointer; }
.zloginpop .ctn{ margin:0 auto; color:#999;}
.zloginpop .zinput_txt{ border: 1px solid #ddd; border-radius:5px; outline: none; height: 37px; line-height: 37px; padding:0 5px; color:#999; position: relative; z-index: 2; background: url(about:blank); font-family: "Tahoma";font-size: 16px;}
.zloginpop .inputText_on{ color:#666; }
.zloginpop .ctn a{ color:#693; }
.zloginpop .zld{ margin-bottom:18px; line-height: 38px; width: 100%;}
.zloginpop .zld .zkey{ float: left; width: 90px; text-align: right; margin-right: 6px; height: 38px; }
.zloginpop .zld .zvalue{ float: left; position: relative; }
.zloginpop .inputText_on,.zloginpop .loginCtn .zld .inputText_on { color: #693; font-size: 16px; font-family: "Tahoma"; }

.zloginpop .zloginPop_btns{ width: 140px; height: 42px; display: block; cursor: pointer; border:0;    position: relative;
    left: -40px;}
.loginCtn .zloginPop_btns{
  left:0;
}
.zloginpop .zloginPop_btns_register{ background-position: 0 -43px; }
.zloginpop .zloginPop_btns_register:hover{ background-position: -166px -43px; }
.zloginpop .zloginPop_btns_login{ background-position: 0 -129px; }
.zloginpop .zloginPop_btns_login:hover{ background-position: -166px -129px; }
.zloginpop .zloginPop_btns_registerSuccess{ background-position: 0 -86px; margin: 10px auto 0; }
.zloginpop .zloginPop_btns_registerSuccess:hover{ background-position: -166px -86px; }
.zloginpop .zloginPop_btns_quickLogin{ background-position: 0 0; }
.zloginpop .zloginPop_btns_quickLogin:hover{ background-position: -166px 0; }
/*stateIcon*/

.zloginpop .stateIcon{ display: inline-block; width: 18px; height: 37px; vertical-align: top; }
.zloginpop .stateIcon_success{ background-position: -390px -32px; }

.zloginpop .inputIcon{ width: 20px; height: 20px; position: absolute; top: 9px;left: 6px;}
.zloginpop .inputIcon_duoduo{ background-position: -328px -84px; }
.zloginpop .inputIcon_pwd{ background-position: -328px -63px; }
.zfocus .inputIcon_duoduo{ background-position: -354px -84px; }
.zfocus .inputIcon_pwd{ background-position: -354px -63px; }

/*registerCtnPanel*/

.zloginpop .registerCtn{ margin-top: 75px; width: 410px; }
.registerCtn--realName{
	margin-top: 25px!important;
}
.zloginpop .registerCtn .zld{ position: relative; }
.zloginpop .registerCtn .d4 input,.zloginpop .registerCtn .d4 label,.zloginpop .registerCtn .d4 span{ vertical-align: middle; _vertical-align: bottom;}
.zloginpop .registerCtn .stateIcon{ margin-left: 5px; }
.zloginpop .registerCtn .zw1{ width: 268px; }
.zloginpop .registerCtn .zw2{ width: 71px; }
.zloginpop .registerCtn .d3 .zinput_txt,.zloginpop .registerCtn .d3 img{ margin-right: 5px; }
.zloginpop .registerCtn .d3 img{ height:24px; position: absolute; left: 88px; top: 5px; width: 64px; }
.zloginpop .registerCtn .d3{ margin-bottom: 8px; }
.zloginpop .registerCtn .d4 { font-size: 12px; margin-bottom: 0px;_margin-top:15px;_height:20px;_overflow: hidden; }
.zloginpop .registerCtn .d4 span{ padding:0 6px 0 3px; color:#ddd; }
.zloginpop .registerCtn .zfakeInput{ position: absolute; top:0; left:10px; z-index: 1; }
#zloginPop_reg_changeCode { position: absolute; left: 155px; width: 50px; top: 0; }
#zloginPop_reg_changeCodeb { position: absolute; left: 155px; width: 50px; top: 0; }
.zloginpop .registerCtn .ztips { position: absolute; top: 29px; font-size: 12px; color: red; left:0; }
.registerSuccessState .zfoot{ border:none; }

.zloginpop .loginCtn { width:282px; margin-top: 55px; }
.zloginpop .loginCtn .zfakeInput{ position: absolute; top:0; left: 5px; z-index:1; padding-left: 25px; }
.zloginpop .loginCtn .zinput_txt2 { height: 37px; outline: none; width: 220px; margin-left: 24px; position:relative; z-index:2; background: url(about:blank); line-height: 37px; border: none; padding: 0;font-family: "Tahoma";font-size: 16px;color:#999;}
#zloginPop_login_code,#zloginPop_login_codeb {
  width: 96px;
  margin-left: 0;
}
#zloginPop_login_code_txt,#zloginPop_login_code_txtb{
    padding-left: 0;
    white-space: nowrap;
}
#w_zloginPop_login_code,#w_zloginPop_login_codeb{
    width: 132px;
}
#w_zloginPop_login_code_img,#w_zloginPop_login_code_imgb {
  position: absolute;
  left: 160px;
  top: 3px;
  cursor: pointer;
}
.zloginpop .loginCtn .zfocus,.zloginpop .registerCtn .zfocus .zinput_txt{ border-color:#66CD33; box-shadow: 0px 0px 5px -1px #333; }
.zloginpop .loginCtn .clearBtn{ position: absolute; right: 5px; width: 24px; height: 24px; background-position: -409px -40px; top: 6px; display: none; }
.zloginpop .loginCtn .d3 input, .zloginpop .loginCtn .d3 label, .zloginpop .loginCtn .d3 span, .zloginpop .loginCtn .d3 a { vertical-align: bottom; line-height: 12px; }
.zloginpop .zcheckbox { height: 14px; display: inline-block; background: url(img_d/sp.png) -328px -48px; width: 5px; margin-right: 5px; cursor: pointer; }
.zloginpop .zcheckbox_on{ background-position: -354px -48px; }
.zloginpop .loginCtn .d3{ font-size: 12px; margin-bottom: 0px; }
.zloginpop .loginCtn .d4{ text-align: center; color:red; font-size: 12px; display: none;   position: absolute;
  top: 197px;
  left: 0;}
.zloginpop .loginCtn .d3 span{ padding:0 6px 0 3px; color:#ddd; }
.zloginpop .loginCtn .zloginPop_btns_login{ display: inline-block; margin-right: 10px; }

/*registerSuccessState*/
.zloginpop .registerSuccessCtn { width: 220px; margin-top: 50px; }
.zloginpop .registerSuccessCtn .zld{ margin-bottom: 0px; color:#333; }
.zloginpop .registerSuccessCtn .zld .regi_suc{ color:#f60; font-size: 18px; font-family: "Tahoma"; }
.zloginpop .registerSuccessCtn .d1 { width: 140px; height: 28px; background-position: -328px 0; margin: 0 auto 20px; }
.zloginpop .registerSuccessCtn .zld .zkey { width: 80px; }
.registerSuccessState .zfoot{ border:none; }

/*quickLogin*/
.zloginpop .quickLogin { margin-top: 40px; }
.zloginpop .quickLogin .d1{ color: #666; font-size: 12px; }

.zloginpop .iconWrap{ text-align: center; width: 100px; margin: 10px auto; }
.zloginpop .iconWrap img{ vertical-align: bottom; height: 96px; }
.zloginpop .iconWrap span{ white-space: nowrap; height: 21px; display: block; text-align: center; }
.zloginpop .zloginPop_btns_quickLogin{ margin:0 auto; }
.quickLoginState .zfoot a{ color:#999; font-size: 12px; }

#saveFlash {position: absolute;top: -126px;right: -72px;width: 100px;height: 30px;}
/*20130821*/
.zloginpop .zbody{overflow: hidden;position: relative;height: 276px;}
.panelBase {position: absolute;width: 100%;}


.loginCtn .zinput_txt {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.loginCtn .zinput_txt.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
.zloginpop--realName{
	transition:200ms height ease;
	height:434px;
	background:url(img_s/loginbglong.png) no-repeat top left;
}
.zloginpop--realName .zbody{
	height:380px!important;
}

.registerCtn .useQQToLog {
position: absolute;
top: 0;
left: 122px;
width: 122px;
line-height: 38px;
background: url(img_d/qq.png) 0 0;
color: #666!important;
height: 42px;
}
.registerCtn .useQQToLog:hover {
    background-position: 0px -47px;
}
.realExt_tips {
    position: absolute;
       right: 15px;
    top: 30px;
    font-size: 12px;
    color: #ccc;
    width: 170px;
    text-align: right;
}
.realExt_tips .realExt_tips_s2{
  color:#FF6600;
  display: none;
  cursor:pointer;
}
.canClick .realExt_tips_s2{
  display: block;
}
.canClick .realExt_tips_s1{
  display: none;

}