/****************
 * 登录界面
 * edit by yuki 2023.1.1
 *****************
 */

 @charset "utf-8";
 * {margin:0;padding:0;font-family:"微软雅黑";}
 :root{
	--blue:#3366ff;
	--brown:#ff9900;
 }
 body {overflow:hidden;}
 #landing, #registered{position:relative;text-align:center;width:100%;padding-bottom:52px;color:#999;font-size:18px}
 #landing{color:#fff;}
 #landing img{height:200px}
 #landing>h2{font-size:2em;font-weight:bold;color:#000;padding-bottom:12px;margin-top:22px}
 #landing>i{font-style:normal;background:var(--blue);border:1px solid #fff;padding:6px 0;border-radius:8px;width:220px;position:absolute;left:50%;bottom:-16px;margin-left:-110px}
 #landing-content {clear:both;background:#fff;border-radius:18px;padding:36px 0;}
.form {position:absolute;top:50%;left:50%;width:calc(100% - 44px);max-width:600px;transform:translate(-50%,-50%);font-size:18px;}
.beian {font-size:14px;color:#c3c3c3;margin:1% 0;display:inline-block;width:100%;text-align:center}
.border-btn {border-bottom:1px solid #ccc}
.inp {width:calc(100% - 36px);max-width:300px;/* height:30px;*/margin:0 auto;margin-bottom:30px;}
.inp>input {text-align:center;width:calc(100% - 90px);height:30px;margin:0 10px;padding:6px 0;transition:all .3s ease-in-out;border:1px solid #aaa;border-radius:6px;}
.inp>i{display:inline-block;font-size:14px;font-style:normal;}
.inp>a{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #ff8b28;color:#ff8b28;line-height:1em;font-weight:900;text-align:center;}
.login {color:#fff;background:#3366ff;border-radius:50px;width:calc(100% - 36px);max-width:300px;height:42px;text-align:center;font-size:13.333333px;line-height:42px;margin:0 auto;transition:all .3s ease-in-out}
.login:hover {background:#a6a6a6;color:#fff}
#photo {width:80px;margin:0 auto;overflow:hidden;clear:both;}
#photo>img:hover {-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
#photo>img[src] {/*有图片时显示定位*/padding:15px 0;width:75px;-webkit-background-size:220px 220px;-webkit-transition:-webkit-transform 1s linear;-moz-transition:-moz-transform 1s linear;-o-transition:-o-transform 1s linear;-ms-transition:-ms-transform 1s linear}
.description{width:calc(100% - 36px);max-width:300px;margin: 2rem auto;line-height: 1.425;}
.description-title{font-size: 0.6rem;font-weight: bold;	}
.description p{display:flex;align-items:center;font-size: 12px;color:var(--brown);background:#f5f5f5;padding:12px;border-radius:8px}
.description p>b{display:inline-block;text-align:center;width:100%}

#landing-bottom {display:flex;position:fixed;bottom:16px;left:50%;width:calc(100% - 44px);max-width:600px;transform:translateX(-50%);font-size:13.333333px;color:#000;text-align:center;flex-wrap:wrap}
#landing-bottom a{text-decoration:none;flex:1;color:#000}
#landing-bottom a.hover{color:var(--blue)}
#landing-bottom a.hover svg{fill:var(--blue)}
#landing-bottom a svg{width:32px}
#landing-bottom a i{display:block;font-style:normal;}
#registeredtxt {font-size:16px}
#forgotpassword {color:#000;font-size:12px;font-weight:bolder;margin-left:20px}
#registered-content {margin-top:40px}
.fix {clear:both}

#popAlert{/*横向弹窗*/position:absolute;top:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);}
#popAlert>div{width:calc(100% - 40px);max-width:400px;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);}
#popAlert img{width:100%;}
#popAlert .closebtn{display:block;width:42px;height:42px;margin: 16px auto;font-size:42px;color:#fff;text-align:center;line-height:38px;border:2px solid #fff;border-radius:50%}