/********
*登录页样式
******/
html,body,div{
    margin:0;
    padding:0;
}
html,body{
    font-family: '微软雅黑';
    height: 100%;
}

.bg{
    background:url("../img/bg.jpg") no-repeat left top;
    min-height: 100%;
    background-size: cover;
}

.loginbox{
    width: 400px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -200px;
    margin-top: -256px;
    height: 338px;
    border-radius:8px;
    /* overflow:hidden; */
}
.header{
    /* background-color: #262d47; */
    color:#fff;
    background: url(../img/logo.png) no-repeat 72px center;
    background-color: #262d47;
    padding-left:80px;
    padding: 32px 64px 32px 80px;
    text-align: right;
    font-size: 18px;
    border-radius: 8px 8px 0 0;
}

.twbg{
    background:url(../img/login1.png) left top;
    width:100%;
    height:4px;
}

.content{
    background:rgba(255,255,255,.8);
    padding:48px 0;
    border-radius: 0 0 8px 8px;
}
.content>div{
    width:56%;
    margin: 0 auto;
}
.content>div:not(:first-child){
    margin-top:24px;
}
.content input{
    width:100%;
    height:34px;
    border:1px solid #cbcbcb;
    border-radius:4px;
    padding-left:16px;
    color:#a7a7a7;
    font-size:12px;
    box-sizing: border-box;
}
input:focus{
    outline:1px solid #babac2;
    color: #232323;
}
.content button{
    width:100%;
    height:34px;
    box-sizing:border-box;
    background:#2c7cdf;
    border:none;
    color:#fff;
    border-radius:4px;
    cursor: pointer;
}
.copyfont{
    position:absolute;
    color: #6e6e6f;
    width: 676px;
    font-size: 12px;
    left: -40px;
    margin-top: 120px;
}
.showmsg{
    position: absolute;
    padding:6px 12px;
    background: #ccc;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}
.showmsg:before{
    content: '';
    display: block;
    width:0;
    height:0;
    border-right: 8px solid #ccc;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position:absolute;
    left: -8px;
    top: 9px;
}