/*登录区域*/
.idelogin-box{
    width:540px;
    height:480px;
    float:right;
    background: #FFFFFF;
    box-shadow: 0 4px 12px 0 rgba(22,27,59,0.10);
    border-radius: 8px;
}
.idelogin-box .btn-logout{
    display: inline-block;
    margin-left: 10px;
    cursor:pointer;
    vertical-align: middle;
    color: #FFC107; 
}
.userInfo input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.idelogin-unlogin {
    width:100%;
    height:100%;
    display:none;
}
.idelogin-logined{
    display:none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div#idelogin-wxframe {
    width: 540px;
    height: 304px;
    box-sizing: border-box;
    position: fixed;
    bottom: 60px;
}
div#idelogin-wxframe iframe{
    height: 300px;
}

.idelogin-wait{
    display:none;
    width:100%;
    height:100%;
    line-height:500px;
    font-size:20px;
}
.idelogin-wait-img{
    height:120px;
    line-height:120px;
    transform-origin:50% 50%;
}
.idelogin-wait-img.loading{
    transition:all 30s linear;
    transform:rotate(3600deg);
}
.idelogin-box.stat-1 .idelogin-wait{
    display:block;
}
.idelogin-wait>div{
    height:200px;
    display:inline-block;
    line-height:100px;
    vertical-align:middle;
}
.idelogin-wait img{
    width:100px;
}

/*未登录*/
.idelogin-box.stat0 .idelogin-unlogin{
    display:block;
}
/*正常登录*/
/*
stat-1 初始化中
stat1 已经登录OK
stat2 注册二级密码
stat3 已登录 二级密码输入
stat4 已登录 待提交申请 
stat5 已登录 申请待审批*/

.idelogin-userinfo {
    height:120px;
    width:480px;
    margin:0px auto;
}
.idelogin-userinfo-avatar {
    height:80px;
    line-height:80px;
}
.idelogin-userinfo-avatar img{
    width:80px;
    border-radius:50%;
    vertical-align:middle;
}
.idelogin-userinfo-nickname {
    height: 40px;
    line-height:40px;
    font-size: 20px;
    font-weight: bolder;
}
.idelogin-userinfo-nickname span{
    display:inline-block;
    max-width:300px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    vertical-align: middle;
    line-height: 40px;
}
.idelogin-success{
    display:none;
    line-height:250px;
    font-size:30px;
}
.idelogin-box.stat1 .idelogin-logined{
    display:block;
}
.idelogin-box.stat1 .idelogin-success{
    display:block;
}

.idelogin-password .idelogin-password-title{
    line-height:50px;
    height:50px;
    display:inline-block;
}
.idelogin-password>div{
    height:50px;
    line-height:50px;
}
.idelogin-password>div>input{
    width:288px;
    line-height:30px;
    height:30px;
    border:solid 1px rgb(0,0,0,0.07);
    padding:0px 5px;
    box-sizing:border-box;
    background:none;
}
.idelogin-password>div>a{
    display:inline-block;
    width:288px;
    border:solid 1px #fff;
    line-height:35px;
    height:38px;
    box-sizing:border-box;
    cursor:pointer;
    color:#fff;
    border-radius: 20px;
    background-color: #5864B9;
}
.idelogin-password>div>a:hover{
    color:#8ac0fe;
    border-color:#8ac0fe;
}


/*stat2 注册二级密码*/
.idelogin-regpassword{
    display:none;
    height: 250px;
    padding: 0px 25px;
    box-sizing: border-box;
}
.idelogin-box.stat2 .idelogin-logined{
    display:block;
}
.idelogin-box.stat2 .idelogin-regpassword{
    display:block;
}

/*stat3 已登录 二级密码输入*/
.idelogin-authpassword{
    display:none;
    height: 250px;
    padding: 50px 0px;
    box-sizing: border-box;
}
.idelogin-box.stat3 .idelogin-logined{
    display:block;
}
.idelogin-box.stat3 .idelogin-authpassword{
    display:block;
}


/*stat4 已登录 待提交申请*/ 
.idelogin-authapply{
    display:none;
    height: 250px;
    color: #fff;
}
.idelogin-box.stat4 .idelogin-logined{
    display:block;
}
.idelogin-box.stat4 .idelogin-authapply{
    display:block;
}

