html,body{
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
}

#bg{
    top: 0;
    left: 0;
    height: 5rem;
    width: 100%;
    position: fixed;
}

.loginShell{
    position: fixed;
    margin-top: 2.83rem;
    padding:0 0.32rem;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

.loginBox{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    background:rgba(255,255,255,1);
    box-shadow:0px 0.1rem 0.3rem rgba(236,121,34,0.16);
    opacity:1;
    border-radius:0.16rem;
    padding:0.6rem 0.32rem;
}

input{  
    background:none;  
    outline:none;  
    border:none;
    font-size: 0.32rem;
    color:#333333;
    height: 0.4rem;
    line-height:0.4rem;
    padding: 0;
    width: 100%;
}
input:focus{   
    border:none;
}

.inputShell{
    padding:0.38rem 0.32rem;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-align:center;
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-pack: justify; */
    display: flex;
    align-items: center;

}
.inputShell>.icon{
    margin-right: 0.22rem;
    height: 0.36rem;
    width: 0.36rem;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    font-size: 0.3rem;
    color: #CCCCCC
}
::-moz-placeholder { /* Firefox 19+ */  
    font-size: 0.3rem;
    color: #CCCCCC
}
:-ms-input-placeholder { /* IE 10+ */ 
    font-size: 0.3rem;
    color: #CCCCCC
}
:-moz-placeholder { /* Firefox 18- */ 
    font-size: 0.3rem;
    color: #CCCCCC
}

#getCode{
    font-size: 0.28rem;
    white-space: nowrap;
    margin-left: 0.32rem;
   
}
.prepare{
    color: #F29219
}
.getting{
    color: #999999
}

.submit{
    background: #F29219;
    margin-top: 0.32rem;
    font-size: 0.32rem;
    height: 0.98rem;
    font-family:Source Han Sans CN;
    line-height: 0.98rem;
    text-align: center;
    color: #ffffff;
    letter-spacing:0.05rem;
    font-weight:400;
    border-radius:0.12rem;
    margin-bottom: 0.32rem;
}

.inoperative{
    opacity: 0.3;
}

.effect{
    opacity: 1;
}

#message-code-error{
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    -webkit-box-align:center;
    -webkit-box-orient: vertical; 
    -webkit-box-pack: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: all 1s ease-in-out
}



#message-success{
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    -webkit-box-align:center;
    -webkit-box-orient: vertical; 
    -webkit-box-pack: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}



.messageBox{
    background:rgba(30,31,35,0.5);
    border-radius:0.1rem;
    display: -webkit-box;
    -webkit-box-align:center;
    -webkit-box-orient: vertical; 
    -webkit-box-pack: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding:0.32rem 0.48rem
}

.messageIcon{
    width: 0.7rem;
    height: 0.7rem;
}

.extraFunction{
    display: -webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack: justify;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#F29219;
    font-size: 0.24rem;
}

.mark{
    position: fixed;
    bottom: 20px;
    width:100%;
    height:42px;
    text-align:center;
    line-height:40px;
    margin:0 auto;
    z-index: 999;
    color: #CCCCCC;
    font-size: 14px;

}

*{
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}
input , textarea{
  -webkit-user-select:auto;
}