html,body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
    position: relative;
    background: #f7f7f7;
}
/* header */
.header{
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0,#43B65A),color-stop(0.14,#29a48d),color-stop(1,#0489D8));
    background:-moz-linear-gradient(10 10 90deg,#43B65A 0,#29a48d 14%,#0489D8 100%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=＃00ffff,endColorstr=＃9fffff,grandientType=1); */
    z-index: 9;
}
.banner{
    margin-left: 5.7%;
    height: 60px;
    /* background: url(../../assets/logo@1x.png); */
}
.banner img{
    vertical-align: middle;
}
.wub{
    margin-right: 5.7%;
}
.user{
    display: inline-block;
    margin: 0 15px 0 30px;
}
.user img{
    margin: 0 0 0 6px;
}
.out{
    width: 80px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    color: #0489d8;
    background: #fff;
}




.loginpage{
    width: 100%;    
    height: 810px;
    background: url(../assets/bg@1x.png);
    background-size: 100% 100%;
}
.logincont{
    width: 33%;
    height: 100%;
    background: rgba(255,255,255,.5);
}
.loginmsg{		
    width:70%;
    height:auto;
    margin:35% auto;
}
.elogin{
     font-size:20px;
     color:#000;
     margin: 0 0 5% 0;
}
.logininput{
    display: block;
    width: 375px;
    height: 44px;
    text-indent: 1.3rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#userid{
    margin: 0 0 3% 0;
}
#userpsd{
    margin: 0 0 2% 0;
}
.auto{
    width: 375px;
    height: 44px;
    margin: 0 0 3% 0;
}
#tologin{
    width: 375px;
    height: 44px;
    color: #fff;
    letter-spacing: 2rem;
    text-indent: 2rem;
    font-size: 16px;
    background: #1890ff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    
}
/* footer */
.footer {
    width: 100%;
    height: 82px;
    text-align: center;
    background: #5C6975;
}
.flink{
    display: inline-block;
    padding: 14px 0;
    color: #fff;
}
.flink:hover{
    color: #fff;
}
.fspan{
    display: inline-block;
    color: #fff;
}
.copyright{
    font-size: 12px;
    color: #989A9C;
}