.idelogin-authapply-box>div {
    height: 40px;
    line-height: 40px;
    text-align:center;
    border-bottom:solid 1px #9E9E9E;
    width:95%;
    margin:0px auto;
}
.idelogin-authapply-box>div span{
    width:120px;
    display:inline-block;
    text-align:center;
    font-size:14px;
}
.idelogin-authapply-box>div input{
    width:200px;
    display:inline-block;
    line-height:20px;
    height:20px;
    vertical-align:middle;
    border:solid 1px #fff;
    background:none;
    margin:0px 5px;
    color:#fff;
    font-size:14px;
    padding:0px 5px;
}
/* a.btn-apply{
    display:inline-block;
    height:30px;
    margin: 5px auto;
    line-height: 30px;
    width: 95%;
    border: solid 1px #fff;
    border-radius: 3px;
} */
a.btn-apply:hover{
    color:#8ac0fe;
    border-color:#8ac0fe;
}
/*stat5 已登录 申请待审批*/
.idelogin-authwait{
    display:none;
}
.idelogin-box.stat5 .idelogin-logined {
    display:block;
}
.idelogin-box.stat5 .idelogin-authwait{
    display:block;
}

.idelogin-authwait{
    height:200px;
    line-height:200px;
}



/*消息通知*/
.idelogin-message{
    /* display:none; */
    width:540px;
    height:44px;
    line-height:44px;
    font-size:16px;
    text-align:center;
    position: fixed;
    bottom: 0px;
}
.idelogin-message.success{
    color:#65cc66;
}
.idelogin-message.error{
    color:red;
}
.idelogin-message.wait{
    color:#FFC107;
}



/*弹出样式*/
.idelogin-pop-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(30, 30, 30, 0.8);
    z-index: 100000;
    display:none;
}

.idelogin-pop-box {
    position: absolute;
    z-index: 1000001;
    width: 600px;
    height: 500px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -300px;
    background: #5e2ced -webkit-gradient(linear,left top,left bottom,from(#6639a6),to(#3490de));
    background: #5e2ced linear-gradient(180deg,#6639a6,#3490de);
    background-size: 100% 100%;
    border-radius: 5px 5px 0px 0px;
}

.idelogin-pop-close {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0px;
    top: 0px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}
.idelogin-pop-close:hover{
    color:#fec105;
}
.idelogin-authapply{
    width:540px;
    height:316px;
    float:right;
    background: #FFFFFF;
    border-radius: 8px;
}
.ideLogin{
    width:200px;
    height: 200px;
}
.idelogin-authapply-title{
    height: 45px;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #000000;
    line-height: 45px;
}
.idelogin-unlogin-title{
    width:540px;
    height:176px;
    padding-top: 89px;
}
.idelogin-unlogin-title-text1{
    height:32px;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
}
.idelogin-unlogin-title-text2{
    height: 20px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0,0,0,0.70);
    text-align: center;
    line-height: 20px;
}
.idelogin-authapply-title{
    height: 20px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0,0,0,0.70);
    text-align: center;
    line-height: 20px;
    margin:10px 0 5px 0;
}
.idelogin-refresh{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #5864B9;
    text-align: center;
    line-height: 22px;
    position: fixed;
    top: 379px;
    left: 650px
}
.idelogin-refresh>a{
    color:#0043ee;
}
.idelogin-refresh>a:active{
    color:blue;
}
.ideLogin{
    border: 1px solid rgb(0,0,0,0.07);
    border-radius: 4px;
    position: relative;
    top: 100px;
}
.userInfo{
    width: 266px;
    height: 276px;
    margin: auto;
}
.info{
    width: 252px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgb(61, 77, 102,0.2);
    border-radius: 4px;
    margin-bottom: 5px;
    padding-left:12px;
}
.userInfo input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.userInfo input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.6px;
}
.btn{
    width: 266px;
    height: 36px;
    background: #5864B9;
    box-shadow: 0 4px 12px 0 rgba(85,91,215,0.30);
    border-radius: 4px; 
}
.btn-apply{
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: -0.6px;
    text-align: center;
}