.fadeIn #sign{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);height: 100%;}
#sign,#sign a{font-size:12px !important;line-height:1.5;font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif}
#sign{position:fixed;z-index:9999;top: 0;right: 0;width:400px;/* margin-left:-200px; */opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(500px,0px,0);-moz-transform:translate3d(500px,0px,0);-o-transform:translate3d(500px,0px,0);transform:translate3d(500px,0px,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px;}
#sign .part{height: 100%;position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding: 15% 50px 40px 50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none;}
#sign.sign .part.loginPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block;}
#si1gn.sign .part.registerPart{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#si1gn.register .part.loginPart{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign form h3{font-size:18px;margin-bottom: 20px;text-align: center;}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form p.status{white-space:nowrap}
#sign form p .captcha-loader2{position:absolute;top:11px;right:8px;font-size:14px;cursor:pointer;color:#61af0d}
#sign form p .captcha-loader2.disabled{color:#aaa;}
#sign form label.error{color:#FFF;background-color:#7656E8;padding:0 4px;position:absolute;z-index:5;right:10px;top:11px}
#sign form label.icon{position:absolute;right:10px;top:5px;color:#999;font-size:20px;color:rgba(0,0,0,.3)}
#sign form label.icon i{width:20px;text-align:center}
#sign form input{border:1px solid #ddd;padding:10px;width:100%;box-sizing:border-box}
#sign::-webkit-input-placeholder{color:#999}
#sign form input:focus{border:1px solid #19B5FE}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{border-radius: 3px;}
#sign input.input-control::-webkit-input-placeholder{font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif}
#sign input.input-control::-moz-placeholder{font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif}
#sign form .submit{cursor:pointer;background-color:#61af0d;color:#FFF;border:0 none;font-size:14px;font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif}
#sign form .submit:hover{background: #27c300}
#sign form .submit:focus{border:0 none}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px}
#sign form .lost{float:right;color:#999}
#sign form .close{position:absolute;right:15px;top:0;border-radius:0 0 50px 50px;text-align:center;line-height:50px;font-size:26px !important;cursor:pointer}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin: 20px 0px 0px 0px;/* padding:0 50px; */text-align: center;}
.other-sign p{margin:10px auto 10px auto;text-align:center}
.other-sign a,.local-account a{padding:4px 10px;width:35%;display:inline-block;margin:0 6px;text-align:center}
.other-sign a:hover,.local-account a:hover{color:#fff}
.other-sign a i,.local-account a i{margin-right:5px}
.other-sign .qqlogin{background-color:#4a9cf8;color:#FFF}
.other-sign .weibologin{background-color:#e14d4c;color:#FFF}
.other-sign .weixinlogin{background-color:#2faf16;color:#FFF}
#sign .other-sign div{width:50%;text-align:center;float:left;padding:10px}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color:#1cbdc5}
#sign .sign-tips2{/*position:absolute;bottom:0;*/margin-top: 30px;background-color:#61af0d;left:0;right:0;height:0;line-height:29px;padding:0 10px;color:#fff;font-size:12px;overflow:hidden;border-radius:0 0 2px 2px}
.sign-overlay{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;width:100%;height:100%;left:0;top:0;z-index:9998}

@media screen and (max-width: 767px){
#sign{position:fixed;z-index:9999;/* top:80px; */left: 0;width: 100%;margin-left: 0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,-600px,0);-moz-transform:translate3d(0,-600px,0);-o-transform:translate3d(0,-600px,0);transform:translate3d(0,-600px,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px;}
#sign .part{height: 100%;position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding: 10% 50px 50px 50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none;}
}