body{background: #fff;}
.head{height: 115px;}
.head img{margin: 28px 0 0 100px;}

.loginOut{width: 100%;height: 558px;background-image:url("../img/loginBg.jpg"); background-position: center center;background-repeat: no-repeat;position: relative;}
.mes{    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -164px;
    z-index: 3;}
.listBox{float: left;margin:35px 200px 0 0;}
.listBox li{width: 360px;padding: 10px 20px 15px;text-align: center;color: #fff;margin-bottom: 20px;position: relative;}
.listBox h4{font-size: 18px;margin-bottom: 5px;}
.listBox p{font-size: 14px;}
.listBox span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: red;z-index: -1;background: rgba(0,0,0,0.3);/*firefox、chrome*/
    background: #000\9;/*IE*/
    filter: alpha(opacity=30);/*IE*/}

.loginBox{width: 280px;float: left;background: #fff;padding: 30px 40px 30px;}
.lHead{border-bottom: 1px solid #eee;padding-bottom: 5px;}
.lHead a{color: #2d2d2d;float: left;font-size: 13px;}
.lHead .reg{float: right;}
.loginForm{padding-top: 25px;}
.name{margin-bottom: 20px;}
.name,.pass{height: 35px; position: relative;border: 1px solid #bfbfbf;border-radius: 10px;moz-border-radius:10px;ms-border-radius:10px;o-border-radius:10px;}
.name input,.pass input{width: 100%;height: 100%;display: block;border: none;background: transparent;text-indent: 55px;font-size: 13px;color: #c0bebe;}
.name span,.pass span{width: 39px;height: 37px;display: block;
    position: absolute;left: -1px;top: -1px;}
.name span{background: #0086d1 url("../img/loginName.png") center center no-repeat;background-size: 40% 65%;}
.pass span{background: #0086d1 url("../img/loginPass.png") center center no-repeat;background-size: 40% 65%;}
.forget{display: block;float: right;font-size: 14px;color: #0086d1;margin: 10px 0 20px 0;}
.sub{height: 35px;background: #0086d1;}
.sub input{border: none;background: transparent;width: 100%;height: 100%;font-size: 14px;color: #fff;line-height: 35px;display: block;letter-spacing: 10px;}
.txt{font-size: 13px;color: #0086d1;margin-top: 20px;text-align: center;}
.txt span{font-size: 14px;}
.mask{width: 100%;height: 100%;background: black;position: absolute;left: 0;top: 0;opacity: 0.5;z-index: 1;}

.foot{font-size: 18px;color: #878787;height: 152px;background: #eef5fd;line-height: 152px;text-align: center;}