.wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:199;display:none;background:rgba(0,0,0,.5)}.dialog{position:relative;background-color:#faf9f8;width:480px;margin:200px auto 50px;padding:25px 30px}.dialog.display{display:block;animation:signDialog .3s;-webkit-animation:signDialog .3s}@keyframes signDialog{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.dialog .dialog-btn{position:relative}.login,.binding,.forgotPass,.sign{display:none}.binding{display:none}.dialog i.close-ico{position:absolute;top:30px;right:30px;cursor:pointer;font-size:23px;color:#000}.dialog p.dialog_title{font-size:22px;margin-bottom:20px;color:#0e1319}.dialog .input-box{margin-bottom:15px;position:relative}.sign ul{margin-bottom:20px}.dialog li input{height:46px;background-color:#1b2838;width:100%;padding-left:41px;color:#fff}.wrapper .dialog .tips{color:red;margin-top:5px;font-size:12px}.dialog .input-box i{position:absolute;top:12px;left:14px;color:#477ea0;font-size:19px}.dialog .email .input-box img{width:24px;height:19px;position:absolute;top:13px;left:12px}.dialog .checked{font-size:12px;position:relative;padding:7px 0 0 27px;margin-bottom:3px;color:#101822}.dialog a{color:#00aeff}.dialog a:hover{text-decoration:underline}.dialog .checked input{position:absolute;z-index:99;left:-2px;top:4px}.dialog .checked label{width:16px;height:16px;border-radius:3px;position:absolute;left:0;top:0;margin-top:6px}.dialog .checked label:after{content:"";position:absolute;top:-1px;left:0;width:18px;height:18px;background-image:url(/static/web/image/label.png);background-size:100%}.dialog .checked input[type=checkbox]:checked+label:after{background-image:url(/static/web/image/islabel.png)}.dialog button{background-color:#049cc6;width:100%;height:50px;font-size:20px;color:#faf9f8;margin-top:25px;cursor:pointer}.dialog button:hover{background-color:#12bbea}.dialog button:disabled{cursor:not-allowed}.dialog button i{display:block;width:20px;height:20px;border-radius:50%;border-left:2px solid #fff;margin:auto;animation:rotation 1s linear infinite;display:none}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dialog button.error{background:#ed5565}.login form .checked{padding-right:0}.login form .checked a{float:right}.forgotPass .forgotpass_title .back{color:#000;transform:rotate(180deg);font-size:24px;margin-right:10px;cursor:pointer}.forgotPass .forgotpass_title .dialog_title{margin-bottom:0}.forgotPass .notice{color:#101822;margin-top:30px;margin-bottom:20px}.forgotPass.dialog button{margin-top:15px;margin-bottom:8px}.updatePass.dialog .forgotpass_title{margin-bottom:30px}.bind_page .login_register{width:400px}.dialog .shade{margin-top:20px}.dialog .shade p{font-size:12px;text-align:center;color:#1b2838}.dialog .shade span i{display:block;font-size:24px;color:#a7b6c2}.dialog .shade span{width:40px;height:40px;padding:5px;text-align:center;line-height:30px;border-radius:50%;margin:20px 0 20px 10px;cursor:pointer}.dialog .shade span:last-child{margin-right:0}.dialog .shade span i{color:#fff}.dialog .shade span.facebook{background:#217ce4}.dialog .shade span.facebook:hover{background:#0d73e7}.dialog .shade span.google{background:#4f92ef}.dialog .shade span.google:hover{background:#3f87eb}.dialog .shade span.reddit{background:#e14c36}.dialog .shade span.reddit:hover{background:#e93116}.dialog .shade span.steam{background:#2e7fa6}.dialog .shade span.steam:hover{background:#3291bf}.dialog .shade span.twitch{background:#4a358a}.dialog .shade span.twitch:hover{background:#6546c5}.dialog .shade span.twitter{background:#329be3}.dialog .shade span.twitter:hover{background:#1a91e3}.dialog .shade span.youtube{background:#ed1e26}