/*µÇ½¡¢×¢²á*/
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

#nv_member {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
	overflow-x: hidden;
}
#nv_member .zz_signlogo {
    position: absolute;
    top: 20px;
    width: 300px;
    height: 150px;
    margin-left: 40px;
    overflow: hidden;
    z-index: 99;
}

#nv_member .mn {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.zhanzhuai_wtitle {
    margin: 0 auto 28px;
    padding: 30px 10px 10px;
    font-weight: 400;
    color: #969696;
    text-align: center;
}
.zhanzhuai_wtitle a {
    padding: 10px;
	font-size: 18px;
    color: #969696;
}
.zhanzhuai_wtitle b {
    padding: 10px;
}
.zhanzhuai_wtitle a:hover, .zhanzhuai_wtitle a.active {
    font-weight: 700;
    color: #282828;
}
.zhanzhuai-member-info {
    position: relative;
    width: 450px !important;
    padding: 9% 0 50px !important;
    z-index: 99;
}
.zhanzhuai-member-info input.er {
    border: none;
    background: none;
}
.zhanzhuai-member-info .rfm {
    width: 340px;
    margin-bottom: 32px;
    font-size: 14px;
    background-color: #F8F8F9;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
}
.zhanzhuai-member-info form .rfm th {
    width: 80px;
    line-height: 40px;
	font-size: 14px;
    color: #999;
    text-align: right;
}
.zhanzhuai-member-info .rfm th, .zhanzhuai-member-info .rfm td {
    padding: 0;
    vertical-align: top;
    line-height: 24px;
}
.zhanzhuai-member-info .rfm .rq {
    display: none;
}
.zhanzhuai-member-info .rfm .px, .zhanzhuai-member-info .rfm .txt {
    background: none;
    width: 258px !important;
    height: 40px;
    padding-left: 18px;
    border: none;
    outline: none;
    box-sizing: border-box;
}

.zhanzhuai-member-info select, .pg_CURMODULE select {
    height: 30px !important;
    line-height: 30px !important;
    margin: 6px 0 0 20px;
    background: none;
    border: none !important;
	outline: none;
}
.zhanzhuai-member-info .rfm .p_chk, .zhanzhuai-member-info .rfm .p_tip {
    display: block;
    width: 328px;
    height: 30px;
    line-height: 30px;
    margin: 2px 0;
	    font-size: 12px;
    text-align: right;
}

.zhanzhuai-member-info .rfm .p_right .p_chk {
    background: url(../images/check_right.gif) no-repeat 318px 7px;
}

.zhanzhuai-member-info .rfm.r-code { position: relative; height: 40px;margin-bottom: 22px !important;overflow: hidden; }
.zhanzhuai-member-info .rfm.r-code a { display:none; }
.zhanzhuai-member-info .rfm.r-code .codespan { position:absolute; right:110px; top:7px; }
.zhanzhuai-member-info .rfm.r-code img { position:absolute; right:4px; top:4px; cursor:pointer; }
.zhanzhuai-member-info .rfm.r-code .txt { text-transform:uppercase; }

#nv_member .zhanzhuai_w_rfm button {
    width: 340px;
    height: 43px;
    border-radius: 0;
    margin-left: 45px;
    margin-right: 0;
    font-size: 16px;
    border-radius: 4px;
    outline: none;
}
#nv_member .zhanzhuai_w_rfm button strong { color: #fff !important;}
#nv_member .zhanzhuai_w_rfm button:hover {
    opacity: 0.85;
}
#nv_member .zhanzhuai_w_rfm.rfm {
    background: none;
	margin-bottom: 25px;
}
.zhanzhuai-member-info .zhanzhuai_w_rfm button:hover { opacity: 0.85; }

.zhanzhuai_cz_rfm {
    width: 338px;
    height: 30px;
    line-height: 26px;
    margin: 0 auto;
}
.zhanzhuai-more-sign {
    width: 300px;
    margin: 0 auto 20px;
    text-align: center;
}
.zhanzhuai-more-sign h6 {
    position: relative;
    margin: 0 0 10px;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    text-align: center;
}
.zhanzhuai-more-sign h6:after, .zhanzhuai-more-sign h6:before {
    content: "";
    border-top: 1px solid #eee;
    display: block;
    position: absolute;
    width: 72px;
    top: 11px;
}
.zhanzhuai-more-sign h6:before {
    left: 20px;
}
.zhanzhuai-more-sign h6:after {
    right: 20px;
}
.zhanzhuai-more-sign ul {
    margin-bottom: 16px;
    list-style: none;
}
.zhanzhuai-more-sign ul li {
    margin: 0 10px;
    display: inline-block;
}

