background-size: cover;
}
.gift-panel .red-packet {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAA6tJREFUeAHtm01IVFEUx++5T+kDNdoEBS1aBBq0CvpYFULpaBJSOdOHmG5qUSsDoUIGXIhJGQURVGgRmUoELWqEaFOLWgQRtGgR1Kq1WOnou+9038jNGwRn3p0382Zx3Jx7z/Hd/5nf+7/77ixGCP5jAkyACSRHAFykERFUOvVKCGx2ub7S1wBAvzeVu+6iK10u0oLoSTmg6fou11fyGt3jB9m096arppODjJjKtA5hgFfMvNoiCMhLD3fB5Oxn196cHGTEZGP9kHbTJzOvvoiDpcAJP09kQNjducmAgOzMkvRkD4BYNrmqiQDv5LGGa3Y/fibVZ8+LGUcGpPILd+yF4fGLjwLEkJ1LeqwfrQWvVpyBrhllesHMka2AOGbmxcbIgPSbq9NPp07ZArJx33C4Gdq5RMcAl+BR7ovdgwoW7+u3b4OdK2bsAEhow+AtPN2y2QhANutLT/SEm6LJJRYB3simPf+8tVSm5Zzu56BLT06A9J3YqJbgri1Y2AxBZO1cpcd6L/zlCejVNyww2tjdsU0EYtTMo0YnQCsi2O6n23ptQXm0flTb672dq+gYxABMvfxqNAsH2vzyOApRZ3JRYwmA9KOGaizc/IxouCl6tRC+1RZNrnIRXsvJ3G1bLziRuqD3zP12Luq4JED6zmxQmL9ni65sjnDZzpV7rPe+ea9G9oUnfKOFJw9v14/WsJm7xpIAFUQRD6l061m7AX20v6H99dbOlXOMEvr1ceO70cBsViq1PIEC15uca4z8VcPvavl7l4yoXuSnlLATnuS+mVwYwz3AnpdrbDsn1FCZ1EUMgv9uzDXTs5F6qomjaU2sTqEY10Ca7WbtcRw6xayB6famAP3YDq6lP2Kma8QDQabtvJkmEXH6uKfQn0AUa+PSj8VBq80EV/Upe85bt+a5GH82t5qvwKinY0vwdH5EK+2OUy1WQCt3Lnigfi8IkW6Ns8/E1orvEUvsI5RXmAERfBkQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldhADIggQZXYQAyIIEGV2EAMiCBBldlDcgPSv+34Qa1Zt2aV3Bwfhw6olQDYWvffIgOSOhkH9k70Rl7tB9l+mfwh7DXsOey+TBC/LBJgAEygLgT9zNt4ups4e7wAAAABJRU5ErkJggg==) no-repeat scroll 0 0;
background-size: cover;
}
.card-list a.w-btn.is-red,.card-list a.w-btn:link.is-red,.card-list a.w-btn:visited.is-red,.card-list a.w-btn:hover.is-red,.card-list a.w-btn:active.is-red {
border-color: rgb(252,86,71);
color: rgb(252,86,71);
}
</style>
<style>
.ani-dot-for-init {
animation: dot 1s infinite step-start;
-webkit-animation: dot 1s infinite step-start;
}
.top-tips {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 8px 12px;
line-height: 22px;
font-size: 14px;
color: #fff;
background-color: rgba(21, 37, 64, 0.9);
z-index: 3;
}
.mod-mask {
background: rgba(0,0,0,0.7);
}
</style>
</head>
<body>
<script type="text/javascript">
window.gTimeStamps.push(Date.now());
</script>
<div class="wrapper">
<header class="header c-shadow no-nav">
<div class="pic-bg-panel">
<div class="pic-bg-box">
<div id="headerPicBg" class="pic-bg"></div>
</div>
</div>
<div class="h-bg">
<canvas id="headerWhiteBg" class="white-bg" height="179"></canvas>
</div>
<div class="h-content">
<div class="myapp-logo" style="display:none">
<img src="/o/res/micro/myapp-logo.png" alt="腾讯应用宝 安卓应用商店">
</div>
<div class="ios-open-tips" style="display: none;"></div>
<div class="app-icon">
<img id="appIcon" src="//mip-ucbug-com.mipcdn.com/i/www.ucbug.com/uploads/2018/1229/20181229095456331.jpg" alt="app-icon" onerror="this.style.visibility='hidden'">
</div>
<h1 class="app-title">
<!-- <span class="title-box"><span class="title-name"></span><i class="title-tag">官方</i></span> -->
<div class="title-panel">
<span class="title-box title-name">太极</span>
<i class="title-tag">官方</i>
</div>
</h1>
<p class="app-explain"><span id="appScore">5.0分</span><span><span id="appDownNum">300万次</span>下载</span><span><span id="appSize">9MB</span></span></p>
<div class="h-sem-btns">
<div><a href="javascript:void(0);" class="w-btn is-b-blue sem-high-download" id="btn-fast-download"><i class="icon-loading"></i></a></div>
<div class="dom-normal-btn" style="display:none;"><a href="javascript:void(0);" class="w-btn is-b-blue sem-normal-download" id="btn-normal-download">普通下载</a></div>
</div>
</div>
</header>
<div class="content">
<ul class="ct-panel">
<li class="detail-ct-panel">
<div style="display:none;" class="card-box c-shadow friend-panel">
<h2 class="ellipsis card-title">好友在玩</h2>
<ul class="friend-list">
</ul>
</div>
<div style="display:none;" class="card-box1 c-shadow is-newcard1"></div>
<div style="display:none;" class="card-box c-shadow gift-panel">
<h2 class="ellipsis card-title">应用宝专属福利</h2>
<ul class="card-list">
</ul>
<div class="card-more"></span></div>
</div>
<div style="display:none;" class="card-box c-shadow coupon-panel">
<h2 class="ellipsis card-title">应用宝专属福利</h2>
<ul class="card-list">
</ul>
<div class="card-more"><span></span></div>
</div>
<div class="card-box c-shadow detail-panel">
<div class="detail-pic-panel">
<ul class="detail-pic-list" style="transition: -webkit-transform 500ms;">
</ul>
<div class="mod-scroll-bar" style="margin-top:5px;width: auto;height: 2px;">