html, body { width: 100%; height: 100%; overflow: hidden; }
html { font-size: 62.5%; }
body { font: normal 100% Arial, sans-serif; font-size: 14px; font-size: 1.4rem; }
.middle { width: 100%; height: 100%; height: auto; text-align: center;/*top: 0px;
    left: 0px;*//*margin-left: -550px;
    position: absolute;*/
}
.middle .logo { width: 16%; height: 10%;/*left: 36%;
    top: 0px;
    position: absolute;*/ }
.middle ul { width: 100%; height: auto; z-index: 2; }
.middle .middlebg { width: 80%; left: 10%; bottom: 22%; position: absolute; display: block; height: auto; background: url(../images/middlebg.png) repeat-x; border: 2px solid #808080; -moz-border-radius: 15px;      /* Gecko browsers */ -webkit-border-radius: 15px;   /* Webkit browsers */ border-radius: 15px;            /* W3C syntax */ z-index: 1; }
.middle ul li { position: relative; list-style: none outside none; float: left; text-align: center; width: 22%; height: auto; margin: 1%; margin-left: 5%; display: inline-block; position: relative; }
.middle ul li img { width: auto\9; height: auto; max-width: 100%; }
.middle ul li span { position: absolute; bottom: 15px; left: 0; font-size: 1.8rem; width: 100%; color: white; font-weight: bold; font-family: 'Microsoft YaHei'; -webkit-text-stroke: 1px #000000; z-index: 999; }

.online{ position:fixed; left:0; top:200px;background-image:url(../image/online.png);background-repeat:no-repeat;height:466px; width:166px; z-index:9999;}
.online span{ font-size:1.5rem; color:#ff0000; display:block; margin-top:51px; margin-left:18px; font-weight:bold;}
.online img{ width:106px; height:106px; margin-top:107px; margin-left:27px;}
@media screen and (max-width:760px) {
.online{ display:none;}
.content-wrapper{ width:100%;}
.page-home .form-top{ width:100%;}
.page-home .form-top img{ width:100%; height:100%;}
.page-home .form-wrapper{ width:100%;}
.form .item.password, .form .item.code, .form .item.user{ margin:0 auto;}
.page-home .login-logo img{ width:8rem;}
.page-home .login-logo p.hh1{font-size:2rem}
.page-home .login-logo p.hh2{font-size:1rem}
.page-home .login-logo { padding-left: 0px; height: 150px; margin: 30px auto; position: relative; clear: both; text-align:center; }
}