.zhanzhuai-more-sign .sign-icon { display: inline-block; width: 42px; height: 42px; text-indent: -10000px; background-color: #dddddd; background-repeat: no-repeat; background-position: center; border-radius: 50%; cursor: pointer; }
.zhanzhuai-more-sign .wechat-login { background-image: url(../images/wechat.png); }
.zhanzhuai-more-sign .wechat-login:hover { background-color: #58bc46; }
.zhanzhuai-more-sign .weibo-login { background-image: url(../images/weibo.png); }
.zhanzhuai-more-sign .weibo-login:hover { background-color: #e90e24; }
.zhanzhuai-more-sign .qq-login { background-image: url(../images/qq.png); }
.zhanzhuai-more-sign .qq-login:hover { background-color: #3caae3; }
.zhanzhuai-more-sign .google-login { background-image: url(../images/googlo.png); }
.zhanzhuai-more-sign .google-login:hover { background-color: #e90e24; }


/*qq×¢²á*/
.pg_connect .mn { padding: 0 20px 0 40px; }

.zz_bg_circle{position:fixed;width:100%;height:100%;top:0;left:0}
.ie .zz_bg_circle{display:none}
.zz_bg_circle .circle_img{position:absolute}
.zz_bg_circle .circle_img_01{top:20%;right:10%;opacity:.4;-webkit-animation:circle_img_01 14s linear infinite alternate;animation:circle_img_01 14s linear infinite alternate}
.zz_bg_circle .circle_img_02{top:10%;right:55%;opacity:.6;-webkit-animation:circle_img_02 22s linear infinite alternate;animation:circle_img_02 22s linear infinite alternate}
.zz_bg_circle .circle_img_03{top:58%;right:-4%;opacity:.3;-webkit-animation:circle_img_03 14s linear infinite alternate;animation:circle_img_03 14s linear infinite alternate}
.zz_bg_circle .circle_img_04{top:35%;left:-25%;opacity:1;-webkit-animation:circle_img_04 14s linear infinite alternate;animation:circle_img_04 14s linear infinite alternate}
.zz_bg_circle .circle_img_05{top:57%;left:50%;opacity:.6;-webkit-animation:circle_img_05 14s linear infinite alternate;animation:circle_img_05 14s linear infinite alternate}
.zz_bg_circle .circle_img_06{top:50%;left:58%;opacity:.6;-webkit-animation:circle_img_06 14s linear infinite alternate;animation:circle_img_06 14s linear infinite alternate}

@-webkit-keyframes circle_img_01{
0%{-webkit-transform:rotate(0) scale(1) translate(0,0)}
50%{-webkit-transform:scale(1.1) translate(8%,15%)}
100%{-webkit-transform:rotate(360deg) scale(1) translate(0,0)}
}
@-webkit-keyframes circle_img_02{
0%{-webkit-transform:rotate(0) translate(-20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(20%,-10%)}
}
@-webkit-keyframes circle_img_03{
0%{-webkit-transform:rotate(0) translate(20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(-20%,-10%)}
}
@-webkit-keyframes circle_img_04{
0%{-webkit-transform:translate(0,10%)}
100%{-webkit-transform:translate(20%,-10%)}
}
@-webkit-keyframes circle_img_05{
0%{-webkit-transform:translate(-50%,40%)}
50%{-webkit-transform:translate(20%,10%)}
100%{-webkit-transform:translate(30%,-30%)}
}
@-webkit-keyframes circle_img_06{
0%{-webkit-transform:translate(50%,-40%)}
50%{-webkit-transform:translate(20%,-10%)}
100%{-webkit-transform:translate(-30%,30%)}
}
@keyframes circle_img_01{
0%{transform:rotate(0) scale(1) translate(0,0)}
50%{transform:scale(1.1) translate(8%,15%)}
100%{transform:rotate(360deg) scale(1) translate(0,0)}
}
@keyframes circle_img_02{
0%{transform:rotate(0) translate(-20%,10%)}
100%{transform:rotate(-360deg) translate(20%,-10%)}
}
@keyframes circle_img_03{
0%{transform:rotate(0) translate(20%,10%)}
100%{transform:rotate(-360deg) translate(-20%,-10%)}
}
@keyframes circle_img_04{
0%{transform:translate(0,10%)}
100%{transform:translate(20%,-10%)}
}
@keyframes circle_img_05{
0%{transform:translate(-50%,40%)}
50%{transform:translate(20%,10%)}
100%{transform:translate(30%,-30%)}
}
@keyframes circle_img_06{
0%{transform:translate(50%,-40%)}
50%{transform:translate(20%,-10%)}
100%{transform:translate(-30%,30%)}
}