/*
* @Author: Fran
* @Date:   2017-11-08 10:26:50
* @Last Modified by:   Fran
* @Last Modified time: 2017-12-07 10:42:11
*/

a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/}
input[type=button],
input[type=text],
input[type=tel],
input[type=password],
input[type=submit]{ 
    -webkit-appearance:none;
    outline:none;
    border:none;
}
button{-webkit-appearance:none;outline:none;border:none;}

/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
html,body{
  margin:0 auto;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
  height: 100vh;
  min-height: 100vh;
  /*background: #11180e;*/
}
.login-bg{
    margin-left: auto;
    margin-right: auto;
    width: 10.0rem;
    height:100% ;
    background: url(../images/login-img/login_bg.jpg) 100% top repeat-x;
    background-size: cover;
}

@-webkit-keyframes animatedBackground{
   from {
    background-position: 100% 100%;
  }
  to {
    background-position: 0% 100%;
  }
}
@-moz-keyframes animate-cloud {
   from {
    background-position: 100% 100%;
  }
  to {
    background-position: 0% 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 100% 100%;
  }
  to {
    background-position: 0% 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 100% 100%;
  }
  to {
    background-position: 0% 100%;
  }
}

.login-logo{
    position:relative;
    top:1.6rem;
   /* left: 4.066667rem;*/
    margin-left: auto;
    margin-right: auto; 
    width:2.28rem;
    height: 2.666667rem;
    background: url(../images/login-img/logo.png) no-repeat top;
    background-size: cover;
    text-align: center;
    line-height: 2.3rem;
    color: #fff;
    

}
/* 登录表单样式 */
.input-form{
    margin-left: auto;
    margin-right: auto;
    
    /*height: 6.133333rem;*/
}
.contentUp{
    transform:translateY(200px);
    opacity:0.1;
}

@-webkit-keyframes animatedContentUp{
   from {
    transform:translateY(200px);
    opacity: 0.1
  }
  to {
    transform:translateY(0);
    opacity: 1
  }
}
@-moz-keyframes animate-cloud {
   from {
    transform:translateY(200px);
    opacity: 0.1
  }
  to {
    transform:translateY(0);
    opacity: 1
  }
}
@-ms-keyframes animate-cloud {
  from {
    transform:translateY(200px);
    opacity: 0.1
  }
  to {
    transform:translateY(0);
    opacity: 1
  }
}
@-o-keyframes animate-cloud {
  from {
    transform:translateY(200px);
    opacity: 0.2
  }
  to {
    transform:translateY(0);
    opacity: 1
  }
}

