html,body{width: 100%;height: 100%;}
body{margin:0;padding:0;font-family:"Microsoft YaHei","Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;background-color:#fff;background-size: cover;color:rgba(0,0,0,0.8);font-size:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;word-wrap:break-word}
a{text-decoration: none}
button,input{font-family:"Microsoft YaHei","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
:focus{outline:0}
*{box-sizing: border-box;}
::-webkit-input-placeholder{color:rgba(0,0,0,.6)}::-moz-placeholder{color:rgba(0,0,0,.6)}:-ms-input-placeholder{color:rgba(0,0,0,.6)}
.loginbox{position:relative;background: #fff;width: 460px;margin:0 auto;border-radius: 20px;padding:40px 0 60px;text-align: center;top: 50%;transform: translateY(-50%);box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);}
.loginbox.has-left{width: 760px;padding-left: 300px;}
.loginbox.has-left .loginimage{position: absolute;left: 0;top: 0;bottom: 0;width: 300px;border-radius: 20px 0 0 20px;overflow: hidden;}
.loginbox.has-left .loginimage img{width: 100%;height: 100%;object-fit: cover;}
.loginbox .part{max-width: 340px;width:100%;display: inline-block;}
.loginbox h2{font-size:28px;text-align:center;margin:20px auto;}
.loginbox h2 img{width:80px;height:auto;border:none;border-radius: 50%;}
.loginbox p{margin:0;}
.loginbox .input-item{margin-bottom:10px; position: relative;font-size: 13px;}
.loginbox .form-slide-item{height: 40px;width:100%;background-color: #ddd;border-radius: 7px;overflow: hidden;text-align: center;line-height: 40px;display: block;position: relative;}
.loginbox .input-item .icon{position: absolute;left: 10px;top:10.5px;}
.loginbox .input-submit{margin-bottom:6px;}
.loginbox .input-submit .submit{font-size:14px;background:var(--theme-color);color:#fff;width:100%;border:none;border-radius:7px;padding:12px 0;cursor:pointer}
.loginbox .input-submit .submit:hover{opacity: .8}
.loginbox .input-item .input-control{padding:13px 12px 13px 33px;border:none;width:100%;border:1px solid #eaeaea;border-radius:7px;}
.loginbox .input-item .captcha-img{top:-9.5px;right:-13px;cursor: pointer;height: 38px;position: relative;}
.loginbox .input-item .captcha-clk, .loginbox .input-item .captcha-clk2, .loginbox .input-item .captcha-sms-clk{position:absolute;cursor:pointer;font-size:13px;color:var(--theme-color);display:inline-block;top:13px;right:15px;cursor: pointer;}
.loginbox .input-item .captcha-clk.disabled, .loginbox .input-item .captcha-sms-clk.disabled{cursor:auto;opacity: .7;}
.loginbox .input-item .invitation-link{position:absolute;top:14px;right:10px;font-size:13px;color:#999}
.loginbox .input-item .captcha-slide{width: 40px; height: 40px; line-height:40px;background-color: #6f6f6f; color:#fff;position: absolute;left:0;cursor: pointer;text-align: center;}
.loginbox .input-item .captcha-slide .icon{font-size: 28px;font-weight: bold;position: static;}
.loginbox .safe{margin-bottom:30px;margin-top:15px;overflow:hidden;text-align: left;}
.loginbox .signup-social-only .safe{margin-bottom: 0;}
.loginbox .safe a{font-size:13px;color: #999;float: left;}
.loginbox .safe .signup-loader, .loginbox .safe .signsms-loader{float:right}
.loginbox .sign-tips2, .loginbox .sign-tip{font-size:11px;color:#f42;margin-bottom:10px;margin-top: -4px;display:none}
.loginbox .mpPart .sign-tips2{text-align: center;margin-top: 5px;}
.loginbox .sign-tips2 a{display: none;}
.loginbox .regSuccess{font-size:14px;text-align:center;margin-top:90px;}
.loginbox .social-login{text-align:center;font-size: 13px;}
.loginbox .signup-social-only .sign-social{margin-bottom: 50px;}
.loginbox .social-login .social-title{margin-bottom: 20px;}
.loginbox .social-login span{color:#aaa;position: relative;}
.loginbox .social-login span:before{top: 9px;left: -105px;}
.loginbox .social-login span:after{top: 9px;right: -105px;}
.loginbox .social-login span:before, .loginbox .social-login span:after{position: absolute;content: '';border-bottom: rgba(0,0,0,0.06) 1px solid;box-shadow: 0 1px rgba(255,255,255,0.5);width: 90px;}
.sign-social .login-qq,.sign-social .login-weibo,.sign-social .login-weixin,.sign-social .login-google,.sign-social .login-facebook,.sign-social .login-twitter{opacity:0.85;filter:alpha(opacity=85);color:#fff;font-size:28px;text-align:center;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;margin:0 8px;display: inline-block;}
.loginbox .signup-social-only .sign-social .login-qq, .loginbox .signup-social-only .sign-social .login-weibo, .loginbox .signup-social-only .sign-social .login-weixin, .loginbox .signup-social-only .sign-social .login-google, .loginbox .signup-social-only .sign-social .login-facebook, .sign-social .login-twitter{width: 60px;height: 60px;line-height: 60px;}
.sign-wrap{position: relative;}
.sign-notice{max-width:340px;width:100%;display:inline-block;font-size: 12px;text-align: center;color: #ccc}
.sign-notice:empty{display: none}
.sign-social .login-qq{background-color:#3F92D6;}
.sign-social .login-weibo{background-color:#FF766C;}
.sign-social .login-weixin{background-color:#40C34A}
.sign-social .login-google{background-color:#ea4335}
.sign-social .login-facebook{background-color:#1877F2}
.sign-social .login-twitter{background-color:#4ab3f4}
.sign-social .login-qq:hover,.sign-social .login-weibo:hover,.sign-social .login-weixin:hover,.sign-social .login-google:hover,.sign-social .login-facebook:hover,.sign-social .login-twitter:hover{color:#fff;opacity:1;filter:alpha(opacity=100)}
.sign-social .icon{font-size: 28px;top:0;}
.loginbox .signup-social-only .sign-social .icon{font-size: 28px;}
.form-policy{margin-top: 5px;font-size: 12px;color:#999;text-align: left;}
.form-policy input{position: relative;top:2px;margin:0;}
.form-policy a{color: #1a1a1a}
.left{float:left;}
.right{float:right;}
.erphp-weixin-scan{text-align: center;z-index: 99}
.erphp-weixin-scan img{margin:10px 0;border-radius: 3px;}
.loginform .payment-radios{text-align: center;}
.loginform .payment-radios .paytype{display: none;}
.loginform .payment-radios .icon{top:2px;left: 0;font-size:32px;position: relative;}
.loginform .payment-radios label{margin: 0 5px;cursor: pointer;display: inline-block;line-height: 1;width:44px;height: 44px;border:2px solid #eaeaea;border-radius:50%;text-align: center;padding:2px;}
.loginform .payment-radios .payment-alipay-label .icon{color:#00a3ee;}
.loginform .payment-radios .payment-wxpay-label .icon{color:#00c250;}
.loginform .payment-radios .payment-qqpay-label .icon{color:#0BB2FF;}
.loginform .payment-radios .payment-paypal-label .icon{color:#0070ba;}
.loginform .payment-radios .paytype:checked + label{border:2px solid var(--theme-color);}
.loginform .payment-radios .paytype:checked + .payment-alipay-label{border:2px solid #00a3ee;}
.loginform .payment-radios .paytype:checked + .payment-wxpay-label{border:2px solid #00c250;}
.loginform .payment-radios .paytype:checked + .payment-qqpay-label{border:2px solid #0BB2FF;}
.loginform .payment-radios .paytype:checked + .payment-paypal-label{border:2px solid #0070ba;}
.loginform .payment-radios label:last-child{margin-right: 0}

.expend-container{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1;}
.expend-container:after{content: ' ';position: absolute;right: 1.2rem;top: 1.2rem;z-index: 2;border-top: 1px rgba(0, 0, 0, 0.2) solid;height: 6rem;width: 6rem;background: #fff;transform: rotate(45deg);transition: all 0.4s;}
.expend-container:hover:after{right: 1.4rem;top: 1.4rem;}
.expend-container a{display: inline-block;}
.expend-container svg{fill: #999}

.return-home{position: fixed;top: 20px;left: 20px;text-align: center;background: #f5f5f5;width: 65px;height: 65px;line-height: 65px;border-radius: 12px;display: inline-block;color: #999;}
.return-home .icon{font-size: 28px;}

body.night{background-color: #232323 !important;color: #777;}
body.night .loginbox{background: #232323;box-shadow: 0 0 20px rgba(0,0,0,.3);}
body.night .loginbox .input-item .input-control{background: #303030;border-color:#303030;color:#777;}
body.night ::-webkit-input-placeholder{color:#777}body.night ::-moz-placeholder{color:#777}body.night :-ms-input-placeholder{color:#777}
body.night .loginbox .safe a{color:#999;}
body.night .loginbox .social-login span{color: #777;}
body.night .loginbox .expend-container:after{background: #232323}
body.night .loginbox .form-policy{color: #777;}
body.night .loginbox .form-policy a{color:#999;}
body.night .return-home{background: #303030;color: #777;}

@media (max-width: 768px){
	.loginbox.has-left{width: 100%;padding-left: 0;}
	.loginbox.has-left .loginimage{display: none;}
}

@media (max-width: 640px){
	.loginbox{width: 100%;border-radius: 0;box-shadow: none !important;}
}