@charset "utf-8";
/* CSS Document */
* {word-wrap:break-word;word-break:break-all;box-sizing:border-box;}
html,body {
    font-size: 14px;
    font-family: "微软雅黑", Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
    background-color: #30333F;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/app-header-bg.jpg) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
}
img,p,form {margin:0px;padding:0px;border:0px;}
ul,li{list-style:none;padding:0px;margin:0px;}
H1,H2,H3 {margin:5px 0px;padding:0px;}
input,textarea { font-size:1em;font-family: "微软雅黑","宋体","Times New Roman", Times, serif,Arial, Helvetica, sans-serif;color:#333;}
.pointer { cursor:pointer; }
.l {float:left;}
.r {float:right;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}

.loginbox{position: fixed;width: 800px;height:460px;
    left:50%;top:50%;margin-top: -230px;margin-left: -400px;
    background:rgba(255,255,255,.8);border-radius:10px;overflow: hidden;}
.loginboxl {float: left;width: 400px;height: 460px;background: #ffffff;border-right:0px solid #1898de;padding:20px 50px;overflow: hidden;}
.loginboxr {float: left;position:relative;border-left:0px solid #3ab3f6;width: 400px;height: 460px;background: #22a7f0;color:#ffffff;padding-top:130px;overflow: hidden;}
.loginboxr p{float: left;width: 100%;text-align: center;font-size:18px;padding:10px;line-height:30px;overflow: hidden;}
.loginboxr h1{float: left;width: 100%;font-size:30px;text-align: center;overflow: hidden;}
.loginboxr .powerby{float:left;position: absolute;left:0px;bottom:55px;line-height:50px;width: 100%;text-align: center;color:#0d79b4;overflow: hidden;}
.loginboxr .powerby a{color:#0d79b4;text-decoration: none;}

.loginbox .loginavatar{float: left;width: 100%;background: #ffffff;background:rgba(255,255,255,.9);height:140px;line-height: 100px;padding:20px;
    color:#ea644a;font-size:100px;text-align: center;overflow: hidden;}
.loginboxl .loginboxtitle{float: left;width: 100%;padding:5px;font-size:30px;text-align:center;color:#353d47;overflow: hidden;}
.loginboxl .loginboxico{float: left;width: 100%;padding:5px 0px;text-align:center;overflow: hidden;}
.loginboxico i {margin:0px 5px;width: 30px;height: 30px;text-align:center;line-height:30px;background: #22a7f0;color:#ffffff;border-radius: 50%;overflow: hidden;}
.loginboxico i:hover{background: #ea644a;}
.loginboxl .loginform{float: left;width: 100%;text-align: center;overflow: hidden;}
.loginboxl .loginform ul li {float: left;width: 100%;padding-top:15px;overflow: hidden;}
.loginipt{float: left;height:45px;line-height: 45px;background: #fafafa;border:1px solid #eeeeee;padding:0px 10px;outline:none;overflow: hidden; }
.loginipt:focus{border:1px solid #22a7f0;}

.uname{width: 100%;}
.yzipt{width:60% }
.yzpic{float: right;width: 40%;height: 45px;border: 0px;cursor: pointer;}
.loginbtn{display:inline;width:160px;height: 50px;border-radius:25px;border:0px;font-size:18px;text-align:center;outline:none;cursor:pointer;overflow: hidden;}
.btnred{background: #ea644a;color:#ffffff;}
.btnred:hover{border:0px solid #d9563c;background: #22a7f0;}

.reloadverify{color:#69C3FF;}
img.verifyimg{border: 0px solid #ececec;cursor: pointer;}

@media screen and (min-width:320px) and (max-width:640px){
    .loginbox{position: fixed;width: 400px;height:440px;left:50%;top:50%;margin-top: -220px;margin-left: -200px;background:rgba(255,255,255,.8);border-radius:10px;overflow: hidden;}
    .loginboxr{display: none;}
    .loginboxl{border-right:0px;}
}