#sign button,#sign div,#sign dl,#sign dt,#sign form,#sign h1,#sign h2,#sign h3,#sign h4,#sign h5,#sign h6,#sign html,#sign input,#sign li,#sign ol,#sign p,#sign select,#sign td,#sign textarea,#sign th,#sign ul{margin:0;padding:0}
#sign table{border-collapse:collapse;border-spacing:0}
#sign form,#sign input,#sign li,#sign ol,#sign p,#sign textarea,#sign ul{list-style:none}
#sign h1,#sign h2,#sign h3,#sign h4,#sign h5,#sign h6{font-weight:400;line-height:1.2}
#sign button,#sign file,#sign input,#sign optgroup,#sign option,#sign select,#sign textarea{outline:0;vertical-align:middle}
#sign a{outline:0;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}
::-moz-focus-inner{border-color:transparent}
::-moz-selection{color:#fff;color:rgba(255,255,255,.9);background:#0ae;text-shadow:none}
::selection{color:#fff;color:rgba(255,255,255,.9);background:#0ae;text-shadow:none}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;-webkit-tap-highlight-color:transparent;border-radius:0}
::-webkit-input-placeholder{color:rgba(255,255,255,.2)}
input:-moz-placeholder{color:rgba(255,255,255,.2)}

.overlay{background:#000;opacity:.8;position:fixed;width:100%;height:100%;left:0;top:0;z-index:9998}
.fadeIn #sign{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#sign{position:fixed;z-index:9999;top:80px;left:50%;width:400px;margin-left:-200px;opacity:0;-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);min-height:200px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;}
.sign .registerPart .other-sign{display:none}
.register .registerPart .other-sign{display:block}
#sign .part{position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding:50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none}
#sign.sign .loginPart{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);z-index:1;display:block}
#sign.sign .registerPart{-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);z-index:1;display:block}
#sign form h3{font-size:18px;margin-bottom:20px}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form h3 p i{color:#0ae;font-style:normal;}
#sign form .status .error{color:#0ae}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form label.error{color:#FFF;background-color:#0ae;padding:0 4px;position:absolute;z-index:5;right:10px;top:8px}
#sign form label.icon{position:absolute;right:10px;top:6px;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 #0ae}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px}
#sign form .submit{cursor:pointer;background-color:#0ae;color:#FFF;border:0 none;font-size:14px}
#sign form .submit:hover{background-color:#ee705a}
#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}
#sign form .close{position:absolute;right:25px;top:0;width:50px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:50px;background-color:#444;font-size:16px;color:#FFF}
#sign form .close i{-webkit-transition:all ease-out .3s;transition:all ease-out .3s}
#sign form .close:hover i{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin:30px -50px auto -50px;padding:0 50px}
#sign .other-sign p{margin:20px auto 10px auto}
#sign .other-sign a{display:inline-block;padding:6px 10px}
#sign .other-sign a i{margin-right:5px}
#sign .other-sign .qqlogin{background-color:#4a9cf8;color:#FFF}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color:#0ae}
.vdcodeimg{padding:1px;border:1px solid #ddd;border-left:none;display:inline;}
.vdcode img{height:32px;}