*{ margin:0; padding:0; } ul{ list-style: none; } a{ text-decoration: none; } input{ border:none; outline:none; font-family: "微软雅黑"; font-weight: 100; } img{ outline: none; border:none; } body{ width: 100%; min-width: 1200px; font-family: "微软雅黑"; } /*公共底部样式*/ .footer{ width:100% ; background: #333; box-sizing: border-box; padding:50px 20px 60px 20px; margin-top: 200px; } .footerinner{ height: 100%; margin:0 auto; position: relative; width:140px; float:left; } .share{ width: 274px; margin:0 auto; overflow: hidden; } .share li{ float: left; height: 50px; padding:25px 25px; } .share li img{ width: 40px; height: 40px; cursor: pointer; border-radius: 20px; } .code_wrap{ position: absolute; left:50%; top:-235px; margin-left: -450px; width:900px; z-index:50; } .code{ width: 100%; overflow: hidden; position: relative; } .code li{ float: left; width: 200px; height:240px; } .code li img{ width: 210px; height:240px; display: none; } .code li img.weibo{ position: absolute; left:320px; } .code li img.qq{ position: absolute; left: 312px; } .code li img.twitter{ position: absolute; left:382px; } .code li img.wechat{ position:absolute; left:410px; } .footerinfo{ font-size: 16px; text-align: center; color: #fff; opacity: 0.8; filter:alpha(opacity=80); } .footerinfoTop{ margin:10px 0; } .footerinfoTop p{ line-height: 22px; } .footerinfoBottom{ font-size: 12px; } .footerinfoBottom .min{ font-size:12px; }