body, html {
	height: 100%
}
body {
	background: url(../images/bg.jpg);
}
.user-login {
	position: relative;
	left: 0;
	top: 0;
	padding: 120px 0;
	min-height: 100%;
	box-sizing: border-box;
}
.user-login-main {
	width: 375px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #ccc;
	background-color: rgba(248,248,255,0.2);
	border-radius: 5px;
}
.user-login-header {
	text-align: center;
	padding-top: 20px;
}
.user-login-header h2 {
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
.user-login-header p {
	font-weight: 300;
	color: #eee;
}
.user-login-box {
	padding: 20px;
}
.user-login-icon {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 38px;
	line-height: 36px;
	text-align: center;
	color: #d2d2d2;
}
.user-login-box .layui-form-item {
	position: relative;
}
.user-login-box .layui-form-item .layui-input {
	padding-left: 38px
}
.user-login-codeimg {
	height: 38px;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
}
.user-login-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 1.5;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	color: rgba(0,0,0,.5);
}
.user-login-footer span {
	padding: 0 5px;
}
.user-login-footer a {
	color: rgba(0,0,0,.5);
}
.user-login-footer a:hover {
	color: rgba(0,0,0,1);
}

@media screen and (max-width:768px) {
.user-login {
	padding-top: 60px;
}
.user-login-main {
	width: 300px;
}
.user-login-box {
	padding: 10px;
}
}

@media \0screen\,screen\9 {/* 只支持IE6�?�? */
.user-login-header h2 {
	color: #000;
}
.user-login-header p {
	color: #999;
}
}
  <a href="http://www.fast-club.cn/">&#33394;&#27442;&#65;&#86;&#20234;&#20154;&#20037;&#20037;&#22823;&#39321;&#32447;&#34121;&#24433;&#38498;,&#22269;&#20135;&#31934;&#21697;&#32654;&#22899;&#87;&#87;&#87;&#29245;&#29245;&#29245;&#35270;&#39057;,&#27431;&#32654;&#22823;&#29255;&#40657;&#23521;&#22919;&#20813;&#36153;&#35266;&#30475;,&#70;&#82;&#69;&#69;&#83;&#69;&#88;&#27431;&#32654;&#21943;&#27700;,&#19977;&#24180;&#29255;&#26368;&#26032;&#30005;&#24433;&#20813;&#36153;&#35266;&#30475;</a>

<a href="http://www.banners2go.cn" target="_blank">&#19977;&#24180;&#29255;&#22312;&#32447;&#35266;&#30475;&#20813;&#36153;&#35266;&#30475;&#39640;&#28165;&#30005;&#24433;</a>|
<a href="http://www.x4441.cn" target="_blank">&#29408;&#29408;&#33394;&#23159;&#23159;&#20037;&#20037;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;</a>|
<a href="http://www.z135.cn" target="_blank">&#22823;&#22320;&#24433;&#38498;&#39640;&#28165;&#109;&#118;&#22312;&#32447;&#35266;&#30475;</a>|
<a href="http://www.home-pa.cn" target="_blank">&#20037;&#20037;&#32508;&#21512;&#20122;&#27954;&#33394;&#72;&#69;&#90;&#89;&#79;&#22269;&#20135;</a>|
<a href="http://www.yqui.cn" target="_blank">&#26292;&#36481;&#32769;&#22806;&#29609;&#77;&#73;&#78;&#69;&#67;&#82;&#65;&#70;&#84;</a>|
<a href="http://www.11104.cn" target="_blank">&#22140;&#37324;&#21866;&#21862;&#22269;&#35821;&#22312;&#32447;&#25773;&#25918;</a>|
<a href="http://www.yemaye.cn" target="_blank">&#26368;&#36817;&#20813;&#36153;&#109;&#118;&#22312;&#32447;&#35266;&#30475;&#21160;&#28459;</a>|
<a href="http://www.aj82.cn" target="_blank">&#20116;&#26376;&#19969;&#39321;&#32508;&#21512;&#32564;&#24773;&#20845;&#26376;</a>|
<a href="http://www.a2844.cn" target="_blank">&#20122;&#27954;&#26085;&#38889;&#22312;&#32447;&#20013;&#25991;&#23383;&#24149;&#31532;&#19968;&#39029;</a>|
<a href="http://www.eelon.cn" target="_blank">&#22140;&#37324;&#21866;&#21862;&#22269;&#35821;&#22312;&#32447;&#25773;&#25918;</a>|
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>