html,body{
    width: 100%;
    height: 100%;
}
.head{width: 100%;height:80px;}
.header{width: 1100px;height:80px;margin: 0 auto;}
.logo{padding-top:20px;float: left;}
.fen{width:1px;height: 70px;;border: 1px solid #0c66b2;float: left;margin-top:5px;margin-left:5px;}
.xtmc{float: left;margin-left:15px;font-size: 20px;color:#0c66b2;padding-top:25px;}
.middle{width:100%;height: 580px;background-image: url(img/system_login/middle-bg.png)}
.middler{width:1100px;height: 580px;margin: 0 auto;}
.pt{float: left;width:70%;height: 580px;margin-top:80px;}
.zhanghao{float: left;width:30%;height: 580px;}
.zhanghao-wk{width:350px;height:390px;background-color: #fff;margin-top:80px;border-radius: 5px;}
.foot{width: 100%;height: 217px;}
.footer{width:1100px;height: 217px;;margin: 0 auto}
.foot1{width:200px;height: 217px;position: absolute;}
.foot2{position: absolute;width:50%;height: 217px;margin-left: 200px;}
.low{width:100%;height:50px;background-color: #f5f5f5}
.lower{width:1100px;height: 80px;margin: 0 auto}
.foot1-title{margin-top:26px;}
.foot1-nr{margin-top:30px;}
.foot2-title{margin-top:26px;width: 100%}
.foot2-nr{margin-top:30px;}
.zhanghao-title{padding-top:22px;padding-left: 62px;}

.project{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;margin-top: 15px;}
.user{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;}
.password{width:270px;height: 40px;border:1px solid gray;background-color: #fff;margin-left:38px;}
.login-bt{width:270px;height: 40px;border-radius: 30px;border:none;background-color: #0d72c8;color: #fff;font-size:16px;}
.malist{padding-left:0px;}
.malist li{float: left;list-style: none;padding-left: 0px;padding-right: 30px;}

#canvas{
    border:1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
}