.login-form{
    position: relative;
    top:2.94rem; 
    width: 8.0rem;   
}
.login-row{
    width: 8.0rem;
    height: 1.24rem;
    border-bottom:1px solid #ffffff; 
}
.login-lable{
    display: inline-block;
    width: 1.28rem;
    font-size: 0.4rem;
    color: #ffffff;
    line-height: 1.24rem;
    vertical-align: middle;
}
.login-input{
    display: inline-block;
    padding-left: 0.533333rem;
    width: 4.8rem;
    height: 0.8rem;
    font-size: 0.4rem;
    color: #ffffff;
    background: rgba(0,0,0,0);
    vertical-align: middle;

}
.login-submit{
    margin-top:0.8rem; 
    width: 40%;
    height: 1.2rem;
    background: #31BDD3;
    font-size: 0.4rem;
    color: #FFFFFF;
    border-radius: 0.12rem;
}
button.login-submit:active{background:#1E8B9D;}
.login-item{
    margin-top: 0.4rem;
    width: 100%;
    height: 0.4rem;
    color: #3CBDD2;
    line-height: 0.4rem;
    font-size: 0.4rem;
}
.login-item a{
    color: #3CBDD2;
    text-decoration: none;
}
.login-item a:hover{
    text-decoration: none;
}
.login-forgot{
    float: right;
}

/* 快捷登录方式 */
.login-sites{
    position: relative;
    top:3.0rem;
    text-align: left;
}
.login-sites a{
    width: 1.066667rem;
    height: 1.066667rem;
    display: inline-block;
    background-size: cover;
}
.login-wechat{
    background:url(../images/login-img/login_wechat@3x.png) no-repeat center;
}
.login-weibo{
    margin-left: 1.146667rem;
    background:url(../images/login-img/login_weibo@3x.png) no-repeat center;
}
.login-qq{
    margin-left:  1.146667rem;
    background: url(../images/login-img/login_qq@3x.png) no-repeat center;
}
.login-phone{
    float:right;
    background: url(../images/login-img/login_phone@3x.png) no-repeat center;
}

/* reset.html  */
.wraper{
    width: 10.0rem;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    background: #F3F3F3;
}
.item-cue-section{
    width: 10.0rem;
    height: 0.933333rem;
    box-shadow: 0 0.026667rem 0.053333rem 0 rgba(0,0,0,0.25);
    background: #FFFFFF;
}
.item-cue-section p{
    font-size:0.32rem;
    color: #000000;
    opacity: 0.7;
    line-height: 0.933333rem;
    padding-left: 0.266667rem; 
}
.reset-form{
    margin-top: 0.28rem;
    /*position: relative;
    top:0.28rem; */
    background: #FFFFFF;
    box-shadow: 0 0.026667rem 0.053333rem 0 rgba(0,0,0,0.25);
}
.reset-row{
    width: 10.0rem;
    height: 1.24rem;
    line-height: 1.24rem;
    border-bottom:0.013333rem solid rgba(0,0,0,0.25);
}
.reset-lable{
    display: inline-block;
    font-size: 0.4rem;
    color: #000000;
    opacity: 0.6;
    line-height: 1.24rem;
    padding-left: 0.266667rem;
}
.reset-input{
    display: inline-block;
    padding-left: 0.533333rem;
    width: 6rem;
    height: 0.8rem;
    font-size: 0.4rem;
    color: #000000;
    background: rgba(0,0,0,0);

}
.reset-submit{
    display: block;
    margin-top:0.533333rem; 
    width: 9.466667rem;
    height: 1.2rem;
    margin-left: auto;
    margin-right: auto;
    background: #31BDD3;
    font-size: 0.4rem;
    color: #FFFFFF;
    border-radius: 0.12rem;
}
.reset-submit-disabled{
    background: #31BDD3;
    opacity: 0.2;
}
button.reset-submit:active{background:#1E8B9D;}

/*regis.html*/
.regis-lable{
    display: inline-block;
    font-size: 0.4rem;
    color: #000000;
    opacity: 0.6;
    line-height: 1.24rem;
    padding-left: 0.266667rem;
}
.regis-input{
    display: inline-block;
    padding-left: 0.533333rem;
    width: 4.8rem;
    height: 0.8rem;
    font-size: 0.4rem;
    color: #000000;
    background: rgba(0,0,0,0);
}
.regis-lable-yanzhengma{
    display: inline-block;
    font-size: 0.4rem;
    color: #F67323;
    opacity: 0.6;
    line-height: 1.24rem;
    padding:0 0.266667rem;
    background: rgba(0,0,0,0);
}

#get-code[disabled]{
    color: #F67323;
    opacity: 0.3;
}

.loginto-nav{
    padding-top: 0.266667rem;
    width: 100%;
    height: 0.426667rem;
}
.loginto-goback{
    float: left;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.346667rem;
    background:url(../images/close.png) center no-repeat;
    background: cover;
}
.loginto-btn{
    float: right;
    font-size: 0.426667rem;
    color:rgba(0,0,0,0.8);
    margin-right:0.266667rem;
}
.loginto-header{
    margin-top: 0.933333rem;
    width:100%;
    text-align: center;
    font-size: 0.64rem;
    color:rgba(0,0,0,0.8);
}
.loginto-phoneInput,.loginto-code{
    width:8.666667rem;
    height: 1.2rem;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:0.106667rem;
    margin:1.0rem auto 0;
}
.loginto-code{
    border:none;
}
.code-box{
    float: left;
    width: 0.933333rem;
    margin-left:0.426667rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.61rem;
    text-align: center;
    box-sizing:border-box;
    border-radius: 0.106667rem;
    border:1px solid rgba(0,0,0,0.3);
}

.loginto-num,.loginto-pic{
    float: left;
    width: 1.64rem;
    height: 0.866667rem;
    margin-top: 0.16rem;
    line-height: 0.866667rem;
    text-align: center;
    font-size: 0.48rem;
    color:rgba(0,0,0,0.8);
    border-right:2px solid rgba(0,0,0,0.3);
}
.loginto-pic img{
    width: 85%;
    height: 100%;
}
.code-border{
    border:1px solid #31BDD3;
}
.loginto-pic{
    width: 2.706667rem;
}
.loginto-input{
    float: left;
    width: 5.333333rem;
    height: 0.866667rem;
    line-height: 0.866667rem;
    margin-top: 0.16rem;
    font-size: 0.48rem;
    color:rgba(0,0,0,0.8);
    border-right:2px solid rgba(0,0,0,0.3);
    padding-left: 0.4rem;
}
.loginto-input::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: rgba(0,0,0,0.3);   
}   
.loginto-input:-moz-placeholder{   
/* Mozilla Firefox 4 to 18 */   
color: rgba(0,0,0,0.3);  
}   
.loginto-input::-moz-placeholder{   
 /* Mozilla Firefox 19+ */   
color: rgba(0,0,0,0.3);  
}   
.loginto-input:-ms-input-placeholder{   
 /* Internet Explorer 10+ */   
color:  rgba(0,0,0,0.3);      
}



.loginto-loginBtn1,.loginto-loginBtn2,.loginto-loginBtn3{
    display: block;
    width:8.666667rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius:0.106667rem;
    margin:0.533333rem auto 0;
    background: #31BDD3;
    border-radius: 0.106667rem;
    color:#fff;
    font-size: 0.426667rem;
    text-align: center;
}

.loginto-text,.loginto-codeText{
    width: 100%;
    height: 0.426667rem;
    font-size: 0.426667rem;
    color:rgba(0,0,0,0.3);
    margin:0.933333rem auto 0;
    text-align: center;
}

.loginto-codeText{
    color:#00ABC6;
}
.disactive{
    opacity: 0.5;
}
.keywords{
    width: 100%;
    height: 5.733333rem;
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 100;
}
.keywordsbox{
    width:100%;height:100%;text-align:cneter;border-left:1px solid rgba(0,0,0,0.2);
}
.keywordsbox td{width:33.3%;font-size: 0.773333rem;color: #030303;text-align: center;border-top:0.013333rem solid rgba(0,0,0,0.2);border-right:0.013333rem solid rgba(0,0,0,0.2);}
.keywordsbox td:active{
    background-color: #31BDD3;
    color:#fff;
}

.step1,.step2,.step3{
    display: none;
    position: relative;
    width: 100%;
    height: 100vh;
}