.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}

*{
    outline:none;
}
a{
    text-decoration:none;
}
.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*每行的最外层*/
main .form-control{
    position: relative;
    margin: 10px auto ;
    height: 44px;
    max-width: 600px;
}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    main .form-control{
        position: relative;
        margin: 10px 20px;
        height: 44px;
    }
}
input{
    -webkit-appearance: none;
}

/*所有输入框的样式*/
main .form .form-control input {
    padding:0px 8px;
    height: 44px;
    font-size: 14px;
    width: 100%;
    border: solid 1px #d2d2d4;
    border-radius: 5px;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    color: #666;
}
main .form .form-control.password-block input{
    background: transparent;
}

/*标题文字和关闭按钮*/
main .form .form-control label,main .form .form-control span.icon-close {
    display: inline-block;
    line-height: 44px;
    font-size: 14px;
    color:#333;
    position: absolute;
    z-index: 2;
}
main .form .form-control label {
    text-align: left;
    left: 0px;
    margin-left: 8px;
}
main .form .form-control span.icon-close{
    width: 44px;
    right: 0px;
    text-align:center;
    display: none;
}
.form-control span.forget-password{
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #bbbbbb;
    top:16px;
    right: 10px;
    z-index: -1;
}
main .form .form-control span.icon-close .iconfont{
    font-size: 18px;
    color: #ccc;
}
/* 当分为左右两部分情况*/
main .form-control .left-wrap{
    width: 64%;
    position:absolute;
    left:0px;
}
main .form-control .right-wrap{
    width: 36%;
    position:absolute;
    right:0px;
    padding-left: 14px;
}
main .form .form-control .right-wrap span{
    display:block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: left;
}
/*验证码*/
main .form .form-control .right-wrap span.code-word{
    width: 60%;
    font-size:18px;
    letter-spacing:2px;
    color:#57bae9;
    padding-top: 5px;
}
main .form .form-control .right-wrap span.icon-update{
    width: 40%;
}
main .form .right-wrap span.icon-update .iconfont{
    font-size: 20px;
    color: #ccc;
}
/*重新发送*/
main .form .right-wrap span.right-word{
    width: 100%;
    padding-top:4px;
}
main .form .right-wrap span.right-word p{
    background:#f2f6f9;
    height: 36px;
    color:#9d9d9e;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
}
main .form .right-wrap span.right-word p.p-disable{
    background:#f2f6f9;
    height: 36px;
    color:#9d9d9e;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
}
main .form .right-wrap span.right-word p.p-enable{
    background:#57bae9;
    height: 36px;
    color:#fff;
    font-size:12px;
    line-height: 36px;
    border-radius: 6px;
    cursor: pointer;
}
/*按钮*/
main .btn-wrap{
    position: relative;
    margin-top: 30px;
}
main .btn-wrap button{
    display: inline-block;
    text-align: center;
    background: #57bae9;
    height: 44px;
    width: 100%;
    line-height: 44px;
    font-size:18px;
    border-radius:5px;
    color: #fff;
}
main .btn-wrap span{
    display: inline-block;
    text-align: center;
    background: #57bae9;
    height: 44px;
    width: 100%;
    line-height: 44px;
    font-size:18px;
    border-radius:5px;
    color: #fff;
}

/*使用协议*/
footer{
    text-align: center;
    font-size: 12px;
    width: 100%;
    color: #bbb;
}
footer label{
    color: #57bae9;
}
/*使用条款*/
.declare{
    width: 100%;
    font-size: 14px;
    position: absolute;
    bottom:0px;
    left: 0px;
    background: #ffffff;
    z-index: 20;
    text-shadow:none;
    padding:0px 10px;
    text-align: center;
    height: 0px;
    overflow: hidden;
}
.declare h1{
    font-size: 20px;
    color: #666;
    margin-top: 10px;
    line-height: 24px;
}
.declare p{
    text-align: left;
    text-indent: 2em;
    line-height: 24px;
    -webkit-font-smoothing:antialiased;
    color: #999;
    font-size: 16px;
    margin-top: 20px;
}
.close{
    position: absolute;
    right: 10px;
    top:10px;
    color: #ddd;
    z-index: 22;
}
.close .iconfont{
    font-size: 18px;
}
/*第三方登录部分*/
.third-party-login{
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;
}
.join-object{
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin: 30px 0 30px;
}
.join-object span{
    display: inline-block;
    width: 110px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #bbbbbb;
    font-size: 14px;
    background: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -12px;
    margin-left: -55px;
}
.third-party-wrap{
    padding: 0 20px;
}
.third-party-icon{
    width: 33.33%;
    float: left;
    text-align: center;
}
.third-party-icon p{
    font-size: 14px;
    color: #bbbbbb;
}
.icon-img{
    display: inline-block;
    width: 50px;
    height: 50px;
}
.icon-img.qq{
    background-image: url("../../images/login/qq.png");
    background-size: cover;
}
.icon-img.wx{
    background-image: url("../../images/login/wx.png");
    background-size: cover;
}
.icon-img.wb{
    background-image: url("../../images/login/wb.png");
    background-size: cover;
}
.title-tab{
    text-align: center;
    font-size: 16px;
    color: #bbb;
    margin: 12px 0 8px;
}
.title-tab span.active{
    color: #00b7ee;
}
.title-tab span{
    vertical-align: middle;
}
.title-tab i{
    font-style: normal;
    vertical-align: middle;

}
.form-control.btn-wrap p{
    text-align: right;
    font-size: 12px;
    color: #bbb;
    margin-top: 10px;
}
.username-register,.school-acont{
    display: none;
}