< type="text/css"> .in-anishe-wrap { position: relative; z-index: 1; } .in-hd-mod { position: relative; z-index: 99; } /* Hd 推送 */ .in-hd-close, .ico-android, .ico-iphone, .ico-ipad, .app-ico-new { background: url(//gtimgcdn.ac.qq.com/media/images/in_hd_movement.png) no-repeat; } .in-over-bg { background: #000; opacity: 0.2; filter: alpha(opacity=20); position: fixed; z-index: 98; top: 0; left: 0; width: 100%; height: 100%; display: none; } .in-hd-wrap { height: 340px; position: fixed; bottom: -340px; left: 0; width: 100%; z-index: 99; transition: bottom 0.5s ease 0s; -webkit-transition: bottom 0.5s ease 0s; -moz-transition: bottom 0.5s ease 0s; } .in-hd-mod.open .in-over-bg { display: block; } .in-hd-mod.open .in-hd-wrap { bottom: 0; } .in-hd-content { width: 1200px; margin: 0 auto; } .in-hd-bg { background: #fff; opacity: 0.95; filter: alpha(opacity=95); position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 340px; } .in-hd-con { height: 340px; position: relative; z-index: 2; } .in-hd-content .in-hd-tit { color: #e67451; font-size: 36px; padding: 14px 0 0; text-align: center; display: block; font-family: "Microsoft YaHei"; } .in-hd-close { background-position: -200px -153px; width: 30px; height: 30px; position: absolute; top: 22px; right: 61px; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; z-index: 3; } .in-hd-close:hover { background-position: -166px -153px; } .in-hd-person { background: url(//gtimgcdn.ac.qq.com/media/images/hdextend_index_person.png) no-repeat; width: 570px; height: 320px; position: absolute; top: 22px; right: 24px; display: block; } .in-app-list { padding: 116px 0 0 94px; } .in-app-list li { float: left; width: 167px; padding: 0 20px; } .in-app-list .first-li { padding-right: 70px; } .in-app-list .app-img { width: 127px; height: 127px; margin: 0 auto; position: relative; } .in-app-list .app-img img { width: 127px; height: 127px; display: block; } .in-app-list .app-info { padding: 18px 0 0; } .in-app-list .app-org-p { font-family: "Microsoft YaHei"; font-size: 20px; color: #e67451; line-height: 30px; width: 130px; margin-top: 5px; } .in-app-list .app-qrcode-txt { font-family: "Microsoft YaHei"; font-size: 16px; color: #504b4b; line-height: 26px; padding-top: 6px; text-align: center; } .ico-android { background-position: -205px 1px; padding-left: 24px; margin-left: 8px; } .ico-iphone { background-position: -206px -50px; padding-left: 24px; margin-left: 14px; } .ico-ipad { background-position: -200px -109px; padding-left: 37px; margin-left: 20px; } .in-app-list .app-intro-p { padding-top: 8px; font-family: "Microsoft YaHei"; font-size: 16px; margin-left: 10px; } .in-app-list .app-ico-new { width: 158px; height: 158px; position: absolute; top: -15px; left: -15px; display: block; }