html,body{max-width: 500px;margin:0 auto!important;}
#app{position: relative;}
.login-language{position:absolute;top:-30px;right:30px;text-align:right}
.login-language img{display:inline-block;vertical-align:middle}
.lang{display:inline-block;vertical-align:middle;font-size:11px;color:#8b8a8a}
.logobox{width:155px;height:40px;margin:45px auto}
.logo{float:left;width:100%;height:100%}
.sysname{float:right}
.sysname p{color:#1ad473;font-size:12px}
.countryid,.iptbox{display:block;width:80%;height:40px;line-height:40px;margin:10px auto 0;border-radius:20px;border:1px solid #f4f4f4;padding:0 6.5%}
.country{float:left;font-size:14px;color:#444}
.c-id{float:right;font-size:14px;color:#444}
.r-jian{float:right;width:10px;margin-top:11px;margin-left:3px}
.clear{clear:both}
.password,.phonenum{float:left;width:50%;height:40px;line-height:40px;border:none}
.phonenum{width:95%}
.forget{float:right;font-size:14px;color:#444;margin-left:25px}
.lookor{float:right;width:20px;height:15px;margin-top:12px}
.loginbtn{display:block;width:80%;height:40px;line-height:40px;margin:10px auto 15px;border-radius:20px;background:rgba(26,209,114,.6);color:#fff;border:none;font-size:13px}
.or{margin-bottom:15px;color:#b1b1b1;text-align:center}
.phonecodelogin{display:block;width:80%;height:40px;line-height:40px;margin:0 auto;border-radius:20px;color:#1ad473;border:1px solid #1ad473;font-size:13px;background:#fff}
.last{width:80%;margin:15px auto;font-size:11px}
.last span{float:left;color:#444}
.last .uplogin{float:right}
.shanchu{width:5%}
#labelTip{font-size:15px}
#slider_bg{background:url(../img/Theslider.png) center center no-repeat;background-size:cover}
#slider{width:80%;margin:10px auto 0}
.xieyi{text-align:center;font-size:10px;color:#a1a1a1}
.xieyi span{color:#1ad473}
.hdi{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background:rgba(0,0,0,.5)}
.loginedbox{position:absolute;top:155px;left:12.5%;z-index:10;width:75%;background:#fff;border-radius:5px}
.dengpao{display:block;width:50%;margin:-60px auto 0}
.loginedbox p{font-size:16px;color:#666;text-align:center}
.cencle{width:42%;height:35px;margin:15px 5% 10px;border:1px solid #e1e1e1;color:#666;border-radius:20px;background:#fff;font-size:14px}
.loginrightnow{width:42%;height:35px;color:#fff;border-radius:20px;background:#1ad473;font-size:14px}
.notset{position:fixed;bottom:20px;width:100%;text-align:center;font-size:10px;color:#39c87e}
.e-mailsend{position:absolute;top:40%;left:12.5%;width:75%;height:60px;background:rgba(0,0,0,.6);border-radius:3px;color:#fff;font-size:15px;text-align:center;padding-top:15px}
.loginedbox .know{height:50px;line-height:50px;font-size:18px;color:#2fd77f;text-align:center}