.login-backgroundbox{width:auto!important;display:block;z-index:999;position:absolute;-webkit-transform:translateZ(0)}.login-backgroundbox .login-bigbox{padding:18px 6px;display:inline-block;background-color:#fff;margin:5px;border:solid 1px #e5e5e5;border-radius:7px;box-shadow:2px 2px 4px 0 rgba(51,51,51,.05),-2px -2px 4px 0 rgba(51,51,51,.05)}.login-backgroundbox .login-bigbox .login-topbox{border:1px solid #eee;border-style:none none solid none;margin-bottom:18px;height:50px;line-height:50px;font-size:16px;background-color:#fff;color:#666;font-weight:400;padding-left:15px;width:295px}.login-backgroundbox .login-bigbox .login-topbox span{float:left;padding-left:10px;width:250px}.login-backgroundbox .login-bigbox .login-topbox .close{float:right;width:14px;height:14px;background:url(../images/login_close.png?v=1) no-repeat;cursor:pointer;opacity:1;position:absolute;right:10px;top:20px}.login-backgroundbox .login-bigbox .login-topbox .login-to-qrcode{position:absolute;width:56px;height:56px;background:url(../images/login_register/toqrcode.png) no-repeat;top:25px;right:33px}.login-backgroundbox .login-bigbox .login-leftbox{width:320px;height:335px;margin:0 auto;margin-bottom:26px}.login-backgroundbox .login-bigbox .login-leftbox form{width:100%}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox{width:100%;margin-bottom:20px;position:relative;float:left}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox select{width:110px;height:42px;line-height:42px;float:left;border-radius:3px;font-size:14px;color:#999;border:1px solid #d8d8d8}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox input{width:100%;height:42px;line-height:42px;overflow:hidden;padding:0 15px;border:1px solid #d8d8d8;font-size:14px;border-radius:3px;transition:border .3s ease-out;float:left;color:#999}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox .mobile{width:200px;margin-left:10px}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox .checkbox{width:13px;height:13px;margin-right:4px;float:left;position:relative;top:-1px;padding:0;border:0}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox span{color:#666}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox a{text-decoration:none;color:#12a1ff;margin-left:5px}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox .forget-pwd{float:right}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox #getcode{height:42px;line-height:42px;font-size:12px;background-color:#e5e5e5;color:#999;display:block;float:left;text-align:center;margin-left:10px;text-decoration:none;margin-left:0;width:140px;border-radius:0 3px 3px 0}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox .error-box{padding:0 10px 0 4px;position:absolute;top:42px;left:0;line-height:20px;color:#f05b3d;font-size:12px;background:0 0;z-index:200}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox .error-box i{position:absolute;top:40px;left:22px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000}.login-backgroundbox .login-bigbox .login-leftbox form .login-inputbox #mobile_code-error{z-index:400}.login-backgroundbox .login-bigbox .login-leftbox form .gt-inputbox{height:44px}.login-backgroundbox .login-bigbox .login-leftbox form .mobilecode{height:42px}.login-backgroundbox .login-bigbox .login-leftbox form .mobilecode input{float:left;width:150px;height:42px}.login-backgroundbox .login-bigbox .login-leftbox form .mobilecode p{float:left}.login-backgroundbox .login-bigbox .login-leftbox form .button{color:#fff;background-color:#f05b3d;font-size:16px;border-radius:6px;border:0 none;cursor:hand;width:100%;height:48px;line-height:48px;float:left;cursor:pointer}.login-backgroundbox .login-bigbox .login-leftbox form .button:hover{background-color:#e5573a}.login-backgroundbox .login-bigbox .login-leftbox #register-post.noneuse{cursor:default;background-color:#999}.login-backgroundbox .login-bigbox .login-rightbox{width:320px;margin:0 auto}.login-backgroundbox .login-bigbox .login-rightbox .h4{font-size:13px;color:#b4b4b4;height:24px;line-height:24px;text-align:center;border:1px solid #eee;border-style:solid none none none;position:relative}.login-backgroundbox .login-bigbox .login-rightbox .h4 div{position:absolute;width:150px;text-align:center;top:-18px;left:85px;padding:4px 20px;background-color:#fff}.login-backgroundbox .login-bigbox .login-rightbox p{clear:both}.login-backgroundbox .login-bigbox .login-rightbox #met-email,.login-backgroundbox .login-bigbox .login-rightbox #met-mobile,.login-backgroundbox .login-bigbox .login-rightbox #met-username{display:inline-block;width:110px;height:40px;line-height:40px;border-radius:3px;color:#12a1ff;text-align:center;transition:all .3s linear;float:left;font-size:12px}.login-backgroundbox .login-bigbox .login-rightbox #met-email{background-color:#eef2f8;margin-right:10px}.login-backgroundbox .login-bigbox .login-rightbox #met-email i{width:18px;height:14px;display:block;float:left;background:url(../images/login-icon.png) 0 -255px no-repeat;position:relative;top:14px;left:20px;margin-right:5px}.login-backgroundbox .login-bigbox .login-rightbox #met-email:hover i{background:url(../images/login-icon.png) -28px -255px no-repeat}.login-backgroundbox .login-bigbox .login-rightbox #met-mobile{background-color:#eef2f8;margin-right:0}.login-backgroundbox .login-bigbox .login-rightbox #met-mobile i{width:14px;height:18px;display:block;float:left;background:url(../images/login-icon.png) 0 -308px no-repeat;position:relative;top:11px;left:22px;margin-right:5px}.login-backgroundbox .login-bigbox .login-rightbox #met-mobile:hover i{background:url(../images/login-icon.png) -28px -308px no-repeat}.login-backgroundbox .login-bigbox .login-rightbox #met-username{background-color:#eef2f8;margin-right:0}.login-backgroundbox .login-bigbox .login-rightbox #met-username i{width:18px;height:18px;display:block;float:left;background:url(../images/login-icon.png) 0 -279px no-repeat;position:relative;top:11px;left:14px;margin-right:3px}.login-backgroundbox .login-bigbox .login-rightbox #met-username:hover i{background:url(../images/login-icon.png) -28px -279px no-repeat}.login-backgroundbox .login-bigbox .login-rightbox #met-qq,.login-backgroundbox .login-bigbox .login-rightbox #met-weibo,.login-backgroundbox .login-bigbox .login-rightbox #met-weixin{width:40px;height:40px;display:inline-block;background:url(../images/login-icon.png) 0 0 no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-ms-background-size:100% auto;-moz-background-size:100% auto;position:relative;top:0;left:0}.login-backgroundbox .login-bigbox .login-rightbox #met-weixin{background-position:0 -48px;margin-right:20px;margin-left:20px}.login-backgroundbox .login-bigbox .login-rightbox #met-weibo{background-position:0 -96px;margin-right:20px}.login-backgroundbox .login-bigbox .login-rightbox #met-steam{width:40px;height:40px;display:inline-block;background:url(../images/steamlogo.png) 0 0 no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-ms-background-size:100% auto;-moz-background-size:100% auto;position:relative;top:0;left:0}.login-backgroundbox .login-bigbox .login-rightbox #met-email:hover,.login-backgroundbox .login-bigbox .login-rightbox #met-mobile:hover,.login-backgroundbox .login-bigbox .login-rightbox #met-username:hover{background:#f30;color:#fff}.login-backgroundbox .login-bigbox .login-rightbox .other-met{font-size:14px;color:#999;margin-bottom:10px}.login-backgroundbox .login-bigbox .login-rightbox .other-met #met-dota2{margin-left:10px;display:inline-block;width:24px;height:24px;background:url(../images/login-s.png) 0 -35px no-repeat;position:relative;top:6px}.login-backgroundbox .login-bigbox .login-rightbox .hasid{padding-top:15px;margin-top:15px;border-top:1px solid #f0f0f0;color:#999;font-size:12px}.login-backgroundbox .login-bigbox .login-rightbox .hasid a{color:#12a1ff;text-decoration:none}.select_area_wrap{width:110px;position:relative;height:42px;float:left}.select_area_wrap .area_country{width:110px!important;overflow:hidden}.select_area_wrap .area_arr{position:absolute;top:-12px;margin-top:13px;display:inline;left:79px;z-index:2;height:40px;width:29px;background:#fafafa;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px}.select_area_wrap .area_arr span{position:absolute;width:7px;height:4px;left:11px;top:17px;background:url(/static/web/images/newindex-icon.png) -219px -70px no-repeat}.select_area_wrap .country_list{width:320px;position:absolute;top:42px;height:200px;background:#fff;border:1px solid #d8d8d8;border-top:0;z-index:2;padding-top:10px;display:none;overflow-y:scroll}.select_area_wrap .country_list li{width:100%!important;height:25px!important;line-height:25px!important;padding-left:15px;padding-right:40px;cursor:pointer;border-bottom:none!important}.select_area_wrap .country_list li i,.select_area_wrap .country_list li span{float:left;color:#999}.select_area_wrap .country_list li i{float:right;font-style:normal}.select_area_wrap .country_list li:hover{background:#fafafa}.register-box-mobile .login-bigbox{width:380px;height:556px}.register-box-mobile .login-bigbox .login-topbox{width:100%}.register-box-mobile .login-bigbox .login-topbox #quick-login{left:155px}.register-box-mobile .login-bigbox .login-topbox .close{position:absolute;right:10px;top:10px}.login-box-user .login-bigbox .login-leftbox{height:244px}.change-nickname-box .login-bigbox,.change-password-box .login-bigbox,.change-userimg-box .login-bigbox{width:350px;border-radius:4px;margin:5px;padding:18px 6px}.change-nickname-box .login-bigbox .login-topbox,.change-password-box .login-bigbox .login-topbox,.change-userimg-box .login-bigbox .login-topbox{padding-left:5px;height:50px;line-height:50px;color:#444;font-size:16px;width:348px;background-color:#f9f9f9;border-radius:4px 4px 0 0;border-bottom:1px solid #e3e3e3;margin-bottom:35px}.change-nickname-box .login-bigbox .login-topbox span,.change-password-box .login-bigbox .login-topbox span,.change-userimg-box .login-bigbox .login-topbox span{width:200px;font-size:16px;color:#333;font-weight:700}.change-nickname-box .login-bigbox .login-topbox .close,.change-password-box .login-bigbox .login-topbox .close,.change-userimg-box .login-bigbox .login-topbox .close{margin:6px 15px 0 0;opacity:1;width:14px;height:14px}.change-nickname-box .login-bigbox .login-leftbox,.change-password-box .login-bigbox .login-leftbox,.change-userimg-box .login-bigbox .login-leftbox{border:none;height:235px;width:320px;margin-right:0;padding-right:0;text-align:center}.change-nickname-box .login-bigbox .login-leftbox form,.change-password-box .login-bigbox .login-leftbox form,.change-userimg-box .login-bigbox .login-leftbox form{text-align:center}.change-userimg-box{height:550px}.change-userimg-box .login-bigbox{height:540px;padding:0}.change-userimg-box .login-bigbox .login-topbox{width:648px}.add-nickname-box{width:435px;height:287px}.change-nickname-box .login-bigbox{width:350px}.change-nickname-box .login-bigbox .login-leftbox{height:110px;width:330px}.changemd-backgroundbox{width:400px;height:332px;top:291px}.login-backgroundbox #captcha-box{margin-bottom:20px;float:left;width:100%;height:40px}.offset-loginbox{width:395px;height:380px;background:#fff;position:fixed;top:25%;left:40%;border-radius:5px;z-index:900}.offset-loginbox .offset-head{width:395px;height:52px;line-height:52px;background:#f7f7f7;border-radius:5px 5px 0 0}.offset-loginbox .offset-head p{color:#000;font-size:16px;float:left;margin-left:16px}.offset-loginbox .offset-head .close{float:right;margin-top:-10px;margin-right:0;width:12px;height:12px;background:url(../images/login-icon.png) 0 -234px no-repeat;cursor:pointer;opacity:1}.offset-loginbox .offset-loginbox-font{flaot:left;font-size:12px;width:310px;margin-left:50px;margin-top:17px;margin-bottom:20px}.offset-loginbox .offset-loginbox-font .offset-loginbox-font1{float:left}.offset-loginbox .offset-loginbox-font .offset-mobile{float:left;color:#f05b3d;max-width:140px;overflow:hidden;margin-left:5px;margin-right:5px;text-overflow:ellipsis;white-space:nowrap}.offset-loginbox .login-inputbox{width:100%;height:42px;line-height:42px;overflow:hidden;padding:0 15px;border:1px solid #d8d8d8;font-size:13px;border-radius:3px;transition:border .3s ease-out;color:#999;text-align:center;float:left;margin-left:53px;margin-bottom:20px}.offset-loginbox .gt-inputbox{height:42px;margin-left:54px}.offset-loginbox .offset-btn{color:#fff;background-color:#f05b3d;font-size:16px;border-radius:6px;border:0 none;cursor:hand;width:290px;height:48px;line-height:48px;float:left;margin-left:53px;margin-top:20px}.offset-loginbox .offset-btn:hover{background-color:#e5573a}.offset-loginbox .error-box{padding:0 10px 0 38px;position:absolute;top:139px;left:32px;line-height:40px;color:#fff;font-size:12px;background:url(../images/login-s.png) no-repeat 15px -66px;background-color:#000;opacity:.8;border-radius:3px;z-index:200}.offset-loginbox .error-box i{position:absolute;top:40px;left:22px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000}.offset-box{width:290px;height:42px;line-height:42px;margin-left:53px;margin-top:20px;margin-bottom:20px}.mobilecode{height:42px}.mobilecode input{float:left;width:150px;padding-left:10px;height:42px}.mobilecode p{float:left}.mobilecode #getcode{height:42px;line-height:42px;font-size:14px;background-color:#e5e5e5;color:#999;display:block;float:left;text-align:center;margin-left:10px;text-decoration:none;margin-left:0;width:140px;border-radius:0 3px 3px 0}.mobilecode .error-input-box{padding:0 10px 0 38px;position:absolute;top:200px;left:32px;line-height:40px;color:#fff;font-size:12px;background:url(../images/login-s.png) no-repeat 15px -66px;background-color:#000;opacity:.8;border-radius:3px;z-index:400}.mobilecode .error-input-box i{position:absolute;top:40px;left:22px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #000}.offset-notice{width:395px;height:240px;background:#fff;position:fixed;top:25%;left:40%;border-radius:5px;z-index:900}.offset-notice .offset-notice-head{width:395px;height:52px;line-height:52px;background:#f7f7f7;border-radius:5px 5px 0 0}.offset-notice .offset-notice-head p{color:#666;font-size:16px;font-weight:400;float:left;margin-left:30px}.offset-notice .offset-notice-head .close{float:right;margin-top:-10px;margin-right:0;width:12px;height:12px;background:url(../images/login-icon.png) 0 -234px no-repeat;cursor:pointer;opacity:1}.offset-notice .offset-notice-font{width:290px;float:left;color:#000;margin-left:60px;font-size:14px;margin-top:35px}.offset-notice .offset-notice-font span{float:left}.offset-notice .offset-notice-font .offset-username{float:left;color:#f05b3d;max-width:140px;overflow:hidden;margin-left:5px;margin-right:5px;text-overflow:ellipsis;white-space:nowrap}.offset-notice .offset-notice-href{float:left;margin-top:35px;width:290px;height:45px;color:#fff;background-color:#f05b3d;font-size:16px;border-radius:6px;border:0 none;text-align:center;line-height:45px;margin-left:55px}.offset-notice .offset-notice-href:hover{cursor:pointer}.geetest_feedback,.geetest_logo,.geetest_success_logo{display:none!important}.geetest_holder.geetest_huomaofullpage{width:100%!important}#quick-register{padding:0 10px 10px 28px;font-size:12px;color:#f05b3d;cursor:pointer;position:absolute;left:150px}.password-login{display:block}.phone-login{display:none}#getcode1{height:42px;line-height:42px;font-size:14px;background-color:#e5e5e5;color:#999;display:block;float:left;text-align:center;margin-left:10px;text-decoration:none;margin-left:0;width:140px;border-radius:0 3px 3px 0}.login-psswd{display:none}.login-tab0,.login-tab1{font-size:14px;color:#666;padding-right:24px;cursor:pointer}.tab-ischecked{color:#f05b3d}#quick-login{padding:0 10px 10px 0;font-size:12px;color:#f05b3d;cursor:pointer;position:absolute;left:140px}.login-qrcode-box{width:400px;height:490px;background:#fff;z-index:700;border-radius:7px;border:solid 1px #e5e5e5;box-shadow:2px 2px 4px 0 rgba(51,51,51,.05),-2px -2px 4px 0 rgba(51,51,51,.05);position:relative}.login-qrcode-box .login-qrcode-box-top{position:absolute;top:0;left:0;width:100%;height:80px}.login-qrcode-box .login-qrcode-box-top p{float:left;font-size:16px;color:#666;height:16px;line-height:16px;width:150px;top:35px;left:28px;position:absolute;font-weight:400}.login-qrcode-box .login-qrcode-box-top .qrcode-quick-register{font-size:12px;color:#f05b3d;position:absolute;top:35px;left:190px}.login-qrcode-box .login-qrcode-box-top .qucode-close{float:left;width:12px;height:12px;background:url(../images/login-icon.png) 0 -234px no-repeat;top:5px;right:5px;position:absolute}.login-qrcode-box .login-qrcode-box-top .qrcode-to-login{position:absolute;width:56px;height:56px;background:url(../images/login_register/tologin_btn.png) no-repeat;top:20px;right:27px}.login-qrcode-box .login-qrcode-box-center{position:absolute;width:100%;height:315px;left:0;top:80px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border{position:absolute;width:150px;height:150px;border:1px solid #f2f2f2;left:28px;top:80px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border #qrcode-box{width:130px;height:130px;float:left;margin:10px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border #qrcode-box .qrcode-pasd-box{float:left;width:100%;height:100%;background-color:rgba(0,0,0,.65);position:absolute;top:0;left:0}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border #qrcode-box .qrcode-pasd-box p{float:left;width:100%;height:18px;line-height:18px;font-size:18px;color:#fff;margin-top:40px;text-align:center}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border #qrcode-box .qrcode-pasd-box .qrcode-again{float:left;width:120px;height:30px;background:#f05b3d;border-radius:3px;line-height:30px;color:#fff;font-size:16px;margin-left:15px;margin-top:15px;text-align:center}.login-qrcode-box .login-qrcode-box-center .qrcode-box-border #qrcode-box #qrcode{width:100%;height:100%}.login-qrcode-box .login-qrcode-box-center .qrcode-box-right{position:absolute;width:191px;height:227px;background:url(../images/login_register/qrcode_right_bg.png) no-repeat;top:0;left:180px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content{position:absolute;width:230px;height:40px;left:100px;top:260px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content img{float:left;width:34px;height:34px;margin-top:5px;margin-right:20px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content .qrcontent-font,.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content .qrcontent-notice{float:left;width:160px;height:14px;font-size:14px;color:#999}.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content .qrcontent-font span,.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content .qrcontent-notice span{color:#f05b3d;margin-left:5px}.login-qrcode-box .login-qrcode-box-center .qrcode-box-center-content .qrcontent-notice{margin-top:10px}.login-qrcode-box .qrcode-box-center-bottom{position:absolute;width:320px;top:385px;left:40px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox{width:320px;margin:0 auto}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .h4{font-size:13px;color:#b4b4b4;height:24px;line-height:24px;text-align:center;border:1px solid #eee;border-style:solid none none none;position:relative}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .h4 div{position:absolute;width:150px;text-align:center;top:-18px;left:85px;padding:4px 20px;background-color:#fff}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox p{clear:both}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-qq,.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-weibo,.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-weixin{width:40px;height:40px;display:inline-block;background:url(../images/login-icon.png) 0 0 no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-ms-background-size:100% auto;-moz-background-size:100% auto;position:relative;top:0;left:0}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-weixin{background-position:0 -48px;margin-right:20px;margin-left:20px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-weibo{background-position:0 -96px;margin-right:20px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-steam{width:40px;height:40px;display:inline-block;background:url(../images/steamlogo.png) 0 0 no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-ms-background-size:100% auto;-moz-background-size:100% auto;position:relative;top:0;left:0}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-email:hover,.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-mobile:hover,.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .met-username:hover{background:#f30;color:#fff}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .other-met{font-size:14px;color:#999;margin-bottom:10px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .other-met #met-dota2{margin-left:10px;display:inline-block;width:24px;height:24px;background:url(../images/login-s.png) 0 -35px no-repeat;position:relative;top:6px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .hasid{padding-top:15px;margin-top:15px;border-top:1px solid #f0f0f0;color:#999;font-size:12px}.login-qrcode-box .qrcode-box-center-bottom .login-rightbox .hasid a{color:#12a1ff;text-decoration:none}