以下是 百度知道10周年html5特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!doctype html>
<!--[if lt IE 8]>
<html class="ie ie-old">
<![endif]-->
<!--[if lt IE 9]>
<html class="ie">
<![endif]-->
<!--[if IE 9]>
<html class="ie9 modern">
<![endif]-->
<!--[if IE 10]>
<html class="ie10 modern">
<![endif]-->
<!--[if !(lt IE 9) ]><!-->
<html class="modern">
<!--<![endif]-->
<head>
<meta charset="gbk" />
<title>百度知道10周年html5特效</title>
<link rel="stylesheet" type="text/css" href="css/common_612e26a.css" />
<link rel="stylesheet" type="text/css" href="css/aio_9296f24.css" />
<!--[if lte IE 8]>
<script>
(function(){
var e="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(","),
i=e.length;
while(i--){document.createElement(e[i])}
})();
</script>
<![endif]-->
</head>
<body class="loading">
<!--页面延迟加载-->
<div class="load-cover">
<div class="loading-icon"></div>
<div class="loading-text"></div>
</div>
<!--fullPage包裹-->
<div id="fullpage">
<!--screen-1-->
<div class="section">
<div class="screen-1">
<!--顶部-->
<header id="header">
<div class="logo">
<a href="www.baidu.com" target="_blank"></a>
</div>
</header>
<!--主内容-->
<div class="screen-1-content">
<div class="screen-1-content-wrap"></div>
<div class="screen-1-content-bg"></div>
<div class="screen-1-content-year"></div>
<div class="screen-1-content-lingxing"></div>
<div class="screen-1-content-txt"></div>
<div class="screen-1-content-top">
<div class="screen-1-content-top-date"></div>
<div class="screen-1-content-top-line"></div>
</div>
<div class="screen-1-content-triangle"></div>
</div>
<!--视差背景图-->
<div class="parallax-viewport" id="parallax-1">
<div class="screen-1-parallax-layer-0 layer" data-depth="0.01">
<div class="layer-1-0"></div>
</div>
<div class="screen-1-parallax-layer-1 layer" data-depth="0.03">
<div class="layer-1-1"></div>
</div>
<div class="screen-1-parallax-layer-2 layer" data-depth="0.05">
<div class="layer-1-2"></div>
</div>
<div class="screen-1-parallax-layer-3 layer" data-depth="0.13">
<div class="layer-1-3"></div>
</div>
</div>
</div>
</div>
<!--screen-2-->
<div class="section">
<div class="screen-2">
<!--主内容-->
<div class="screen-2-content">
<div class="overview">
<div class="overview-text"></div>
<div class="overview-button"></div>
</div>
<!--旋转球体外层遮罩-->
<div class="ball-outer">
<!--有交互的点-->
<div class="dot dot-0">
<i class="outer"><i class="inner"></i></i><div class="text y-2005"></div><div class="card card-2005"></div>
</div>
<div class="dot dot-1">
<i class="outer"><i class="inner"></i></i><div class="text y-2006"></div><div class="card card-2006"></div>
</div>
<div class="dot dot-2">
<i class="outer"><i class="inner"></i></i><div class="text y-2007"></div><div class="card card-2007"></div>
</div>
<div class="dot dot-3">
<i class="outer"><i class="inner"></i></i><div class="text y-2008-0"></div><div class="card card-2008-0"></div>
</div>
<div class="dot dot-4">
<i class="outer"><i class="inner"></i></i><div class="text y-2008-1"></div><div class="card card-2008-1"></div>
</div>
<div class="dot dot-5">
<i class="outer"><i class="inner"></i></i><div class="text y-2009"></div><div class="card card-2009"></div>
</div>
<div class="dot dot-6">
<i class="outer"><i class="inner"></i></i><div class="text y-2010"></div><div class="card card-2010"></div>
</div>
<div class="dot dot-7">
<i class="outer"><i class="inner"></i></i><div class="text y-2011"></div><div class="card card-2011"></div>
</div>
<div class="dot dot-8">
<i class="outer"><i class="inner"></i></i><div class="text y-2012"></div><div class="card card-2012"></div>
</div>
<div class="dot dot-9">
<i class="outer"><i class="inner"></i></i><div class="text y-2013"></div><div class="card card-2013"></div>
</div>
<div class="dot dot-10">
<i class="outer"><i class="inner"></i></i><div class="text y-2014-0"></div><div class="card card-2014-0"></div>
</div>
<div class="dot dot-11">
<i class="outer"><i class="inner"></i></i><div class="text y-2014-1"></div><div class="card card-2014-1"></div>
</div>
<div class="dot dot-12">
<i class="outer"><i class="inner"></i></i><div class="text y-2015"></div><div class="card card-2015"></div>
</div>
<!--无交互的死节点-->
<div class="dot-dead dot-dead-0"></div>
<div class="dot-dead dot-dead-1"></div>
<div class="dot-dead dot-dead-2"></div>
<div class="dot-dead dot-dead-3"></div>
<div class="dot-dead dot-dead-4"></div>
<div class="dot-dead dot-dead-5"></div>
<div class="dot-dead dot-dead-6"></div>
<div class="dot-dead dot-dead-7"></div>
</div>
<div class="cvs0-cover">
<canvas id="cvs0" width="500" height="500"></canvas>
</div>
</div>
<!--视差背景图-->
<div class="parallax-viewport" id="parallax-2">
<div class="screen-2-parallax-layer-0 layer" data-depth="0.03">
<div class="layer-2-0"></div>
</div>
<div class="screen-2-parallax-layer-1 layer" data-depth="0.13">
<div class="layer-2-1"></div>
</div>
</div>
</div>
</div>
<!--screen-3-->
<div class="section">
<div class="screen-3">
<!--主内容-->
<div class="screen-3-content">
<div class="pixi">
<div class="ten-year-with"></div>
<div class="round-container rotateouter">
<div class="pixi-item item-1 rotateinner">
<div class="inner emphasize">
<p class="year">2005</p>
<p class="text">百度知道诞生</p>
<p class="text">6月21日正式上线</p>
</div>
</div>
<div class="pixi-item item-2 rotateinner">
<div class="inner emphasize">
<p class="year">2006</p>
<p class="text">知道小桔灯上线</p>
<p class="text">累计帮助45万贫困学生</p>
</div>
</div>
<div class="pixi-item item-3 rotateinner">
<div class="inner emphasize">
<p class="year">2007</p>
<p class="text">荣获2006年度</p>
<p class="text">中国互联网站品牌栏目</p>
</div>
</div>
<div class="pixi-item item-4 rotateinner">
<div class="inner emphasize">
<p class="year">2008</p>
<p class="text">发布即时提示功能</p>
</div>
</div>
<div class="pixi-item item-5 rotateinner">
<div class="inner emphasize">
<p class="year">2009</p>
<p class="text">知道第1亿个问题诞生</p>
</div>
</div>
<div class="pixi-item item-6 rotateinner">
<div class="inner emphasize">
<p class="year">2010</p>
<p class="text">财富商城上线</p>
<p class="text">管理员体系诞生</p>
<p class="text">知道团队、百度经验上线</p>
</div>
</div>
<div class="pixi-item item-7 rotateinner">
<div class="inner emphasize">
<p class="year">2011</p>
<p class="text">百度知道App上线</p>
<p class="text">下载量超过8000万</p>
</div>
</div>
<div class="pixi-item item-8 rotateinner">
<div class="inner emphasize">
<p class="year">2012</p>
<p class="text">已解决问题达到2亿</p>
<p class="text">致力于解决你的一切问题</p>
</div>
</div>
<div class="pixi-item item-9 rotateinner">
<div class="inner emphasize">
<p class="year">2013</p>
<p class="text">知道日报诞生</p>
<p class="text">问医生、知道大数据上线</p>
</div>
</div>
<div class="pixi-item item-10 rotateinner">
<div class="inner emphasize">
<p class="year">2014</p>
<p class="text">作业帮App、真相问答机</p>
<p class="text">宝宝知道App、知道行家上线</p>
</div>
</div>
<div class="pixi-item item-11 rotateinner">
<div class="inner emphasize">
<p class="year">2015</p>
<p class="text">百度知道十周岁</p>
</div>
</div>
</div>
<div class="pixi-inner"></div>
</div>
<div class="little-wgt">
<div class="wgt-0"></div>
<div class="wgt-1"></div>
<div class="wgt-2"></div>
<div class="wgt-3"></div>
</div>
</div>
</div>
</div>
<!--screen-4-->
<div class="section">
<div class="screen-4">
<!--主内容-->
<div class="screen-4-content">
<div class="content-bg">
<div class="trangle"></div>
<div class="circle-0"></div>
<div class="circle-1"></div>
</div>
<div class="content-info">
<div class="star-ten-year"></div>
<div class="large-pic"><div class="play"></div></div>
<div class="small-pic item-0"><div class="text-0"></div></div>
<div class="small-pic item-1"><div class="text-1"></div></div>
<div class="small-pic item-2"><div class="text-2"></div></div>
<div class="small-pic item-3"><div class="text-3"></div></div>
<div class="small-pic item-4"><div class="text-4"></div></div>
<div class="small-pic item-5"><div class="text-5"></div></div>
<div class="small-pic item-6"><div class="text-6"></div></div>
<div class="small-pic item-7"><div class="text-7"></div></div>
<div class="zhengshuang"></div>
<div class="zhengshuang-text"></div>
</div>
</div>
<!--视差背景图-->
<div class="parallax-viewport" id="parallax-4">
<div class="parallax-layer screen-4-parallax-layer-0 layer" data-depth="0.01">
<div class="layer-4-0"></div>
</div>
<div class="parallax-layer screen-4-parallax-layer-1 layer" data-depth="0.03">
<div class="layer-4-1"></div>
</div>
<div class="parallax-layer screen-4-parallax-layer-2 layer" data-depth="0.13">
<div class="layer-4-2"></div>
</div>
</div>
</div>
</div>
<!--screen-5-->
<div class="section">
<div class="screen-5">
<!--内容区域 放大背景-->
<div class="screen-5-container">
<div class="slide-bg-container">
<img data-src="images/screen-5-iknow_1735b5c.jpg" class="slide-index-0 active">
<img data-src="images/screen-5-zuoyebang_bb20fe6.jpg" class="slide-index-1">
<img data-src="images/screen-5-baby_9bec77c.jpg" class="slide-index-2">
<img data-src="images/screen-5-muzhi_5624883.jpg" class="slide-index-3">
</div>
<div class="lookforwards"></div>
<div class="screen-5-plus">
<div class="plus-item item-0"></div>
<div class="plus-item item-1"></div>
<div class="plus-item item-2"></div>
<div class="plus-item item-3"></div>
<div class="plus-item item-4"></div>
</div>
</div>
<div class="slide" id="slide1">
<div class="slide1 slide-content"></div>
</div>
<div class="slide" id="slide2">
<div class="slide2 slide-content"></div>
</div>
<div class="slide" id="slide3">
<div class="slide3 slide-content"></div>
</div>
<div class="slide" id="slide4">
<div class="slide4 slide-content"></div>
</div>
</div>
</div>
</div>
<nav class="nav">
<ul>
<li><a class="nav-1 current" href="#iknowBirthday"><i></i></a></li>
<li><a class="nav-2" href="#iknowOverview"><i></i></a></li>
<li><a class="nav-3" href="#iknowFriendship"><i></i></a></li>
<li><a class="nav-4" href="#iknowStars"><i></i></a></li>
<li><a class="nav-5" href="#iknowLookforwards"></a></li>
</ul>
</nav>
<!--载入脚本-->
<script type="text/javascript" src="js/mod_96dd55b.js"></script>
<script type="text/javascript" src="js/framework_af469f5.js"></script>
<script type="text/javascript" src="js/module_c1a3b8c.js"></script>
<script type="text/javascript" src="js/more_0e338e4.js"></script>
<script type="text/javascript" src="js/Cango3D.js"></script>
<script type="text/javascript" src="js/d3.v3.min.js"></script>
<script type="text/javascript" src="js/aio_af34563.js"></script>
</body>
</html>
JS代码(mod_96dd55b.js):
var require,define;
!function(e){
function r(e,r){
function t(){
clearTimeout(o)}
if(!(e in u)){
u[e]=!0;
var i=document.createElement("script");
if(r){
var o=setTimeout(r,require.timeout);
i.onerror=function(){
clearTimeout(o),r()}
,"onload"in i?i.onload=t:i.onreadystatechange=function(){
("loaded"==this.readyState||"complete"==this.readyState)&&t()}
}
return i.type="text/javascript",i.src=e,n.appendChild(i),i}
}
function t(e,t,n){
var o=i[e]||(i[e]=[]);
o.push(t);
var a,u=s[e]||{
}
,f=u.pkg;
a=f?c[f].url:u.url||e,r(a,n&&function(){
n(e)}
)}
var n=document.getElementsByTagName("head")[0],i={
}
,o={
}
,a={
}
,u={
}
,s={
}
,c={
}
;
define=function(e,r){
o[e]=r;
var t=i[e];
if(t){
for(var n=0,a=t.length;
a>n;
n++)t[n]();
delete i[e]}
}
,require=function(e){
e=require.alias(e);
var r=a[e];
if(r)return r.exports;
var t=o[e];
if(!t)throw"[ModJS] Cannot find module `"+e+"`";
r=a[e]={
exports:{
}
}
;
var n="function"==typeof t?t.apply(r,[require,r.exports,r]):t;
return n&&(r.exports=n),r.exports}
,require.async=function(r,n,i){
function a(e){
for(var r=0,n=e.length;
n>r;
r++){
var c=e[r];
if(c in o){
var f=s[c];
f&&"deps"in f&&a(f.deps)}
else if(!(c in l)){
l[c]=!0,p++,t(c,u,i);
var f=s[c];
f&&"deps"in f&&a(f.deps)}
}
}
function u(){
if(0==p--){
for(var t=[],i=0,o=r.length;
o>i;
i++)t[i]=require(r[i]);
n&&n.apply(e,t)}
}
"string"==typeof r&&(r=[r]);
for(var c=0,f=r.length;
f>c;
c++)r[c]=require.alias(r[c]);
var l={
}
,p=0;
a(r),u()}
,require.resourceMap=function(e){
var r,t;
t=e.res;
for(r in t)t.hasOwnProperty(r)&&(s[r]=t[r]);
t=e.pkg;
for(r in t)t.hasOwnProperty(r)&&(c[r]=t[r])}
,require.loadJs=function(e){
r(e)}
,require.loadCss=function(e){
if(e.content){
var r=document.createElement("style");
r.type="text/css",r.styleSheet?r.styleSheet.cssText=e.content:r.innerHTML=e.content,n.appendChild(r)}
else if(e.url){
var t=document.createElement("link");
t.href=e.url,t.rel="stylesheet",t.type="text/css",n.appendChild(t)}
}
,require.alias=function(e){
return e}
,require.timeout=5e3}
(this);
JS代码(more_0e338e4.js):
define("common:widget/lib/juicer/juicer.js",function(e,t,n){
var i=function(){
var e=[].slice.call(arguments);
return e.push(i.options),e[0].match(/^\s*#([\w:\-\.]+)\s*$/gim)&&e[0].replace(/^\s*#([\w:\-\.]+)\s*$/gim,function(t,n){
var i=document,r=i&&i.getElementById(n);
e[0]=r?r.value||r.innerHTML:t}
),1==arguments.length?i.compile.apply(i,e):arguments.length>=2?i.to_html.apply(i,e):void 0}
,r={
escapehash:{
"<":"<
",">":">
","&":"&
",'"':""
","'":"'
","/":"/
"}
,escapereplace:function(e){
return r.escapehash[e]}
,escaping:function(e){
return"string"!=typeof e?e:e.replace(/[&<>"]/gim,this.escapereplace)}
,detection:function(e){
return"undefined"==typeof e?"":e}
}
,o=function(e){
if("undefined"!=typeof console){
if(console.warn)return void console.warn(e);
if(console.log)return void console.log(e)}
throw e}
,s=function(e,t){
if(e=e!==Object(e)?{
}
:e,e.__proto__)return e.__proto__=t,e;
var n=function(){
}
,i=Object.create?Object.create(t):new(n.prototype=t,n);
for(var r in e)e.hasOwnProperty(r)&&(i[r]=e[r]);
return i}
;
i.__cache={
}
,i.version="0.6.5-stable",i.settings={
}
,i.tags={
operationOpen:"{
@",operationClose:"}
",interpolateOpen:"\\${
",interpolateClose:"}
",noneencodeOpen:"\\$\\${
",noneencodeClose:"}
",commentOpen:"\\{
#",commentClose:"\\}
"}
,i.options={
cache:!0,strip:!0,errorhandling:!0,detection:!0,_method:s({
__escapehtml:r,__throw:o,__juicer:i}
,{
}
)}
,i.tagInit=function(){
var e=i.tags.operationOpen+"each\\s*([^}
]*?)\\s*as\\s*(\\w*?)\\s*(,\\s*\\w*?)?"+i.tags.operationClose,t=i.tags.operationOpen+"\\/each"+i.tags.operationClose,n=i.tags.operationOpen+"if\\s*([^}
]*?)"+i.tags.operationClose,r=i.tags.operationOpen+"\\/if"+i.tags.operationClose,o=i.tags.operationOpen+"else"+i.tags.operationClose,s=i.tags.operationOpen+"else if\\s*([^}
]*?)"+i.tags.operationClose,a=i.tags.interpolateOpen+"([\\s\\S]+?)"+i.tags.interpolateClose,c=i.tags.noneencodeOpen+"([\\s\\S]+?)"+i.tags.noneencodeClose,p=i.tags.commentOpen+"[^}
]*?"+i.tags.commentClose,l=i.tags.operationOpen+"each\\s*(\\w*?)\\s*in\\s*range\\(([^}
]+?)\\s*,\\s*([^}
]+?)\\)"+i.tags.operationClose,u=i.tags.operationOpen+"include\\s*([^}
]*?)\\s*,\\s*([^}
]*?)"+i.tags.operationClose;
i.settings.forstart=new RegExp(e,"igm"),i.settings.forend=new RegExp(t,"igm"),i.settings.ifstart=new RegExp(n,"igm"),i.settings.ifend=new RegExp(r,"igm"),i.settings.elsestart=new RegExp(o,"igm"),i.settings.elseifstart=new RegExp(s,"igm"),i.settings.interpolate=new RegExp(a,"igm"),i.settings.noneencode=new RegExp(c,"igm"),i.settings.inlinecomment=new RegExp(p,"igm"),i.settings.rangestart=new RegExp(l,"igm"),i.settings.include=new RegExp(u,"igm")}
,i.tagInit(),i.set=function(e,t){
var n=this,i=function(e){
return e.replace(/[\$\(\)\[\]\+\^\{
\}
\?\*\|\.]/gim,function(e){
return"\\"+e}
)}
,r=function(e,t){
var r=e.match(/^tag::(.*)$/i);
return r?(n.tags[r[1]]=i(t),void n.tagInit()):void(n.options[e]=t)}
;
if(2===arguments.length)return void r(e,t);
if(e===Object(e))for(var o in e)e.hasOwnProperty(o)&&r(o,e[o])}
,i.register=function(e,t){
var n=this.options._method;
return n.hasOwnProperty(e)?!1:n[e]=t}
,i.unregister=function(e){
var t=this.options._method;
return t.hasOwnProperty(e)?delete t[e]:void 0}
,i.template=function(e){
var t=this;
this.options=e,this.__interpolate=function(e,t,n){
var i,r=e.split("|"),o=r[0]||"";
return r.length>1&&(e=r.shift(),i=r.shift().split(","),o="_method."+i.shift()+".call({
}
,"+[e].concat(i)+")"),"<%= "+(t?"_method.__escapehtml.escaping":"")+"("+(n&&n.detection===!1?"":"_method.__escapehtml.detection")+"("+o+")) %>"}
,this.__removeShell=function(e,n){
var r=0;
return e=e.replace(i.settings.forstart,function(e,t,n,i){
var n=n||"value",i=i&&i.substr(1),o="i"+r++;
return"<% ~function(){
for(var "+o+" in "+t+"){
if("+t+".hasOwnProperty("+o+")){
var "+n+"="+t+"["+o+"];
"+(i?"var "+i+"="+o+";
":"")+" %>"}
).replace(i.settings.forend,"<%}
}
}
();
%>").replace(i.settings.ifstart,function(e,t){
return"<% if("+t+"){
%>"}
).replace(i.settings.ifend,"<%}
%>").replace(i.settings.elsestart,function(){
return"<%}
else{
%>"}
).replace(i.settings.elseifstart,function(e,t){
return"<%}
else if("+t+"){
%>"}
).replace(i.settings.noneencode,function(e,i){
return t.__interpolate(i,!1,n)}
).replace(i.settings.interpolate,function(e,i){
return t.__interpolate(i,!0,n)}
).replace(i.settings.inlinecomment,"").replace(i.settings.rangestart,function(e,t,n,i){
var o="j"+r++;
return"<% ~function(){
for(var "+o+"="+n+";
"+o+"<"+i+";
"+o+"++){
{
var "+t+"="+o+";
%>"}
).replace(i.settings.include,function(e,t,n){
return"<%= _method.__juicer("+t+","+n+");
%>"}
),n&&n.errorhandling===!1||(e="<% try{
%>"+e,e+='<%}
catch(e){
_method.__throw("Juicer Render Exception:"+e.message);
}
%>'),e}
,this.__toNative=function(e,t){
return this.__convert(e,!t||t.strip)}
,this.__lexicalAnalyze=function(e){
var t=[],n=[],r="",o=["if","each","_","_method","console","break","case","catch","continue","debugger","default","delete","do","finally","for","function","in","instanceof","new","return","switch","this","throw","try","typeof","var","void","while","with","null","typeof","class","enum","export","extends","import","super","implements","interface","let","package","private","protected","public","static","yield","const","arguments","true","false","undefined","NaN"],s=function(e,t){
if(Array.prototype.indexOf&&e.indexOf===Array.prototype.indexOf)return e.indexOf(t);
for(var n=0;
n<e.length;
n++)if(e[n]===t)return n;
return-1}
,a=function(e,r){
if(r=r.match(/\w+/gim)[0],-1===s(t,r)&&-1===s(o,r)&&-1===s(n,r)){
if("undefined"!=typeof window&&"function"==typeof window[r]&&window[r].toString().match(/^\s*?function \w+\(\) \{
\s*?\[native code\]\s*?\}
\s*?$/i))return e;
if("undefined"!=typeof global&&"function"==typeof global[r]&&global[r].toString().match(/^\s*?function \w+\(\) \{
\s*?\[native code\]\s*?\}
\s*?$/i))return e;
if("function"==typeof i.options._method[r]||i.options._method.hasOwnProperty(r))return n.push(r),e;
t.push(r)}
return e}
;
e.replace(i.settings.forstart,a).replace(i.settings.interpolate,a).replace(i.settings.ifstart,a).replace(i.settings.elseifstart,a).replace(i.settings.include,a).replace(/[\+\-\*\/%!\?\|\^&~<>=,\(\)\[\]]\s*([A-Za-z_]+)/gim,a);
for(var c=0;
c<t.length;
c++)r+="var "+t[c]+"=_."+t[c]+";
";
for(var c=0;
c<n.length;
c++)r+="var "+n[c]+"=_method."+n[c]+";
";
return"<% "+r+" %>"}
,this.__convert=function(e,t){
var n=[].join("");
return n+="'use strict';
",n+="var _=_||{
}
;
",n+="var _out='';
_out+='",n+=t!==!1?e.replace(/\\/g,"\\\\").replace(/[\r\t\n]/g," ").replace(/'(?=[^%]*%>)/g,"").split("'").join("\\'").split("").join("'").replace(/<%=(.+?)%>/g,"';
_out+=$1;
_out+='").split("<%").join("';
").split("%>").join("_out+='")+"';
return _out;
":e.replace(/\\/g,"\\\\").replace(/[\r]/g,"\\r").replace(/[\t]/g,"\\t").replace(/[\n]/g,"\\n").replace(/'(?=[^%]*%>)/g,"").split("'").join("\\'").split("").join("'").replace(/<%=(.+?)%>/g,"';
_out+=$1;
_out+='").split("<%").join("';
").split("%>").join("_out+='")+"';
return _out.replace(/[\\r\\n]\\s+[\\r\\n]/g,'\\r\\n');
"}
,this.parse=function(e,n){
var i=this;
return n&&n.loose===!1||(e=this.__lexicalAnalyze(e)+e),e=this.__removeShell(e,n),e=this.__toNative(e,n),this._render=new Function("_,_method",e),this.render=function(e,n){
return n&&n===t.options._method||(n=s(n,t.options._method)),i._render.call(this,e,n)}
,this}
}
,i.compile=function(e,t){
t&&t===this.options||(t=s(t,this.options));
try{
var n=this.__cache[e]?this.__cache[e]:new this.template(this.options).parse(e,t);
return t&&t.cache===!1||(this.__cache[e]=n),n}
catch(i){
return o("Juicer Compile Exception:"+i.message),{
render:function(){
}
}
}
}
,i.to_html=function(e,t,n){
return n&&n===this.options||(n=s(n,this.options)),this.compile(e,n).render(t,n._method)}
,"undefined"!=typeof n&&n.exports?n.exports=i:this.juicer=i}
);
;
define("common:widget/js/ui/pager/pager.js",function(e,t,a){
var r=e("common:widget/js/util/tangram/tangram.js"),i=e("common:widget/js/ui/base/base.js");
a.exports=new i(function(){
var e=this;
e.currentPage=1,e.totalPage=1,e.viewSize=10,e.currentPagePos=4,e.labelFirst="\u9996\u9875",e.labelPrev="\u4e0a\u4e00\u9875",e.labelNext="\u4e0b\u4e00\u9875",e.labelLast="\u5c3e\u9875",e.ellipsis=!1,e.tplURL="##{
pageNum}
",e.tplLabelNormal="#{
pageNum}
",e.tplLabelCurrent="#{
pageNum}
",e.tplEllipsis='<span class="pager-more">...</span>',e.currentPage=Math.max(e.currentPage,1)}
).extend({
_init:function(e){
try{
var t=this;
r.each(e,function(e,a){
r.isFunction(a)?t.on(e,a):t[e]=a}
)}
catch(a){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:a.message,path:"common:widget/js/ui/pager/pager.js",method:"",ln:30}
)}
}
,_toHTMLString:function(){
function e(e,a,i){
return i?r.string.format('<a href="'+t.tplURL+'" data-index="#{
pageNum}
" class="pager-'+a+'">'+i+"</a>",{
pageNum:e}
):""}
if(this.totalPage<2)return"";
var t=this,a=['<div class="pager'+(t.ellipsis?" pager-ellipsis":"")+'">'],i=t.totalPage<t.viewSize||t.currentPage<=t.currentPagePos?1:Math.min(t.currentPage-t.currentPagePos,t.totalPage-t.viewSize+1);
t.ellipsis&&1==i&&t.currentPage>1&&(i=2);
var n=Math.min(t.totalPage,i+t.viewSize-1),s=t.currentPage>1?"":" disabled";
t.ellipsis&&n==t.totalPage&&t.currentPage<t.totalPage&&(n=t.totalPage-1,i=Math.max(1,n-t.viewSize+1));
var l=[e(1,"first"+(t.ellipsis&&1==i&&t.currentPage>1?" disabled":s),t.labelFirst),e(t.currentPage-1,"pre"+s,t.labelPrev)];
t.ellipsis&&(l=[l[1],l[0]],i>2&&l.push(t.tplEllipsis)),a=a.concat(l);
for(var g=i;
n>=g;
g++)a.push(g==t.currentPage?'<b class="pager-current">'+r.string.format(t.tplLabelCurrent,{
pageNum:g}
)+"</b>":e(g,"normal",t.tplLabelNormal));
return s=t.currentPage<t.totalPage?"":" disabled",l=[e(parseInt(t.currentPage)+1,"next"+s,t.labelNext),e(t.totalPage,"last"+s,t.labelLast)],t.ellipsis&&(l=[l[1],l[0]],n<t.totalPage-1&&l.unshift(t.tplEllipsis)),a=a.concat(l),a.push("</div>"),a.join("")}
,init:function(){
try{
this.render().fire("load");
var e=this,t=r(e.target);
t.size()&&"render"!=e.status&&(e.status="render",t.delegate("a[data-index]","click",function(t){
try{
e.currentPage=r(this).data("index"),e.fire("pagechange",{
event:t,target:this}
)}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/ui/pager/pager.js",method:"",ln:94}
)}
}
))}
catch(a){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:a.message,path:"common:widget/js/ui/pager/pager.js",method:"",ln:96}
)}
}
,render:function(e){
e&&this._init(e);
{
var t=this;
r(t.target).html(t._toHTMLString())}
return t}
}
)}
);
;
define("common:widget/js/ui/combobox/combobox.js",function(t,e,i){
var o=t("common:widget/lib/jquery/jquery.js"),n=t("common:widget/js/ui/base/base.js");
t("common:widget/lib/jquery.ui/jquery.ui.autocomplete.js");
var a=n().extend({
init:function(t){
try{
this.target=o(t.target),this.width=parseInt(t.width)||120,this.wrapper=o("<span/>").addClass("ik-combobox").insertAfter(this.target),t.skin&&this.wrapper.addClass(t.skin),this.target.hide(),this.render()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/ui/combobox/combobox.js",method:"",ln:25}
)}
}
,render:function(){
{
var t=this,e=this.target.children(":selected");
e.val()?e.text():""}
this.input=o("<input/>").css("width","1px").appendTo(this.wrapper).val(e.text()).attr("title","").prop("readonly",!0).addClass("ik-combobox-input").autocomplete({
delay:0,minLength:0,source:o.proxy(this,"_source")}
).on("autocompleteopen",function(e,i){
t.fire("open",{
event:e,ui:i}
)}
).on("autocompleteclose",function(e,i){
t.fire("close",{
event:e,ui:i}
)}
).on("autocompleteselect",function(e,i){
i.item.option.selected=!0,t.target.trigger("change"),t.fire("select",e,{
item:i.item.option}
)}
).on("click",function(){
try{
o(this).next().trigger("click")}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/ui/combobox/combobox.js",method:"",ln:59}
)}
}
);
var i=!1;
this.toggle=o("<a/>").attr("tabIndex",-1).addClass("ik-combobox-toggle").appendTo(this.wrapper).mousedown(function(){
i=t.input.autocomplete("widget").is(":visible")}
).click(function(){
try{
t.input.focus(),i||t.input.autocomplete("search","")}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/ui/combobox/combobox.js",method:"",ln:75}
)}
}
),this.instance=this.input.data("ui-autocomplete"),this.input.width(this.width-this.wrapper.outerWidth());
var n=this.instance.menu.element.addClass("ik-combobox-menu");
n.css("min-width",this.wrapper.outerWidth()-1-parseInt(n.css("padding-left"))-parseInt(n.css("padding-right"))-parseInt(n.css("border-left-width"))-parseInt(n.css("border-right-width"))+"px"),t.target.on("change",function(){
t.input.val(t.getText())}
)}
,getText:function(){
return this.target.children(":selected").text()}
,getValue:function(){
return this.target.children(":selected").val()}
,setByValue:function(t){
var e=this,i=e.target.find('[value="'+t+'"]').text();
e.input.data("ui-autocomplete")._value(i),e.input.data("ui-autocomplete")._change()}
,_source:function(t,e){
e(this.target.children("option").map(function(){
var t=o(this).text();
return{
label:t,value:t,option:this}
}
))}
}
);
i.exports=a}
);
;
define("common:widget/js/ui/address/address.js",function(e,t,i){
var n=e("common:widget/js/util/tangram/tangram.js"),a=e("common:widget/js/ui/base/base.js");
i.exports=a(function(e){
var t=this;
if(n.extend(t,{
optionTpl:'<option value="#{
name}
">#{
name}
</option>',optionDefaultTpl:'<option value="">#{
name}
</option>',value:{
}
,defaultValue:{
}
,defaultWord:"",filterMap:{
}
,dataCache:null}
,e),t.filterValue)for(var i=0,a=t.filterValue.length;
a>i;
i++)t.filterMap[t.filterValue[i]]=!0}
).extend({
init:function(e){
try{
var t=this;
"object"==typeof e&&t._init(e),window.arrCity?(t.dataCache=window.arrCity,t.render()):n.sio("http://passport.baidu.com/js/sitedata_bas.js?v=1.1").callByBrowser(function(){
window.arrCity&&(t.dataCache=window.arrCity,t.render())}
,{
charset:"gbk"}
)}
catch(i){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:i.message,path:"common:widget/js/ui/address/address.js",method:"",ln:74}
)}
}
,buildOptions:function(e,t){
var i=this;
e&&t&&t.length&&(e.empty(),n.each(t,function(t,a){
if(!i.filterMap[a.name])if(a.name==i.defaultWord){
var o="";
o=n.isFunction(i.optionDefaultTpl)?i.optionDefaultTpl(a):n.string(i.optionDefaultTpl).format(a),n(o).appendTo(e)}
else n(n.string(i.optionTpl).format(a)).appendTo(e)}
),e.show())}
,render:function(){
var e,t=this,i=n(t.container[0]),a=n(t.container[1]).hide(),o=n(t.container[2]).hide();
i.change(function(){
-1==this.selectedIndex&&(this.selectedIndex=0),e=t.dataCache[this.selectedIndex].sub,a.add(o).hide(),t.buildOptions(a,e),a.trigger("change")}
),a.change(function(){
-1==this.selectedIndex&&(this.selectedIndex=0);
var i=e[this.selectedIndex].sub;
t.buildOptions(o.hide(),i),o.trigger("change")}
),t.buildOptions(i,t.dataCache),i.add(a).add(o).change(function(){
t.value[this.id]=n(this).val(),this.id==t.container[0]?(t.value[t.container[1]]="",t.value[t.container[2]]=""):this.id==t.container[1]&&(t.value[t.container[2]]=""),t.fire("change")}
).each(function(e,i){
t.defaultValue[e]&&n(i).val(t.defaultValue[e]).change()}
),t.fire("change")}
}
),n.fn.address=function(e){
return this.size()==this.filter("select").size()==3?(e.container=this,(new t).init(e),this):this.each(function(){
var i=this,a=i.id||"ik_address"+ ++n.guid,o=["_province","_city","_county"];
e.container=[],n.each(o,function(t,o){
e.container.push(n("<select>",{
id:a+o}
).appendTo(i))}
),(new t).init(e)}
)}
}
);
;
define("common:widget/js/logic/phone-bind/phone-bind.js",function(t,e,n){
var i=t("common:widget/js/util/tangram/tangram.js"),s=(t("common:widget/js/ui/dialog/dialog.js"),t("common:widget/js/util/event/event.js"),t("common:widget/js/ui/base/base.js")),o=t("common:widget/js/logic/submit/submit.js"),a=s(function(t){
if(t&&t.container){
var e=this;
e.error={
oldPhoneErr:"\u539f\u624b\u673a\u8f93\u5165\u9519\u8bef",phoneEmpty:"\u8bf7\u8f93\u5165\u624b\u673a\u53f7\u7801",phoneErr:"\u8c8c\u4f3c\u624b\u673a\u53f7\u7801\u8f93\u9519\u4e86\uff0c\u786e\u8ba4\u4e00\u4e0b\u5427",authEmpty:"\u5c1a\u672a\u8f93\u5165\u9a8c\u8bc1\u7801",authOver:"\u83b7\u53d6\u9a8c\u8bc1\u7801\u6b21\u6570\u8fc7\u591a\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5",authErr:"\u9a8c\u8bc1\u7801\u9519\u8bef\uff0c\u8bf7\u91cd\u65b0\u8f93\u5165",authInvalid:"\u9a8c\u8bc1\u7801\u5931\u6548\uff0c\u8bf7\u91cd\u65b0\u83b7\u53d6",authFail:"\u53d1\u9001\u5931\u8d25\uff0c\u8bf7\u70b9\u51fb\u518d\u6b21\u53d1\u9001",authOnce:"\u8be5\u624b\u673a\u53f7\u5df2\u7ed1\u5b9a\u8fc7\u5176\u4ed6\u8d26\u53f7",authEqual:"\u8bf7\u4fee\u6539\u4e3a\u4e0d\u540c\u624b\u673a\u53f7",netErr:"\u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u91cd\u65b0\u7ed1\u5b9a",verifyErr:"\u9a8c\u8bc1\u9519\u8bef\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5",verifyMore:"\u9a8c\u8bc1\u9519\u8bef\uff0c\u6bcf\u5929\u6700\u591a\u9a8c\u8bc1\u4e00\u6b21"}
;
var n=i.extend({
type:"verify"}
,t),s=function(){
this.container=n.container,this.phone_tip="",this.auth_input="",this.auth_send="",this.auth_resend="",this.auth_tip="",this.submit_btn="",this.succss_btn="",this.successObj=n.successObj,this.panelObj=i(['<div class="phone-bind-panel">','<div class="bind-info"><label>\u624b\u673a\u53f7</label>','<label class="phone-verify">'+n.phoneToShow+"</label>",'<span id="phone-bind-input-success" style="display:none;
"></span><span class="span-error"></span></div>','<div class="bind-info"><label>\u9a8c\u8bc1\u7801\uff1a</label>','<input id="phone-bind-auth" type="text" />','<a id="phone-bind-auth-send" class="btn-24-white1">\u70b9\u51fb\u83b7\u53d6</a>','<span id="phone-bind-auth-resend" style="display:none;
"><em>60</em>\u79d2\u540e\u53ef\u91cd\u65b0\u83b7\u53d6</span>','<span></span></div><span class="bind-tip ml-48">\u6ce8\uff1a\u540c\u4e00\u624b\u673a\u53f724\u5c0f\u65f6\u5185\u6700\u591a\u53ef\u83b7\u53d65\u6b21\u9a8c\u8bc1\u7801</span>','<div class="ml-48 mt-10"><a id="phone-bind-submit" class="btn-24-green">\u786e\u8ba4\u9a8c\u8bc1</a>',"</div>","</div>"].join("")).get(0),this.oldPhoneError="",this.phoneError="",this.authError="",this._init(),this._bindEvent()}
;
s.prototype={
_init:function(){
try{
i("#"+this.container).append(this.panelObj),this.auth_input=i("#phone-bind-auth",this.panelObj),this.auth_send=i("#phone-bind-auth-send",this.panelObj),this.auth_resend=i("#phone-bind-auth-resend",this.panelObj),this.auth_tip=this.auth_resend.next(),this.submit_btn=i("#phone-bind-submit",this.panelObj)}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/logic/phone-bind/phone-bind.js",method:"",ln:104}
)}
}
,_bindEvent:function(){
var t=this;
t.auth_input.on("focus",function(){
t.auth_tip.html(""),i(this).removeClass("input-error")}
),t.auth_send.on("click",function(e){
try{
e.preventDefault(),t._sendAuth()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/phone-bind/phone-bind.js",method:"",ln:119}
)}
}
),t.submit_btn.on("click",function(e){
try{
e.preventDefault(),t._bindPhone()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/phone-bind/phone-bind.js",method:"",ln:125}
)}
}
)}
,_checkAuth:function(){
""==i.trim(this.auth_input.val())?(this.authError="authEmpty",this.auth_tip.html(e.error[this.authError]).addClass("span-error"),this.auth_input.addClass("input-error")):this.authError=""}
,_sendAuth:function(){
var t=this;
if(!t.phoneError||n.phoneToSubmit){
var s={
authOver:function(){
t.auth_tip.html(e.error.authOver).addClass("span-error")}
,authSucc:function(){
t.auth_send.hide(),t.auth_resend.show();
var e=i(t.auth_resend).children("em"),n=setInterval(function(){
e.html()>1?e.html(e.html()-1):1==e.html()&&(t.auth_resend.hide(),t.auth_send.show(),e.html(60),t.auth_tip.html(""),clearInterval(n))}
,1e3);
t.auth_tip.removeClass("span-error").html("\u9a8c\u8bc1\u7801\u5df2\u53d1\u9001\uff0c\u8bf7\u67e5\u6536\u77ed\u4fe1")}
,authErr:function(){
t.auth_tip.html(e.error.authFail).addClass("span-error")}
}
;
e.phoneAuth(n.phoneToSubmit,"verify"==n.type?1:0,function(t){
var e=i.json.parse(t);
if(e)switch(e.errno){
case 0:s.authSucc();
break;
case 3:s.authOver();
break;
case 5:s.authOnce();
break;
default:s.authErr()}
else s.authErr()}
,function(){
s.authErr()}
)}
}
,_bindPhone:function(){
function t(t){
e.phoneVerify(t,s.auth_input.val(),function(){
i("#"+s.container).empty().append(s.successObj)}
,function(t,n){
if(t){
var i=parseInt(n);
17001==i?s.phone_tip.html(e.error.authOnce).addClass("span-error"):10064==i?s.auth_tip.html(e.error.verifyMore).addClass("span-error"):17002==i?(s.auth_input.addClass("input-error"),s.auth_tip.html(e.error.authInvalid).addClass("span-error")):s.auth_tip.html(e.error.verifyErr).addClass("span-error")}
else s.auth_tip.html(e.error.netErr).addClass("span-error")}
)}
var s=this;
s._checkAuth(),s.oldPhoneError||s.phoneError&&!n.phoneToSubmit||s.authError||"verify"==n.type&&n.phoneToSubmit&&t(n.phoneToSubmit)}
}
;
{
new s(t.container)}
}
}
).extend({
phoneAuth:function(t,e,n,s){
i.ajax({
url:"/api/sendphonevcode",type:"GET",data:{
phone:t,fr:"normal",mtype:e,t:(new Date).getTime()}
,success:function(t){
n(t)}
,error:function(){
s()}
}
)}
,phoneVerify:function(t,e,n,i){
new o({
url:"/submit/user",params:{
cm:100501,phone:t,vcode:e,flag:"uhome",reason:16}
,beforeJump:function(t){
n(t)}
,errorDeal:function(t,e,n){
i(e,n)}
}
)}
,bindPassMobile:function(t){
var e="http://passport.baidu.com/passApi/js/uni_armorwidget_wrapper.js";
i.sio.callByBrowser(e+"?_="+(new Date).getTime(),function(){
var e=passport.pop.ArmorWidget(t.action,{
token:t.token,title:t.title,msg:t.msg,auth_title:t.auth_title,auth_msg:t.auth_msg,color:t.color,submitText:t.submitText,footerText:t.footerText,onRender:function(){
t.onRender=t.onRender||function(){
}
,t.onRender(this)}
,onBeforeSuccess:function(){
t.onBeforeSuccess=t.onBeforeSuccess||function(){
}
,t.onBeforeSuccess(this)}
,onSubmitSuccess:function(){
t.onSubmitSuccess=t.onSubmitSuccess||function(){
}
,t.onSubmitSuccess(this)}
}
);
e.show()}
)}
}
);
n.exports=a}
);
;
define("common:widget/js/ui/countword/countword.js",function(r,t,a){
var s=r("common:widget/js/util/tangram/tangram.js"),n=r("common:widget/js/ui/base/base.js"),o=n(function(r){
var t={
min:0,max:50}
;
s.object.extend(t,r);
var a=this;
if(this.id=t.id||this.guid,this.target=t.target||s(s.isString(t.id)?"#"+t.id:t.id),this.error=this.target.next("span.count"),t.show&&(a.show=t.show),0==s(this.error).size()){
var n=null;
n="pgc"==t.mold?s.string("<span class='count'>\u60a8\u8fd8\u53ef\u4ee5\u8f93\u5165<b>#{
max}
</b>\u5b57</span>").format({
max:t.max}
):s.string("<span class='count'><b>0</b>/#{
max}
</span>").format({
max:t.max}
),this.target.after(n),this.error=this.target.next("span.count")}
this._change=function(){
var r=s.string(a.target.val()).trim(),n=Math.ceil(s.string(r).getByteLength()/2);
n>=t.max?(a.target.val(s.string(r).subByte(2*t.max)),a.error.show(),a.show({
isError:!0,num:t.max,max:t.max}
)):"pgc"==t.mold?t.max-n<=300?(a.error.show(),a.show({
isError:!1,num:n,max:t.max}
)):(a.error.hide(),a.show({
isError:!1,num:n,max:t.max}
)):a.show({
isError:!1,num:n,max:t.max}
)}
,this.target.on("keydown",a._change).on("keyup",a._change).on("focus",a._change).on("change",a._change)}
).extend({
show:function(r){
var t=this,a=t.error.find("b");
r.isError?a.addClass("error"):a.removeClass("error"),a.html(r.num)}
}
);
a.exports=o}
);
;
define("common:widget/js/logic/set-carefield/set-carefield.js",function(require,exports,module){
var $=require("common:widget/js/util/tangram/tangram.js"),dialog=require("common:widget/js/ui/dialog/dialog.js"),ec=require("common:widget/js/util/event/event.js"),login=require("common:widget/js/logic/login/login.js"),uiBase=require("common:widget/js/ui/base/base.js"),category=require("common:widget/js/logic/category/category.js"),setCareField=uiBase(function(opts){
function _resize(){
_dialog.setSize({
width:520,height:$("#setCareField-wrap").height()+60}
)}
function _initHtml(e,i){
function t(){
var e="";
me._cids=[];
for(var t=0;
t<i.length;
t++)me._cids.push(i[t]),e+=me._careSpan.format({
cid:i[t][0],text:i[t][1].split(",").reverse().join('<span class="split">></span>')}
);
$("#careList").html(e)}
function d(){
var i="";
me._keywords=[];
for(var t=0;
t<e.length;
t++)e[t]=e[t].replace(/<
/g,"<").replace(/>
/g,">"),me._keywords.push(e[t]),i+=me._wordSpan.format({
word:$.string.encodeHTML(e[t])}
);
$("#wordList").html(i+'<div style="clear:both"></div>')}
d(),t(),_checkKeyword(),_checkCid(),_resize(),_dialog.center(),$("#addCareBtnAdd").css("top",options.selectSize/2*17-4+"px"),$("#addCareBtnDel").css("top",options.selectSize/2*17-4+"px")}
function _Submit(keywords,cids,success,error){
error||(error=function(){
}
),success||(success=function(){
}
);
for(var temp=[],i=0;
i<cids.length;
i++)temp.push(cids[i][0]);
for(var idStr=temp.join("_"),kwStr="",i=0;
i<keywords.length;
i++){
var decode=T.string.decodeHTML(keywords[i]);
kwStr+="&kw"+i+"="+encodeURIComponent(decode)}
0!=keywords.length&&(kwStr+="&kwn="+keywords.length);
var url="cm=100522&word="+idStr+kwStr+"&stoken="+F.context("user").stoken;
T.ajax({
url:"/submit/user",data:url,type:"POST",dataType:"text",success:function(data){
if(data){
var backData=eval("("+data+")");
if("0"==backData.errorNo){
me._keywords=[];
for(var i=0;
i<keywords.length;
i++)me._keywords.push(keywords[i]);
me._cids=[];
for(var i=0;
i<cids.length;
i++)me._cids.push(cids[i]);
_checkKeyword(),_checkCid(),me.tag=!0,success()}
else error()}
else error();
_resize()}
,error:error}
)}
function dialogBind(){
$(window).on("resize",function(){
_dialog.center()}
),$("#setCareField-wrap").click(function(e){
try{
e.preventDefault()}
catch(i){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:i.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:205}
)}
}
),$("#setCareField-wrap").mouseover(function(e){
var i=$(e.target);
i.is("i")&&i.addClass("ihover")}
),$("#setCareField-wrap").mouseout(function(e){
var i=$(e.target);
i.is("i")&&i.removeClass("ihover")}
),$("#care-wrap-addBtn").mouseenter(function(){
$(this).addClass("hover")}
),$("#care-wrap-addBtn").mouseleave(function(){
$(this).removeClass("hover")}
),$("#keyWord-header").click(function(e){
try{
$(this).attr("ishide")?$(this).attr("ishide","").removeClass("headerClose").next().show():$(this).attr("ishide","true").addClass("headerClose").next().hide(),_resize()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:230}
)}
}
),$("#category-header").click(function(e){
try{
$(this).attr("ishide")?$(this).attr("ishide","").removeClass("headerClose").next().show():$(this).attr("ishide","true").addClass("headerClose").next().hide(),_resize()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:239}
)}
}
),$("#wordList").on("click",function(e){
try{
var i=$(e.target);
i.is("i")&&i.parent().hasClass("wordSpan")&&_delKeyword(i.parent())}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:246}
)}
}
),$("#careList").on("click",function(e){
try{
var i=$(e.target);
i.is("i")&&i.parent().hasClass("careSpan")&&_delCid(i.parent())}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:252}
)}
}
),$("#addWordBtn").on("click",function(){
try{
_addKeyword($("#wordInput").val())}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:255}
)}
}
),$("#wordInput").on("focus",function(){
"\u8f93\u5165\u60a8\u64c5\u957f\u7684\u5173\u952e\u8bcd"==$("#wordInput").val()&&$("#wordInput").val("").css("color","#333333")}
),$("#wordInput").on("blur",function(){
""==$("#wordInput").val()&&$("#wordInput").val("\u8f93\u5165\u60a8\u64c5\u957f\u7684\u5173\u952e\u8bcd").css("color","#b3b3b3")}
),$("#addCareBtn").on("click",function(){
try{
$("#care-wrap-addBtn").show(),$(this).hide(),_resize()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:278}
)}
}
),$("#addCareBtnAdd").on("click",function(){
try{
var e=[],i=_dialog.cat.getValue();
i&&(e.push(i.cid),e.push(i.arrName.reverse().join(","))),i.cid?_addCid(e):($("#care-wrap-addBtn").hide(),$("#addCareBtn").show(),_resize())}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:294}
)}
}
),$("#addCareBtnDel").on("click",function(){
try{
$("#care-wrap-addBtn").hide(),$("#addCareBtn").show(),_resize()}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/logic/set-carefield/set-carefield.js",method:"",ln:300}
)}
}
)}
function _delKeyword(e){
for(tempKeywords=[],i=0;
i<me._keywords.length;
i++)e.attr("word")!=me._keywords[i]&&tempKeywords.push(me._keywords[i]);
_Submit(tempKeywords,me._cids,function(){
e.remove(),_resize()}
,function(){
$("#addWordTip").html(remindMsg.key.error).show(),_resize()}
)}
function _addCid(e){
for(tempCids=[],i=0;
i<me._cids.length;
i++)tempCids.push(me._cids[i]);
e&&_checkCid(e[0])&&(tempCids.push(e),_Submit(me._keywords,tempCids,function(){
var i=e[1].split(",").reverse().join('<span class="split">></span>');
T(me._careSpan.format({
cid:e[0],text:i}
)).appendTo("#careList"),T("#care-wrap-addBtn").hide(),T("#addCareBtn").show(),_resize()}
,function(){
T("#addCareTip").html(remindMsg.cat.error).show(),_resize()}
))}
function _delCid(e){
for(tempCids=[],i=0;
i<me._cids.length;
i++)e.attr("cid")!=me._cids[i][0]&&tempCids.push(me._cids[i]);
_Submit(me._keywords,tempCids,function(){
e.remove(),_resize()}
,function(){
T("#addCareTip").html(remindMsg.cat.error).show(),_resize()}
)}
function _addKeyword(e){
if(!(e=$.string(e||"").trim()))return $("#addWordTip").html(remindMsg.key.noWord).show(),void _resize();
for(tempKeywords=[],i=0;
i<me._keywords.length;
i++)tempKeywords.push(me._keywords[i]);
e&&(e=e.replace(/<
/g,"<").replace(/>
/g,">"),_checkKeyword(e)&&(tempKeywords.push(e),_Submit(tempKeywords,me._cids,function(){
$(me._wordSpan.format({
word:$.string.encodeHTML(e)}
)).insertBefore($("#wordList div")[0]),$("#wordInput").val(""),$("#wordInput").trigger("focus"),_resize()}
,function(){
$("#addWordTip").html(remindMsg.key.error).show(),_resize()}
)))}
function _checkCid(e){
if(tag=!0,e&&0!=e){
if(0==e.length)$("#addCareTip").html(remindMsg.cat.noCid).show(),tag=!1;
else for(var i=0;
i<me._cids.length;
i++)me._cids[i][0]==e&&($("#addCareTip").html(remindMsg.cat.exist).show(),tag=!1);
0==me._cids.length&&$("#careList").html("")}
else me._cids.length>=defaultOptions._maxCidNum?($("#care-wrap-btn").hide(),$("#careTip").html(remindMsg.cat.enough).show(),tag=!1):($("#care-wrap-btn").show(),$("#careTip").html("").hide()),0==me._cids.length?($("#careList-title").html(""),$("#careList").html(remindMsg.cat.wordTip)):$("#careList-title").html("\u5df2\u6dfb\u52a0\u7684\u5206\u7c7b"),$("#addCareTip").html("").hide();
return tag&&$("#addCareTip").html("").hide(),_resize(),tag}
function _checkKeyword(e){
if(tag=!0,e&&""!=e){
if(e=$.string(e).trim(),0==e.length||"\u8f93\u5165\u60a8\u64c5\u957f\u7684\u5173\u952e\u8bcd"==e)$("#addWordTip").html(remindMsg.key.noWord).show(),tag=!1;
else if($.string.getByteLength(e)>20)$("#addWordTip").html(remindMsg.key.tooLong).show(),tag=!1;
else for(var i=0;
i<me._keywords.length;
i++)me._keywords[i]==e&&($("#addWordTip").html(remindMsg.key.exist).show(),tag=!1);
0==me._keywords.length&&$("#wordList").html('<div style="clear:both"></div>')}
else me._keywords.length>=defaultOptions._maxKeywordNum?($("#word-wrap-btn").hide(),$("#wordTip").html(remindMsg.key.enough).show(),tag=!1):($("#word-wrap-btn").show(),$("#wordTip").html("").hide()),0==me._keywords.length?($("#wordList-title").html(""),$("#wordList").html(remindMsg.key.wordTip)):$("#wordList-title").html("\u5df2\u6dfb\u52a0\u7684\u5173\u952e\u8bcd"),$("#addWordTip").html("").hide();
return tag&&$("#addWordTip").html("").hide(),_resize(),tag}
function _init(e){
options=$.object.extend(defaultOptions,e),options.onopen&&options.onopen.apply(me),$.forEach(options,function(e,i){
$.isFunction(e)?me.on(i,e):me[i]=e}
);
var i='<div id="setCareField-wrap"><div id="keyWord-wrap" class="wrap"><div id="keyWord-header" class="header"><span>\u6211\u5173\u6ce8\u7684\u5173\u952e\u8bcd</span></div><div id="keyWord-body" class="body"><div id="wordList-title">\u5df2\u6dfb\u52a0\u7684\u5173\u952e\u8bcd</div><div id="wordList"></div><div style="clear:both"></div><span class="alert" id="addWordTip">\u6dfb\u52a0\u5173\u952e\u8bcd\u5931\u8d25</span><div id="word-wrap-btn"><div id="word-wrap-addBtn"><input type="text" id="wordInput" value="\u8f93\u5165\u60a8\u64c5\u957f\u7684\u5173\u952e\u8bcd" /><a type="button" id="addWordBtn" href="#"></a></div><div id="recWordsList"></div></div><div style="clear:both"></div><div id="wordTip" class="tip">\u4f60\u5173\u6ce8\u7684\u5173\u952e\u8bcd\u4e2a\u6570\u5df2\u8fbe\u5230\u4e0a\u9650\uff0c\u8bf7\u5220\u9664\u540e\u518d\u505a\u6dfb\u52a0</div></div></div><div id="category-wrap" class="wrap"><div id="category-header" class="header"><span>\u6211\u5173\u6ce8\u7684\u5206\u7c7b</span></div><div id="category-body" class="body"><div id="careList-title">\u5df2\u6dfb\u52a0\u7684\u5206\u7c7b</div><div id="careList"></div><div id="care-wrap-btn"><div id="care-wrap-addBtn"><div id="addCareBtnAdd"><a href="#"></a></div><div id="addCareBtnDel"><a href="#"></a></div></div><div id="addCareBtn"><a href="#"></a></div></div><div style="clear:both"></div><span class="alert" id="addCareTip">\u6dfb\u52a0\u5173\u952e\u8bcd\u5931\u8d25</span><div id="careTip" class="tip">\u4f60\u5173\u6ce8\u7684\u5173\u952e\u8bcd\u4e2a\u6570\u5df2\u8fbe\u5230\u4e0a\u9650\uff0c\u8bf7\u5220\u9664\u540e\u518d\u505a\u6dfb\u52a0</div></div></div></div>';
_dialog=new dialog({
title:"\u8bbe\u7f6e\u5173\u6ce8\u9886\u57df",content:i,contentType:"html",autoDispose:!0,width:520,close:function(){
var e={
keywords:me._keywords,cids:me._cids}
;
options.onclose(e)}
}
),_dialog.cat=new category({
target:"#care-wrap-addBtn",selectSize:options.selectSize,splitor:"<span>></span>"}
),dialogBind(),$.sio("/ucenter/api/uccarefieldpop?t="+(new Date).getTime()).callByServer(function(e){
return e?void _initHtml(e.keyword,e.category):void _initHtml([],[])}
),_checkKeyword(),_checkCid(),_resize(),_dialog.center();
var t="\u8bbe\u7f6e\u5173\u6ce8\u9886\u57df";
options.expand&&"all"!=options.expand?($("#careList-title").show(),$("#wordList-title").show(),"onlyCid"==options.expand?(t="\u8bbe\u7f6e\u5206\u7c7b",$("#category-wrap").show(),$("#keyWord-header").show(),$("#keyWord-wrap").hide(),$("#category-header").hide()):"onlyKey"==options.expand&&(t="\u8bbe\u7f6e\u5173\u952e\u8bcd",$("#keyWord-wrap").show(),$("#category-header").show(),$("#category-wrap").hide(),$("#keyWord-header").hide(),T("#wordInput").focus())):($("#keyWord-wrap").show(),$("#category-header").show(),$("#category-wrap").show(),$("#keyWord-header").show(),$("#careList-title").hide(),$("#wordList-title").hide()),_dialog.setTitle(t)}
var defaultOptions={
_maxKeywordNum:20,_maxKeywordLength:20,_maxCidNum:5,selectSize:7,expand:"all",onopen:function(){
}
,onclose:function(){
me.tag&&window.location.reload(!0)}
}
,me=this,options={
}
,_dialog;
me.tag=!1;
var remindMsg={
key:{
noWord:"\u8bf7\u8f93\u5165\u60a8\u7684\u5173\u952e\u8bcd\uff01",tooLong:"\u60a8\u8f93\u5165\u7684\u5173\u952e\u8bcd\u592a\u957f\u62c9\uff0c\u91cd\u65b0\u68c0\u67e5\u4e00\u4e0b\u5427\uff01",exist:"\u60a8\u8f93\u5165\u7684\u5173\u952e\u8bcd\u5df2\u7ecf\u6dfb\u52a0\u8fc7\u4e86\uff0c\u4e0d\u8981\u91cd\u590d\u6dfb\u52a0\u54e6\uff01",wordTip:"\u60a8\u53ef\u4ee5\u8bbe\u5b9a <b>"+defaultOptions._maxKeywordNum+'</b> \u7ec4\u5173\u952e\u8bcd\uff0c\u82e5\u4e00\u7ec4\u4e2d\u5305\u542b\u591a\u4e2a\u5173\u952e\u8bcd\uff0c\u8bf7\u7528\u7a7a\u683c\u5206\u9694\uff0c\u4f8b\u5982"\u7231\u597d \u8db3\u7403"',enough:"\u4f60\u5173\u6ce8\u7684\u5173\u952e\u8bcd\u4e2a\u6570\u5df2\u8fbe\u5230\u4e0a\u9650\uff0c\u8bf7\u5220\u9664\u540e\u518d\u505a\u6dfb\u52a0\uff01",error:"\u5f88\u62b1\u6b49\u6ca1\u64cd\u4f5c\u6210\u529f\uff0c\u518d\u8bd5\u8bd5\u770b\u5427\uff01"}
,cat:{
noCid:"\u8bf7\u70b9\u51fb\u9009\u62e9\u6846\uff0c\u9009\u62e9\u5206\u7c7b\uff01",exist:"\u4f60\u9009\u62e9\u7684\u5206\u7c7b\u5df2\u7ecf\u6dfb\u52a0\u8fc7\u4e86\uff0c\u4e0d\u8981\u91cd\u590d\u6dfb\u52a0\u54e6\uff01",addTip:"\u60a8\u53ef\u4ee5\u8bbe\u5b9a<b>"+defaultOptions._maxCidNum+"</b>\u4e2a\u5206\u7c7b\uff01",enough:"\u5173\u6ce8\u5206\u7c7b\u5df2\u6ee1\uff0c\u5220\u51cf\u540e\u53ef\u4ee5\u7ee7\u7eed\u6dfb\u52a0\uff5e",wordTip:"\u4f60\u8fd8\u6ca1\u6709\u6dfb\u52a0\u5206\u7c7b\uff0c\u70b9\u51fb\u6dfb\u52a0\u6309\u94ae\u6dfb\u52a0\u5427\uff01",error:"\u5f88\u62b1\u6b49\u6ca1\u64cd\u4f5c\u6210\u529f\uff0c\u518d\u8bd5\u8bd5\u770b\u5427\uff01"}
}
;
me._keywords=[],me._cids=[],me._wordSpan=new $.string('<a href="#" class="wordSpan" word="#{
word}
"><span>#{
word}
</span><i></i></a>'),me._careSpan=new $.string('<a href="#" class="careSpan" cid="#{
cid}
"><span>#{
text}
</span><i></i></a>'),ec.fire("login.check",{
isLogin:function(){
_init(opts)}
,noLogin:function(){
ec.fire("login.log",{
onLoginSuccess:function(){
_init(opts)}
}
)}
}
)}
);
module.exports=setCareField}
);
;
define("common:widget/js/ui/prof-star/prof-star.js",function(t,r,a){
var e=t("common:widget/lib/jquery/jquery.js"),o=function(t){
if(t.target){
var r=t.starW||25,a=t.starG||15,o=parseInt(t.rate||0),s=o/100*5*r,i=s/r;
e(t.target).css("width",s+Math.floor(i)*a+"px")}
}
;
a.exports=o}
);
;
define("common:widget/js/ui/uploader/uploader.js",function(e,t,i){
var a=e("common:widget/lib/jquery/jquery.js"),r=e("common:widget/js/ui/base/base.js"),o=e("common:widget/js/ui/dialog/dialog.js"),s=e("common:widget/js/util/uri/uri.js"),n=0,l=r().extend({
init:function(t){
try{
var i=this;
this.target=a(this.target),this.url=t.url||"http://zhidao.baidu.com/submit/ajax/",this.maxSize=this.maxSize||5,this.params=a.extend({
cm:100672}
,t.params),this.paramName=t.paramName||"image",this.imageOnly=t.imageOnly===!1?!1:!0,"static"==this.target.css("position")&&this.target.css("position","relative"),window.FileReader&&window.FormData?this.render():e.async("common:widget/lib/swfupload/swfupload.js",function(e){
i.renderFlash(e)}
)}
catch(r){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:r.message,path:"common:widget/js/ui/uploader/uploader.js",method:"",ln:47}
)}
}
,render:function(){
var e=this;
this.fileEle&&this.fileEle.remove(),this.fileEle=a('<input type="file" tabindex="-1" />').addClass("ipt-uploader").appendTo(this.target),this.imageOnly&&this.fileEle.attr("accept","image/*"),this.fileEle.on("change",function(){
if(this.files[0]){
var t=this.files[0];
if(t.size>1048576*e.maxSize)return void o.alert("\u6587\u4ef6\u5927\u5c0f\u8d85\u8fc7"+e.maxSize+"M\u7684\u9650\u5236\u3002");
e.upload(t),setTimeout(function(){
e.render()}
,0)}
}
)}
,upload:function(e){
var t=this,i=new FormData;
i.append(this.paramName,e,e.name),a.each(this.params,function(e,t){
i.append(e,t)}
);
var r=new XMLHttpRequest;
r.open("POST",this.url,!0),r.withCredentials=!0,r.upload.addEventListener("progress",function(e){
t.fire("progress",e.lengthComputable&&{
loaded:e.loaded,total:e.total}
)}
),r.addEventListener("error",function(){
t.fire("error")}
),r.addEventListener("load",function(){
var e=JSON.parse(r.responseText);
t.fire("complete",e)}
),r.send(i),t.fire("upload",{
file:e}
)}
,renderFlash:function(e){
if(!this.swfu){
var t=this,i=n++,r=a("<span/>").attr("id","ik-uploader-"+i).appendTo(this.target),o=new e({
flash_url:s.swfupload,upload_url:t.url,file_size_limit:t.maxSize+" MB",file_types:t.imageOnly?"*.jpg;
*.png;
*.gif;
*.bmp":"*.*",file_types_description:t.imageOnly?"\u56fe\u7247\u6587\u4ef6":"\u6240\u6709\u6587\u4ef6",file_upload_limit:1,file_queue_limit:1,debug:!1,button_placeholder_id:r.attr("id"),button_width:this.target.width(),button_height:this.target.height(),button_window_mode:e.WINDOW_MODE.TRANSPARENT,button_cursor:e.CURSOR.HAND,file_post_name:t.paramName,post_params:t.params,swfupload_pre_load_handler:function(){
}
,swfupload_load_failed_handler:function(){
t.fire("error")}
,swfupload_loaded_handler:function(){
}
,file_queued_handler:function(){
}
,file_queue_error_handler:function(){
t.fire("error")}
,file_dialog_complete_handler:function(){
try{
this.startUpload()}
catch(e){
}
}
,upload_start_handler:function(e){
t.fire("upload",{
file:e}
)}
,upload_progress_handler:function(e,i,a){
t.fire("progress",{
loaded:i,total:a}
)}
,upload_error_handler:function(){
t.fire("error")}
,upload_success_handler:function(e,i){
t.fire("complete",a.parseJSON(i))}
,upload_complete_handler:function(){
try{
var e=o.getStats();
e.successful_uploads=e.successful_uploads-1,o.setStats(e)}
catch(t){
}
}
,queue_complete_handler:function(){
}
}
);
a(o.getMovieElement()).addClass("swf-uploader"),this.swfu=o}
}
}
);
i.exports=l}
);
;
define("common:widget/js/ui/scrollbar/scrollbar.js",function(e,t,s){
function o(e){
"undefined"!=typeof e.style.WebkitUserSelect?e.style.WebkitUserSelect="none":"undefined"!=typeof e.style.MozUserSelect?e.style.MozUserSelect="none":"undefined"!=typeof e.onselectstart?e.onselectstart=function(){
return!1}
:e.onmousedown=function(){
return!1}
}
function n(e){
"undefined"!=typeof e.style.WebkitUserSelect?e.style.WebkitUserSelect="":"undefined"!=typeof e.style.MozUserSelect?e.style.MozUserSelect="":"undefined"!=typeof e.onselectstart?e.onselectstart=function(){
return!0}
:e.onmousedown=function(){
return!0}
}
var r=e("common:widget/js/util/tangram/tangram.js"),i=e("common:widget/js/ui/base/base.js"),c=(e("common:widget/lib/jquery.ui/jquery.ui.mousewheel.js"),i().extend({
init:function(e){
try{
this.options=r.extend({
scrollWrapper:"",scrollContent:"",maxHeight:600}
,e)}
catch(t){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:t.message,path:"common:widget/js/ui/scrollbar/scrollbar.js",method:"",ln:25}
)}
}
,render:function(){
var e=this,t='<div class="scrollbar-wp" style="display:none;
"><div class="scrollbar"></div></div>',s=e.options.scrollWrapper,i=e.options.scrollContent,c=e.options.maxHeight,p=i.height(),l=c/p;
if(p>c){
s.css({
position:"relative",top:0,left:0,height:c,overflow:"hidden"}
),i.css({
position:"relative",top:0,left:0}
),s.append(r(t));
var a=r(".scrollbar",s);
a.height(l*c),a.hover(function(){
r(this).addClass("hover")}
,function(){
r(this).removeClass("hover")}
);
var u=0,d=0,f=0,h=0;
a.mousedown(function(e){
u=1,d=e.pageY,f=parseInt(a.css("top")),h=parseInt(i.css("top")),o(document.body)}
),r(document).mousemove(function(e){
if(u){
var t=e.pageY-d;
if(0>t&&parseInt(a.css("top"))<=0)return a.css("top","0"),void i.css("top","0");
if(t>0&&parseInt(a.css("top"))>=c-a.height())return a.css("top",c-a.height()+"px"),void i.css("top","-"+(p-c)+"px");
a.css("top",parseInt(f+t)+"px"),i.css("top",parseInt(h-t/c*p)+"px")}
}
),r(document).mouseup(function(){
u=0,n(document.body)}
);
var m=5,g=0;
s.click(function(){
try{
g=1,f=parseInt(a.css("top")),h=parseInt(i.css("top"))}
catch(e){
"undefined"!=typeof alog&&alog("exception.fire","catch",{
msg:e.message,path:"common:widget/js/ui/scrollbar/scrollbar.js",method:"",ln:96}
)}
}
),s.blur(function(){
g=0}
),s.mousewheel(function(e,t){
if(g&&a.is(":visible"))if(e.preventDefault(),f=parseInt(a.css("top")),h=parseInt(i.css("top")),0>t){
if(parseInt(a.css("top"))>=c-a.height())return a.css("top",c-a.height()+"px"),void i.css("top","-"+(p-c)+"px");
a.css("top",parseInt(f+m)+"px"),i.css("top",parseInt(h-m/l)+"px")}
else{
if(parseInt(a.css("top"))<=0)return a.css("top","0"),void i.css("top","0");
a.css("top",parseInt(f-m)+"px"),i.css("top",parseInt(h+m/l)+"px")}
}
),s.hover(function(){
r(".scrollbar-wp",s).show()}
,function(){
r(".scrollbar-wp",s).hide(),u=0,n(document.body)}
)}
}
}
));
s.exports=c}
);
CSS代码(aio_9296f24.css):
body{overflow-x:hidden;overflow-y:hidden}
header{width:100%;height:37px;background:#fff;border-bottom:1px solid #e4e4e4;z-index:100;position:absolute}
header .logo{width:980px;margin-left:auto;margin-right:auto}
header .logo a{background:url(../images/logo.gif) no-repeat;display:block;width:91px;height:30px;margin-top:3px}
.screen-1-content,.screen-3-content,.screen-4-content,.screen-5-content{display:none}
@-webkit-keyframes rotateplane{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
}
@keyframes rotateplane{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
}
@-webkit-keyframes fade-loading{0%{-webkit-transform:translate3D(-105px,45px,0);transform:translate3D(-105px,45px,0);opacity:0}
100%{-webkit-transform:translate3D(-65px,45px,0);transform:translate3D(-65px,45px,0);opacity:1}
}
@keyframes fade-loading{0%{-webkit-transform:translate3D(-105px,45px,0);transform:translate3D(-105px,45px,0);opacity:0}
100%{-webkit-transform:translate3D(-65px,45px,0);transform:translate3D(-65px,45px,0);opacity:1}
}
.load-cover{position:fixed;width:100%;height:100%;background:radial-gradient(at 50%,#fff,#fefffa,#fdfff9,#fafff6,#e1f2ed,#b6d5e0);background-color:#fff;z-index:9999}
.load-cover .loading-icon{width:77px;height:67px;position:absolute;left:50%;top:50%;margin-top:-33px;margin-left:-38px;-webkit-animation:rotateplane 1s infinite ease-in-out;animation:rotateplane 1s infinite ease-in-out;background-repeat:no-repeat;}
.load-cover .loading-text{width:131px;height:14px;position:absolute;left:50%;top:50%;-webkit-animation:fade-loading 1s ease-in-out forwards;animation:fade-loading 1s ease-in-out forwards;background-repeat:no-repeat;}
.ie .load-cover .loading-text,.ie9 .load-cover .loading-text{margin-left:-65px;margin-top:45px}
.vedio-dialog-box{background:transparent;border:0;font-family:"Microsoft YaHei",Arial,sans-serif}
.vedio-dialog-box .vedio-wrapper{width:773px;height:506px}
.vedio-dialog-box.ui-dialog{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}
.vedio-dialog-box .ui-dialog-titlebar{height:0;border:0;display:none}
.vedio-dialog-box .ui-dialog-content{border:0;width:825px;height:507px;background-repeat:no-repeat;}
.vedio-dialog-box .ui-dialog-content .wrapper{width:772px;height:505px;position:absolute;left:0;top:0}
.vedio-dialog-box .ui-dialog-content .close-layer{position:absolute;width:52px;height:52px;top:0;right:0;background:transparent;cursor:pointer}
.browser-dialog-box{background:#fff;border:0;font-family:"Microsoft YaHei",Arial,sans-serif;font-size:18px;text-align:center;line-height:42px}
.browser-dialog-box .ui-dialog .ui-dialog-titlebar{background-color:#fff}
.browser-dialog-box .ui-widget-header{background-color:#fff;border-bottom:0}
.browser-dialog-box .btn-green-darker-l{outline:0}
.nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:#1fb32d;height:48px}
.nav ul{margin:auto;width:980px;overflow:hidden}
.nav li{float:left;width:196px}
.nav a{display:block;width:196px;height:48px;background:url(../images/nav_f93a1fa.png) 0 0 no-repeat;position:relative}
.nav a.nav-1{background-position:0 0}
.nav a.nav-1:hover{background-position:0 -48px}
.nav a.nav-1.current{background-position:0 -48px}
.nav a.nav-2{background-position:-194px 0}
.nav a.nav-2:hover{background-position:-194px -48px}
.nav a.nav-2.current{background-position:-194px -48px}
.nav a.nav-3{background-position:-388px 0}
.nav a.nav-3:hover{background-position:-388px -48px}
.nav a.nav-3.current{background-position:-388px -48px}
.nav a.nav-4{background-position:-578px 0}
.nav a.nav-4:hover{background-position:-578px -48px}
.nav a.nav-4.current{background-position:-578px -48px}
.nav a.nav-5{background-position:-770px 0}
.nav a.nav-5:hover{background-position:-770px -48px}
.nav a.nav-5.current{background-position:-770px -48px}
.nav a i{width:2px;height:29px;position:absolute;top:10px;right:0;background-repeat:no-repeat;}
html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:60px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:10px;width:10px;margin:0;border-radius:100%;background:#4dd756}
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:10px;width:10px;border:0;background:#98989b;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;background:#4dd756}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}
@-webkit-keyframes rotate{from{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes rotate{from{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
}
.screen-1{background:radial-gradient(at 50%,#fff,#fefffa,#fdfff9,#fafff6,#e1f2ed,#b6d5e0);background-color:#fff;width:100%;height:100%}
.ie .screen-1{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/nopack/screen-1-bg.png',sizingMethod='scale')}
.screen-1 .screen-1-content{}
.screen-1 .screen-1-content .screen-1-content-wrap{width:453px;height:453px;position:absolute;left:50%;top:50%;margin-left:-226px;margin-top:-269px;-webkit-animation:rotate 45s linear;animation:rotate 45s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-bg{z-index:10;width:353px;height:353px;position:absolute;left:50%;top:50%;margin-left:-176px;margin-top:-219px}
.ie .screen-1 .screen-1-content .screen-1-content-bg{background:url(../images/ie-bg_0b5d7e0.png) no-repeat}
.screen-1 .screen-1-content .screen-1-content-year{width:258px;height:83px;z-index:100;position:absolute;left:50%;top:50%;margin-left:-126px;margin-top:192px;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-lingxing{width:91px;height:108px;position:absolute;z-index:11;left:50%;top:50%;margin-left:-45px;margin-top:83px;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-txt{width:245px;height:269px;position:absolute;left:50%;top:50%;margin-left:-122px;margin-top:-177px;z-index:10;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-top{width:149px;height:149px;position:absolute;left:50%;top:50%;z-index:12;margin-left:-75px;margin-top:-313px}
.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date{width:129px;height:129px;margin-top:10px;margin-left:10px;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line{width:149px;height:149px;position:absolute;top:0;left:0;-webkit-animation:rotate 30s linear;-moz-animation:rotate 30s linear;-o-animation:rotate 30s linear;animation:rotate 30s linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-triangle{width:553px;height:479px;position:absolute;left:50%;top:50%;margin-left:-276px;margin-top:-335px;background-repeat:no-repeat;}
.screen-1 .screen-1-content .screen-1-content-bg,.screen-1 .screen-1-content .screen-1-content-year,.screen-1 .screen-1-content .screen-1-content-lingxing,.screen-1 .screen-1-content .screen-1-content-txt,.screen-1 .screen-1-content .screen-1-content-top,.screen-1 .screen-1-content .screen-1-content-triangle{opacity:0}
.screen-1 .screen-1-content.active{}
.screen-1 .screen-1-content.active .screen-1-content-bg,.screen-1 .screen-1-content.active .screen-1-content-year,.screen-1 .screen-1-content.active .screen-1-content-lingxing,.screen-1 .screen-1-content.active .screen-1-content-txt,.screen-1 .screen-1-content.active .screen-1-content-top,.screen-1 .screen-1-content.active .screen-1-content-triangle{transition-property:all;transition-duration:.8s;transition-timing-function:ease-in-out;opacity:1}
.screen-1 .screen-1-content.active .screen-1-content-bg{transition-delay:.3s}
.screen-1 .screen-1-content.active .screen-1-content-top{transition-delay:.6s}
.screen-1 .screen-1-content.active .screen-1-content-year{transition-delay:.6s}
.screen-1 .screen-1-content.active .screen-1-content-lingxing{transition-delay:.9s}
.screen-1 .screen-1-content.active .screen-1-content-txt{transition-delay:1.2s}
.screen-1 .screen-1-content.active .screen-1-content-triangle{transition-delay:1.5s}
.screen-1 path{fill:#5ac52a;stroke:transparent}
.screen-1 circle{fill:#5ac52a;stroke:transparent;pointer-events:none}
.screen-1 .PiShine .q0-9{fill:#2eba34;transition:all .4s linear}
.screen-1 .PiShine .q1-9{fill:#1da23b;transition:all .4s linear}
.screen-1 .PiShine .q2-9{fill:#24b438;transition:all .4s linear}
.screen-1 .PiShine .q3-9{fill:#1dae3a;transition:all .4s linear}
.screen-1 .PiShine .q4-9{fill:#15a12b;transition:all .4s linear}
.screen-1 .PiShine .q5-9{fill:#22b73b;transition:all .4s linear}
.screen-1 .PiShine .q6-9{fill:#1bba22;transition:all .4s linear}
.screen-1 .PiShine .q7-9{fill:#1fb130;transition:all .4s linear}
.screen-1 .PiShine .q8-9{fill:#20b639;transition:all .4s linear}
.screen-1 .PiShine .q9-9{fill:#1fa219;transition:all .4s linear}
.screen-1 .PiShine{width:353px;height:353px;border-radius:353px}
.screen-1 .PiShine{background-color:#1c9919}
.screen-2{background:transparent url(../images/screen-2-bg_bdce4fc.png) no-repeat center center;background-size:cover;width:100%;height:100%}
.ie .screen-2{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/screen-2-bg_bdce4fc.png',sizingMethod='scale')}
.screen-2 .screen-2-content{}
.screen-2 .screen-2-content .overview-text{width:216px;height:41px;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);background-repeat:no-repeat;}
.ie9 .screen-2 .screen-2-content .overview-text,.ie .screen-2 .screen-2-content .overview-text{margin-left:-486px;margin-top:-305px}
.screen-2 .screen-2-content .overview-button{z-index:1000;cursor:pointer;width:125px;height:33px;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);background-repeat:no-repeat;}
.ie9 .screen-2 .screen-2-content .overview-button,.ie .screen-2 .screen-2-content .overview-button{margin-left:-486px;margin-top:-228px}
.screen-2 .screen-2-content .ball-outer{width:600px;height:600px;background:transparent url(../images/ball-outer_be7df66.png) center no-repeat;position:absolute;left:50%;top:50%;margin-left:-300px;margin-top:-324px;z-index:10}
.screen-2 .screen-2-content .ball-outer .dot{position:absolute}
.screen-2 .screen-2-content .ball-outer .dot .outer{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:absolute;width:20px;height:20px;background-color:#8dda17;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.screen-2 .screen-2-content .ball-outer .dot .outer:hover{background:url(../images/dot-hover-icon_4eb7701.png) center center no-repeat;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:40px;height:40px;margin-left:-10px;margin-top:-10px;-webkit-transition:.2s linear;transition:.2s linear}
.screen-2 .screen-2-content .ball-outer .dot .outer:hover .inner{display:none}
.screen-2 .screen-2-content .ball-outer .dot .outer .inner{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:8px;height:8px;position:absolute;left:6px;top:6px;background-color:#4eba02;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.screen-2 .screen-2-content .ball-outer .dot.dot-0{left:57px;top:391px}
.screen-2 .screen-2-content .ball-outer .dot.dot-1{left:88px;top:136px}
.screen-2 .screen-2-content .ball-outer .dot.dot-2{left:221px;top:120px}
.screen-2 .screen-2-content .ball-outer .dot.dot-3{left:182px;top:277px}
.screen-2 .screen-2-content .ball-outer .dot.dot-4{left:182px;top:439px}
.screen-2 .screen-2-content .ball-outer .dot.dot-5{left:325px;top:35px}
.screen-2 .screen-2-content .ball-outer .dot.dot-6{left:360px;top:201px}
.screen-2 .screen-2-content .ball-outer .dot.dot-7{left:494px;top:168px}
.screen-2 .screen-2-content .ball-outer .dot.dot-8{left:473px;top:313px}
.screen-2 .screen-2-content .ball-outer .dot.dot-9{left:260px;top:543px}
.screen-2 .screen-2-content .ball-outer .dot.dot-10{left:546px;top:322px}
.screen-2 .screen-2-content .ball-outer .dot.dot-11{left:493px;top:443px}
.screen-2 .screen-2-content .ball-outer .dot.dot-12{left:337px;top:394px}
.screen-2 .screen-2-content .ball-outer .dot .card{display:none;position:absolute;z-index:1000;top:20px;left:20px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2005{width:442px;height:165px;top:-165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2006{width:384px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2007{width:384px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0{width:402px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1{top:-165px;width:422px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2009{width:384px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2010{width:367px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2011{left:-455px;width:455px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2012{width:430px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2013{width:417px;height:165px;top:-165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0{left:-442px;width:442px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1{top:-165px;left:-405px;width:405px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2015{top:-165px;width:405px;height:165px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text{position:absolute}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2005{width:86px;height:45px;left:-101px;top:-20px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2006{width:85px;height:44px;left:-100px;top:-19px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2007{width:86px;height:41px;left:-87px;top:23px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0{width:65px;height:43px;left:-77px;top:-13px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1{width:85px;height:45px;left:-99px;top:-13px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2009{width:65px;height:45px;left:-76px;top:-13px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2010{width:107px;height:45px;left:-115px;top:-6px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2011{width:85px;height:45px;left:30px;top:-34px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2012{width:82px;height:45px;left:-93px;top:-9px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2013{width:63px;height:45px;left:-73px;top:-9px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0{width:86px;height:45px;left:29px;top:-16px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1{width:85px;height:45px;left:29px;top:-16px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2015{width:72px;height:45px;left:-80px;top:-16px;background-repeat:no-repeat;}
.screen-2 .screen-2-content .ball-outer .dot-dead{position:absolute;width:14px;height:14px;background-color:#4eba02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-0{left:197px;top:55px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-1{left:453px;top:85px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-2{left:528px;top:191px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-3{left:39px;top:262px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-4{left:140px;top:499px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-5{left:300px;top:530px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-6{left:398px;top:534px}
.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-7{left:357px;top:64px}
.screen-2 .screen-2-content canvas{position:absolute;left:50%;top:50%;margin-left:-245px;margin-top:-314px;z-index:1}
.ie .screen-2 .screen-2-content .cvs0-cover{position:absolute;left:50%;top:50%;margin-left:-193px;margin-top:-190px;z-index:1;width:372px;height:349px;background:url(../images/ie-ball_1fa9f0a.png) center center no-repeat}
.screen-2 .screen-2-content .overview-text,.screen-2 .screen-2-content .overview-button,.screen-2 .screen-2-content canvas{opacity:0}
.ie9 .screen-2 .screen-2-content .overview-text,.ie9 .screen-2 .screen-2-content .overview-button,.ie9 .screen-2 .screen-2-content canvas,.ie .screen-2 .screen-2-content .overview-text,.ie .screen-2 .screen-2-content .overview-button,.ie .screen-2 .screen-2-content canvas{opacity:1}
.screen-2 .screen-2-content.active{}
.screen-2 .screen-2-content.active canvas{-webkit-animation:fadein 1.5s forwards;-webkit-animation-delay:.3s;animation:fadein 1.5s forwards;animation-delay:.3s}
@-webkit-keyframes fadein{0%{opacity:0}
1%{opacity:1}
}
@keyframes fadein{0%{opacity:0}
1%{opacity:1}
}
.screen-2 .screen-2-content.active .overview-text{-webkit-animation:slidein-text .5s forwards;-webkit-animation-delay:.5s;animation:slidein-text .5s forwards;animation-delay:.5s}
@-webkit-keyframes slidein-text{0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
@keyframes slidein-text{0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
.screen-2 .screen-2-content.active .overview-button{-webkit-animation:slidein-button .5s forwards;-webkit-animation-delay:.7s;animation:slidein-button .5s forwards;animation-delay:.7s}
@-webkit-keyframes slidein-button{0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}
}
@keyframes slidein-button{0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}
}
.screen-3{background:radial-gradient(at 50%,#091b46,#0b1a41,#0e1a3b,#101939,#131934,#19182a);background-color:#131934;width:100%;height:100%}
.screen-3 .screen-3-content{overflow:hidden}
.ie .screen-3 .screen-3-content,.ie9 .screen-3 .screen-3-content{overflow:hidden;width:100%;height:100%;position:relative}
.screen-3 .screen-3-content .pixi{z-index:1;width:681px;height:676px;position:absolute;left:50%;bottom:-240px;margin-left:-340px}
.ie .screen-3 .screen-3-content .pixi,.ie9 .screen-3 .screen-3-content .pixi{z-index:1000;width:740px;height:607px;position:absolute;left:50%;margin-left:-370px;top:50%;margin-top:-331px;background:url(../images/ie-screen3-content_1271253.png) center no-repeat}
.ie .screen-3 .screen-3-content .pixi .ten-year-with,.ie9 .screen-3 .screen-3-content .pixi .ten-year-with,.ie .screen-3 .screen-3-content .pixi .round-container,.ie9 .screen-3 .screen-3-content .pixi .round-container,.ie .screen-3 .screen-3-content .pixi .pixi-inner,.ie9 .screen-3 .screen-3-content .pixi .pixi-inner{display:none}
.screen-3 .screen-3-content .pixi .ten-year-with{width:350px;height:350px;border-radius:175px;background:transparent url(../images/with-ten-year_7350d72.png) center no-repeat;position:absolute;left:50%;top:50%;margin-top:-236px;margin-left:-175px;z-index:100}
.screen-3 .screen-3-content .pixi .round-container{z-index:1000;width:980px;height:980px;margin-top:-140px;margin-left:-140px;position:absolute;border-radius:490px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item{position:absolute;z-index:1000}
.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner{width:150px;height:150px;opacity:.5;text-align:center;font-family:arial,tahoma,"Microsoft YaHei";font-style:normal}
.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner p.year{color:#4eba02;font-size:30px;margin-bottom:5px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner p.text{color:#fff;font-size:13px;line-height:20px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-1{left:830px;top:415px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-1 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-2{left:764.1202161249403px;top:190.634060755927px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-2 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-3{left:587.3972303957829px;top:37.502721927874916px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-3 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-4{left:355.93934211658666px;top:4.22410161941292px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-4 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-5{left:143.2327954127067px;top:101.36392664298279px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-5 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-6{left:16.81041594998362px;top:298.0809889108065px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-6 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-7{left:16.810415949983565px;top:531.9190110891932px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-7 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-8{left:143.23279541270637px;top:728.6360733570168px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-8 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-9{left:355.93934211658666px;top:825.775898380587px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-9 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-10{left:587.397230395783px;top:792.497278072125px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-10 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-11{left:764.1202161249403px;top:639.3659392440729px}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-11 div.inner{}
.screen-3 .screen-3-content .pixi .round-container .pixi-item .emphasize{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.screen-3 .screen-3-content .pixi .round-container .pixi-item .emphasize:hover{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1}
.screen-3 .screen-3-content .pixi .round-container .pixi-item.rotateinner{-webkit-animation:rotateinner 60s linear;-webkit-animation-iteration-count:infinite;animation:rotateinner 60s linear;animation-iteration-count:infinite}
@-webkit-keyframes rotateinner{from{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
}
@keyframes rotateinner{from{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
to{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
}
.screen-3 .screen-3-content .pixi .round-container.rotateouter{-webkit-animation:rotate 60s linear infinite;animation:rotate 60s linear infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes rotate{0%{-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
.screen-3 .screen-3-content .pixi .pixi-inner svg{-webkit-animation:rotate 120s linear;-webkit-animation-iteration-count:infinite;animation:rotate 120s linear;animation-iteration-count:infinite}
@-webkit-keyframes rotate{from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes rotate{from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
.screen-3 .screen-3-content .little-wgt .wgt-0{width:78px;height:72px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-446px,-238px,0);-webkit-animation:move-0 3s linear;-webkit-animation-iteration-count:infinite;transform:translate3d(-446px,-238px,0);animation:move-0 3s linear;animation-iteration-count:infinite;background-repeat:no-repeat;}
.ie .screen-3 .screen-3-content .little-wgt .wgt-0,.ie9 .screen-3 .screen-3-content .little-wgt .wgt-0{margin-left:-446px;margin-top:-238px}
@-webkit-keyframes move-0{0%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
20%{-webkit-transform:translate3d(-451px,-238px,0);transform:translate3d(-451px,-238px,0)}
50%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
70%{-webkit-transform:translate3d(-441px,-238px,0);transform:translate3d(-441px,-238px,0)}
100%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
}
@keyframes move-0{0%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
20%{-webkit-transform:translate3d(-451px,-238px,0);transform:translate3d(-451px,-238px,0)}
50%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
70%{-webkit-transform:translate3d(-441px,-238px,0);transform:translate3d(-441px,-238px,0)}
100%{-webkit-transform:translate3d(-446px,-238px,0);transform:translate3d(-446px,-238px,0)}
}
.screen-3 .screen-3-content .little-wgt .wgt-1{width:80px;height:75px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(408px,-295px,0);-webkit-animation:move-1 4s linear;-webkit-animation-iteration-count:infinite;transform:translate3d(408px,-295px,0);animation:move-1 4s linear;animation-iteration-count:infinite;background-repeat:no-repeat;}
.ie .screen-3 .screen-3-content .little-wgt .wgt-1,.ie9 .screen-3 .screen-3-content .little-wgt .wgt-1{margin-left:408px;margin-top:-295px}
@-webkit-keyframes move-1{0%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
20%{-webkit-transform:translate3d(412px,-291px,0);transform:translate3d(412px,-291px,0)}
50%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
70%{-webkit-transform:translate3d(404px,-299px,0);transform:translate3d(404px,-299px,0)}
100%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
}
@keyframes move-1{0%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
20%{-webkit-transform:translate3d(412px,-291px,0);transform:translate3d(412px,-291px,0)}
50%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
70%{-webkit-transform:translate3d(404px,-299px,0);transform:translate3d(404px,-299px,0)}
100%{-webkit-transform:translate3d(408px,-295px,0);transform:translate3d(408px,-295px,0)}
}
.screen-3 .screen-3-content .little-wgt .wgt-2{width:28px;height:32px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-535px,192px,0);-webkit-animation:move-2 3s linear;-webkit-animation-iteration-count:infinite;transform:translate3d(-535px,192px,0);animation:move-2 3s linear;animation-iteration-count:infinite;background-repeat:no-repeat;}
.ie .screen-3 .screen-3-content .little-wgt .wgt-2,.ie9 .screen-3 .screen-3-content .little-wgt .wgt-2{margin-left:-535px;margin-top:192px}
@-webkit-keyframes move-2{0%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
20%{-webkit-transform:translate3d(-535px,189px,0);transform:translate3d(-535px,189px,0)}
50%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
70%{-webkit-transform:translate3d(-535px,195px,0);transform:translate3d(-535px,195px,0)}
100%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
}
@keyframes move-2{0%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
20%{-webkit-transform:translate3d(-535px,189px,0);transform:translate3d(-535px,189px,0)}
50%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
70%{-webkit-transform:translate3d(-535px,195px,0);transform:translate3d(-535px,195px,0)}
100%{-webkit-transform:translate3d(-535px,192px,0);transform:translate3d(-535px,192px,0)}
}
.screen-3 .screen-3-content .little-wgt .wgt-3{width:31px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(528px,118px,0);-webkit-animation:move-3 3s linear;-webkit-animation-iteration-count:infinite;transform:translate3d(528px,118px,0);animation:move-3 3s linear;animation-iteration-count:infinite;background-repeat:no-repeat;}
.ie .screen-3 .screen-3-content .little-wgt .wgt-3,.ie9 .screen-3 .screen-3-content .little-wgt .wgt-3{margin-left:528px;margin-top:118px}
@-webkit-keyframes move-3{0%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
20%{-webkit-transform:translate3d(532px,118px,0);transform:translate3d(532px,118px,0)}
50%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
70%{-webkit-transform:translate3d(524px,118px,0);transform:translate3d(524px,118px,0)}
100%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
}
@keyframes move-3{0%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
20%{-webkit-transform:translate3d(532px,118px,0);transform:translate3d(532px,118px,0)}
50%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
70%{-webkit-transform:translate3d(524px,118px,0);transform:translate3d(524px,118px,0)}
100%{-webkit-transform:translate3d(528px,118px,0);transform:translate3d(528px,118px,0)}
}
.screen-3 path{fill:transparent;stroke:rgba(255,255,255,.2)}
.screen-3 circle{fill:#aaafbd}
.screen-3 .PiMap .draw-bg{fill:rgba(255,255,255,.03)}
.screen-3 .PiMap .redraw{fill:rgba(255,255,255,.03);-webkit-animation:disappear .8s linear;animation:disappear .8s linear}
@-webkit-keyframes disappear{0%{fill:rgba(255,255,255,.4)}
100%{fill:rgba(255,255,255,.03)}
}
@keyframes disappear{0%{fill:rgba(255,255,255,.4)}
100%{fill:rgba(255,255,255,.03)}
}
.screen-4{background:transparent url(../images/screen-2-bg_bdce4fc.png) no-repeat center center;background-size:cover;width:100%;height:100%;position:relative;z-index:2}
.ie .screen-4{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.iknow.bdimg.com/s/10year/css/img/nopack/screen-4-bg_48f5893.png',sizingMethod='scale')}
.screen-4 .screen-4-content{width:980px;height:570px;position:absolute;top:50%;left:50%;margin-left:-490px;margin-top:-307px}
.screen-4 .screen-4-content .content-bg .trangle{width:458px;height:396px;position:absolute;top:50%;left:50%;margin-top:-259px;margin-left:-233px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-bg .circle-0{width:252px;height:252px;position:absolute;right:122px;bottom:63px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-bg .circle-1{width:280px;height:280px;position:absolute;left:140px;top:90px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-bg .circle-0,.screen-4 .screen-4-content .content-bg .circle-1{-webkit-animation:rotate 45s linear;animation:rotate 45s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes rotate{from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
@keyframes rotate{from{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
}
.screen-4 .screen-4-content .content-info .star-ten-year{width:215px;height:40px;top:0;left:50%;margin-left:-118px;position:absolute;z-index:10;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .large-pic{position:absolute;width:352px;height:352px;top:50%;left:50%;margin-top:-207px;margin-left:-176px;z-index:1000;cursor:pointer;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .large-pic .play{position:absolute;left:50%;top:50%;width:61px;height:70px;margin-left:-30px;margin-top:-35px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic{position:absolute;z-index:100;opacity:.6;transition:all .2s ease-in-out}
.screen-4 .screen-4-content .content-info .small-pic:hover{cursor:pointer;opacity:1}
.screen-4 .screen-4-content .content-info .small-pic.item-0{width:123px;height:123px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0{width:131px;height:84px;position:absolute;left:0;top:130px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-1{width:123px;height:123px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1{width:106px;height:84px;position:absolute;left:20px;top:130px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-2{width:123px;height:123px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2{width:199px;height:84px;position:absolute;left:-36px;top:130px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-3{width:123px;height:123px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3{width:105px;height:84px;position:absolute;left:11px;top:130px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-4{width:121px;height:120px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4{width:108px;height:84px;position:absolute;left:7px;top:127px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-5{width:121px;height:120px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5{width:108px;height:84px;position:absolute;left:7px;top:127px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-6{width:121px;height:120px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6{width:104px;height:83px;position:absolute;left:7px;top:127px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-7{width:121px;height:120px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7{width:117px;height:84px;position:absolute;left:7px;top:127px;background-repeat:no-repeat;}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-0,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-0{left:790px;top:40px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-1,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-1{left:635px;top:150px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-2,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-2{left:840px;top:260px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-3,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-3{left:660px;top:393px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-4,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-4{left:195px;top:100px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-5,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-5{left:50px;top:180px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-6,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-6{left:230px;top:330px}
.ie .screen-4 .screen-4-content .content-info .small-pic.item-7,.ie9 .screen-4 .screen-4-content .content-info .small-pic.item-7{left:70px;top:400px}
.screen-4 .screen-4-content .content-info .small-pic.item-0,.screen-4 .screen-4-content .content-info .small-pic.item-1,.screen-4 .screen-4-content .content-info .small-pic.item-2,.screen-4 .screen-4-content .content-info .small-pic.item-3,.screen-4 .screen-4-content .content-info .small-pic.item-4,.screen-4 .screen-4-content .content-info .small-pic.item-5,.screen-4 .screen-4-content .content-info .small-pic.item-6,.screen-4 .screen-4-content .content-info .small-pic.item-7{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
.screen-4 .screen-4-content .content-info .zhengshuang{width:66px;height:32px;position:absolute;left:50%;top:50%;margin-left:-33px;margin-top:156px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .zhengshuang-text{width:186px;height:70px;position:absolute;left:50%;top:50%;margin-left:-95px;margin-top:200px;background-repeat:no-repeat;}
.screen-4 .screen-4-content .content-info .zhengshuang,.screen-4 .screen-4-content .content-info .zhengshuang-text,.screen-4 .screen-4-content .content-info .play{opacity:0}
.ie .screen-4 .screen-4-content .content-info .zhengshuang,.ie .screen-4 .screen-4-content .content-info .zhengshuang-text,.ie .screen-4 .screen-4-content .content-info .play,.ie9 .screen-4 .screen-4-content .content-info .zhengshuang,.ie9 .screen-4 .screen-4-content .content-info .zhengshuang-text,.ie9 .screen-4 .screen-4-content .content-info .play{opacity:1}
.screen-4 .screen-4-content.active .zhengshuang,.screen-4 .screen-4-content.active .zhengshuang-text,.screen-4 .screen-4-content.active .guanzhudu,.screen-4 .screen-4-content.active .play{-webkit-animation:play .3s linear forwards;-webkit-animation-delay:1s;animation:play .3s linear forwards;animation-delay:1s}
@-webkit-keyframes play{0%{opacity:0}
100%{opacity:.7}
}
@keyframes play{0%{opacity:0}
100%{opacity:.7}
}
.screen-4 .screen-4-content.active .zhengshuang{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.screen-4 .screen-4-content.active .zhengshuang-text{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.screen-4 .screen-4-content.active .guanzhudu{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.screen-4 .screen-4-content.active .small-pic.item-0{-webkit-animation:sprite-0 .3s linear forwards;-webkit-animation-delay:.2s;animation:sprite-0 .3s linear forwards;animation-delay:.2s}
@-webkit-keyframes sprite-0{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(790px,40px,0);transform:translate3d(790px,40px,0)}
}
@keyframes sprite-0{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(790px,40px,0);transform:translate3d(790px,40px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-1{-webkit-animation:sprite-1 .3s linear forwards;-webkit-animation-delay:.3s;animation:sprite-1 .3s linear forwards;animation-delay:.3s}
@-webkit-keyframes sprite-1{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(635px,110px,0);transform:translate3d(635px,110px,0)}
}
@keyframes sprite-1{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(635px,110px,0);transform:translate3d(635px,110px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-2{-webkit-animation:sprite-2 .3s linear forwards;-webkit-animation-delay:.4s;animation:sprite-2 .3s linear forwards;animation-delay:.4s}
@-webkit-keyframes sprite-2{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(840px,260px,0);transform:translate3d(840px,260px,0)}
}
@keyframes sprite-2{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(840px,260px,0);transform:translate3d(840px,260px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-3{-webkit-animation:sprite-3 .3s linear forwards;-webkit-animation-delay:.5s;animation:sprite-3 .3s linear forwards;animation-delay:.5s}
@-webkit-keyframes sprite-3{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(660px,353px,0);transform:translate3d(660px,353px,0)}
}
@keyframes sprite-3{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(660px,353px,0);transform:translate3d(660px,353px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-4{-webkit-animation:sprite-4 .3s linear forwards;-webkit-animation-delay:.2s;animation:sprite-4 .3s linear forwards;animation-delay:.2s}
@-webkit-keyframes sprite-4{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(195px,60px,0);transform:translate3d(195px,60px,0)}
}
@keyframes sprite-4{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(195px,60px,0);transform:translate3d(195px,60px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-5{-webkit-animation:sprite-5 .3s linear forwards;-webkit-animation-delay:.3s;animation:sprite-5 .3s linear forwards;animation-delay:.3s}
@-webkit-keyframes sprite-5{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(50px,130px,0);transform:translate3d(50px,130px,0)}
}
@keyframes sprite-5{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(50px,130px,0);transform:translate3d(50px,130px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-6{-webkit-animation:sprite-6 .3s linear forwards;-webkit-animation-delay:.4s;animation:sprite-6 .3s linear forwards;animation-delay:.4s}
@-webkit-keyframes sprite-6{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(230px,290px,0);transform:translate3d(230px,290px,0)}
}
@keyframes sprite-6{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(230px,290px,0);transform:translate3d(230px,290px,0)}
}
.screen-4 .screen-4-content.active .small-pic.item-7{-webkit-animation:sprite-7 .3s linear forwards;-webkit-animation-delay:.5s;animation:sprite-7 .3s linear forwards;animation-delay:.5s}
@-webkit-keyframes sprite-7{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(70px,350px,0);transform:translate3d(70px,350px,0)}
}
@keyframes sprite-7{0%{-webkit-transform:translate3d(424px,173px,0);transform:translate3d(424px,173px,0)}
100%{-webkit-transform:translate3d(70px,350px,0);transform:translate3d(70px,350px,0)}
}
.screen-5{}
.screen-5 .screen-5-container{position:absolute;width:100%;height:100%}
.screen-5 .screen-5-container .slide-bg-container img{display:none;position:absolute}
.screen-5 .screen-5-container .slide-bg-container img.active{display:block!important}
.screen-5 .screen-5-container .lookforwards{width:215px;height:40px;position:absolute;left:50%;top:50%;margin-left:-127px;margin-top:-300px;background-repeat:no-repeat;}
.screen-5 .screen-5-container .screen-5-plus{width:980px;height:600px;position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-490px}
.screen-5 .screen-5-container .screen-5-plus .plus-item{width:87px;height:83px;position:absolute;background-repeat:no-repeat;}
.screen-5 .screen-5-container .screen-5-plus .plus-item.item-0{left:0;top:0;-webkit-animation:scale 3s linear;-webkit-animation-iteration-count:infinite;animation:scale 3s linear;animation-iteration-count:infinite}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.2);transform:scale(0.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.2);transform:scale(0.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.screen-5 .screen-5-container .screen-5-plus .plus-item.item-1{right:90px;top:60px;-webkit-animation:scale 4s linear;-webkit-animation-iteration-count:infinite;animation:scale 4s linear;animation-iteration-count:infinite}
@-webkit-keyframes scale{0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
50%{-webkit-transform:scale(0.6);transform:scale(0.6)}
100%{-webkit-transform:scale(0.2);transform:scale(0.2)}
}
@keyframes scale{0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
50%{-webkit-transform:scale(0.6);transform:scale(0.6)}
100%{-webkit-transform:scale(0.2);transform:scale(0.2)}
}
.screen-5 .screen-5-container .screen-5-plus .plus-item.item-2{right:-60px;top:250px;-webkit-animation:scale 5s linear;-webkit-animation-iteration-count:infinite;animation:scale 5s linear;animation-iteration-count:infinite}
@-webkit-keyframes scale{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
25%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(0.5);transform:scale(0.5)}
75%{-webkit-transform:scale(0.1);transform:scale(0.1)}
100%{-webkit-transform:scale(0.5);transform:scale(0.5)}
}
@keyframes scale{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
25%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(0.5);transform:scale(0.5)}
75%{-webkit-transform:scale(0.1);transform:scale(0.1)}
100%{-webkit-transform:scale(0.5);transform:scale(0.5)}
}
.screen-5 .screen-5-container .screen-5-plus .plus-item.item-3{left:0;bottom:10px;-webkit-animation:scale 6s linear;-webkit-animation-iteration-count:infinite;animation:scale 6s linear;animation-iteration-count:infinite}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.2);transform:scale(0.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(0.2);transform:scale(0.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.screen-5 .screen-5-container .screen-5-plus .plus-item.item-4{right:50px;bottom:20px;-webkit-animation:scale 2s linear;-webkit-animation-iteration-count:infinite;animation:scale 2s linear;animation-iteration-count:infinite}
@-webkit-keyframes scale{0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
50%{-webkit-transform:scale(0.9);transform:scale(0.9)}
100%{-webkit-transform:scale(0.2);transform:scale(0.2)}
}
@keyframes scale{0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
50%{-webkit-transform:scale(0.9);transform:scale(0.9)}
100%{-webkit-transform:scale(0.2);transform:scale(0.2)}
}
.screen-5 .slide{position:relative}
.screen-5 .slide-content{position:absolute;width:980px;height:500px;top:50%;left:50%;margin-left:-490px;margin-top:-230px}
.screen-5 #slide1 .slide-content{background:url(../images/iknow-content_573b2ec.png) center center no-repeat}
.screen-5 #slide2 .slide-content{background:url(../images/zuoyebang-content_549f55b.png) center center no-repeat}
.screen-5 #slide3 .slide-content{background:url(../images/baby-content_6d3551b.png) center center no-repeat}
.screen-5 #slide4 .slide-content{background:url(../images/muzhi-content_edc0d83.png) center center no-repeat}
.parallax-viewport{position:relative;overflow:hidden;width:100%;height:100%}
.parallax-viewport .layer{position:absolute}
@-webkit-keyframes fadein{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadein{0%{opacity:0}
100%{opacity:1}
}
#parallax-1{width:2000px;height:1500px;position:absolute;left:50%;top:50%;margin-left:-1000px;margin-top:-750px}
#parallax-1 .screen-1-parallax-layer-0 .layer-1-0{width:2000px;height:1500px;background:transparent url(../images/screen-1-parallax-0_0f527b5.png) center center repeat}
#parallax-1 .screen-1-parallax-layer-1 .layer-1-1{width:1448px;height:844px;background:transparent url(../images/screen-1-parallax-1_5bae679.png) center center no-repeat;position:absolute;left:276px;top:326px}
#parallax-1 .screen-1-parallax-layer-2 .layer-1-2{width:1309px;height:934px;background:transparent url(../images/screen-1-parallax-2_8ff6abd.png) center center no-repeat;position:absolute;left:345px;top:283px}
#parallax-1 .screen-1-parallax-layer-3 .layer-1-3{width:903px;height:456px;background:transparent url(../images/screen-2-parallax-1_92705aa.png) center center no-repeat;position:absolute;left:549px;top:522px}
#parallax-1 .screen-1-parallax-layer-0,#parallax-1 .screen-1-parallax-layer-1,#parallax-1 .screen-1-parallax-layer-2,#parallax-1 .screen-1-parallax-layer-3{opacity:0}
.ie #parallax-1.active .screen-1-parallax-layer-0,.ie9 #parallax-1.active .screen-1-parallax-layer-0,.ie #parallax-1.active .screen-1-parallax-layer-1,.ie9 #parallax-1.active .screen-1-parallax-layer-1,.ie #parallax-1.active .screen-1-parallax-layer-2,.ie9 #parallax-1.active .screen-1-parallax-layer-2,.ie #parallax-1.active .screen-1-parallax-layer-3,.ie9 #parallax-1.active .screen-1-parallax-layer-3{opacity:1}
#parallax-1.active .screen-1-parallax-layer-0,#parallax-1.active .screen-1-parallax-layer-1,#parallax-1.active .screen-1-parallax-layer-2,#parallax-1.active .screen-1-parallax-layer-3{-webkit-animation:fadein .5s linear forwards;animation:fadein .5s linear forwards}
#parallax-1.active .screen-1-parallax-layer-0{-webkit-animation-delay:.7s;animation-delay:.7s}
#parallax-1.active .screen-1-parallax-layer-1{-webkit-animation-delay:1s;animation-delay:1s}
#parallax-1.active .screen-1-parallax-layer-2{-webkit-animation-delay:1.3s;animation-delay:1.3s}
#parallax-1.active .screen-1-parallax-layer-3{-webkit-animation-delay:2s;animation-delay:2s}
#parallax-2{width:1448px;height:844px;position:absolute;left:50%;top:50%;margin-left:-724px;margin-top:-422px}
#parallax-2 .screen-2-parallax-layer-0 .layer-2-0{width:1448px;height:844px;background:transparent url(../images/screen-1-parallax-1_5bae679.png) center center repeat}
#parallax-2 .screen-2-parallax-layer-1 .layer-2-1{width:903px;height:456px;background:transparent url(../images/screen-2-parallax-1_92705aa.png) center center no-repeat;position:absolute;left:272px;top:194px}
#parallax-2 .screen-2-parallax-layer-0,#parallax-2 .screen-2-parallax-layer-1{opacity:0}
.ie #parallax-2.active .screen-2-parallax-layer-0,.ie9 #parallax-2.active .screen-2-parallax-layer-0,.ie #parallax-2.active .screen-2-parallax-layer-1,.ie9 #parallax-2.active .screen-2-parallax-layer-1{opacity:1}
#parallax-2.active .screen-2-parallax-layer-0,#parallax-2.active .screen-2-parallax-layer-1{-webkit-animation:fadein .5s linear forwards;animation:fadein .5s linear forwards}
#parallax-2.active .screen-2-parallax-layer-0{-webkit-animation-delay:1s;animation-delay:1s}
#parallax-2.active .screen-2-parallax-layer-1{-webkit-animation-delay:2s;animation-delay:2s}
#parallax-4{width:1448px;height:844px;position:absolute;left:50%;top:50%;margin-left:-724px;margin-top:-422px}
#parallax-4 .screen-4-parallax-layer-0 .layer-4-0{width:1401px;height:817px;background:transparent url(../images/screen-4-parallax-0_d28e9f3.png) center bottom no-repeat;position:absolute;left:24px;top:13px}
#parallax-4 .screen-4-parallax-layer-1 .layer-4-1{width:1448px;height:844px;background:transparent url(../images/screen-1-parallax-1_5bae679.png) center center no-repeat}
#parallax-4 .screen-4-parallax-layer-2 .layer-4-2{width:903px;height:456px;background:transparent url(../images/screen-2-parallax-1_92705aa.png) center center no-repeat;position:absolute;left:272px;top:194px}
#parallax-4 .screen-4-parallax-layer-0,#parallax-4 .screen-4-parallax-layer-1,#parallax-4 .screen-4-parallax-layer-2{opacity:0}
.ie #parallax-4.active .screen-4-parallax-layer-0,.ie9 #parallax-4.active .screen-4-parallax-layer-0,.ie #parallax-4.active .screen-4-parallax-layer-1,.ie9 #parallax-4.active .screen-4-parallax-layer-1,.ie #parallax-4.active .screen-4-parallax-layer-2,.ie9 #parallax-4.active .screen-4-parallax-layer-2{opacity:1}
#parallax-4.active .screen-4-parallax-layer-0,#parallax-4.active .screen-4-parallax-layer-1,#parallax-4.active .screen-4-parallax-layer-2{-webkit-animation:fadein .5s linear forwards;animation:fadein .5s linear forwards}
#parallax-4.active .screen-4-parallax-layer-0{-webkit-animation-delay:1s;animation-delay:1s}
#parallax-4.active .screen-4-parallax-layer-1{-webkit-animation-delay:1.5s;animation-delay:1.5s}
#parallax-4.active .screen-4-parallax-layer-2{-webkit-animation-delay:2s;animation-delay:2s}
.vedio-dialog-box .ui-dialog-content{background-position:0px 0px}
.screen-1 .screen-1-content .screen-1-content-triangle{background-position:-830px 0px}
.screen-1 .screen-1-content .screen-1-content-wrap{background-position:0px -512px}
.screen-4 .screen-4-content .content-bg .trangle{background-position:-458px -512px}
.screen-4 .screen-4-content .content-info .large-pic{background-position:-921px -512px}
.screen-4 .screen-4-content .content-bg .circle-1{background-position:0px -970px}
.screen-1 .screen-1-content .screen-1-content-txt{background-position:-285px -970px}
.screen-4 .screen-4-content .content-bg .circle-0{background-position:-535px -970px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1{background-position:-792px -970px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2015{background-position:-1388px 0px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0{background-position:0px -1255px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2013{background-position:-447px -1255px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2005{background-position:-869px -1255px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2006{background-position:-1388px -170px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2007{background-position:-1388px -340px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0{background-position:-1388px -510px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1{background-position:-1316px -1255px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2009{background-position:-1388px -680px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2010{background-position:-1388px -850px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2011{background-position:0px -1425px}
.screen-2 .screen-2-content .ball-outer .dot .card.card-2012{background-position:-460px -1425px}
.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line{background-position:-1388px -1020px}
.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date{background-position:-1542px -1020px}
.screen-4 .screen-4-content .content-info .small-pic.item-0{background-position:-1202px -970px}
.screen-4 .screen-4-content .content-info .small-pic.item-1{background-position:-895px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-3{background-position:-1023px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-2{background-position:-1151px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-4{background-position:-1279px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-6{background-position:-1405px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-7{background-position:-1531px -1425px}
.screen-4 .screen-4-content .content-info .small-pic.item-5{background-position:-1657px -1425px}
.screen-1 .screen-1-content .screen-1-content-lingxing{background-position:-1676px -1020px}
.screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2{background-position:0px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7{background-position:-204px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4{background-position:-326px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1{background-position:-439px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5{background-position:-550px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0{background-position:-663px -1595px}
.screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3{background-position:-1278px -512px}
.screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6{background-position:-1278px -601px}
.screen-1 .screen-1-content .screen-1-content-year{background-position:-799px -1595px}
.screen-5 .screen-5-container .screen-5-plus .plus-item{background-position:-1278px -689px}
.screen-3 .screen-3-content .little-wgt .wgt-1{background-position:-1388px -1174px}
.screen-3 .screen-3-content .little-wgt .wgt-0{background-position:-1473px -1174px}
.screen-4 .screen-4-content .content-info .large-pic .play{background-position:-1556px -1174px}
.screen-4 .screen-4-content .content-info .zhengshuang-text{background-position:-792px -1140px}
.load-cover .loading-icon{background-position:-1622px -1174px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1{background-position:-1704px -1174px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2012{background-position:-1278px -777px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2005{background-position:-458px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2015{background-position:-549px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1{background-position:-626px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0{background-position:-716px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2013{background-position:-807px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2009{background-position:-875px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2011{background-position:-945px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2010{background-position:-1035px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2006{background-position:-1147px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0{background-position:-1237px -913px}
.screen-2 .screen-2-content .ball-outer .dot .text.y-2007{background-position:-983px -1140px}
.screen-2 .screen-2-content .overview-text{background-position:-1074px -1140px}
.screen-4 .screen-4-content .content-info .star-ten-year{background-position:-1062px -1595px}
.screen-5 .screen-5-container .lookforwards{background-position:-1282px -1595px}
.screen-2 .screen-2-content .overview-button{background-position:-921px -869px}
.screen-4 .screen-4-content .content-info .zhengshuang{background-position:-1278px -827px}
.screen-3 .screen-3-content .little-wgt .wgt-2{background-position:-1760px -850px}
.screen-3 .screen-3-content .little-wgt .wgt-3{background-position:-1760px -887px}
.nav a i{background-position:-1777px -170px}
.load-cover .loading-text{background-position:-1542px -1154px}
.vedio-dialog-box .ui-dialog-content,.screen-1 .screen-1-content .screen-1-content-triangle,.screen-1 .screen-1-content .screen-1-content-wrap,.screen-4 .screen-4-content .content-bg .trangle,.screen-4 .screen-4-content .content-info .large-pic,.screen-4 .screen-4-content .content-bg .circle-1,.screen-1 .screen-1-content .screen-1-content-txt,.screen-4 .screen-4-content .content-bg .circle-0,.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1,.screen-2 .screen-2-content .ball-outer .dot .card.card-2015,.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0,.screen-2 .screen-2-content .ball-outer .dot .card.card-2013,.screen-2 .screen-2-content .ball-outer .dot .card.card-2005,.screen-2 .screen-2-content .ball-outer .dot .card.card-2006,.screen-2 .screen-2-content .ball-outer .dot .card.card-2007,.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0,.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1,.screen-2 .screen-2-content .ball-outer .dot .card.card-2009,.screen-2 .screen-2-content .ball-outer .dot .card.card-2010,.screen-2 .screen-2-content .ball-outer .dot .card.card-2011,.screen-2 .screen-2-content .ball-outer .dot .card.card-2012,.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line,.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date,.screen-4 .screen-4-content .content-info .small-pic.item-0,.screen-4 .screen-4-content .content-info .small-pic.item-1,.screen-4 .screen-4-content .content-info .small-pic.item-3,.screen-4 .screen-4-content .content-info .small-pic.item-2,.screen-4 .screen-4-content .content-info .small-pic.item-4,.screen-4 .screen-4-content .content-info .small-pic.item-6,.screen-4 .screen-4-content .content-info .small-pic.item-7{background-image:url(../images/aio_z_3b5a56c.png)}
.screen-4 .screen-4-content .content-info .small-pic.item-5,.screen-1 .screen-1-content .screen-1-content-lingxing,.screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2,.screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7,.screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4,.screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1,.screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5,.screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0,.screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3,.screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6,.screen-1 .screen-1-content .screen-1-content-year,.screen-5 .screen-5-container .screen-5-plus .plus-item,.screen-3 .screen-3-content .little-wgt .wgt-1,.screen-3 .screen-3-content .little-wgt .wgt-0,.screen-4 .screen-4-content .content-info .large-pic .play,.screen-4 .screen-4-content .content-info .zhengshuang-text,.load-cover .loading-icon,.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1,.screen-2 .screen-2-content .ball-outer .dot .text.y-2012,.screen-2 .screen-2-content .ball-outer .dot .text.y-2005,.screen-2 .screen-2-content .ball-outer .dot .text.y-2015,.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1,.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0,.screen-2 .screen-2-content .ball-outer .dot .text.y-2013,.screen-2 .screen-2-content .ball-outer .dot .text.y-2009,.screen-2 .screen-2-content .ball-outer .dot .text.y-2011,.screen-2 .screen-2-content .ball-outer .dot .text.y-2010,.screen-2 .screen-2-content .ball-outer .dot .text.y-2006,.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0,.screen-2 .screen-2-content .ball-outer .dot .text.y-2007{background-image:url(../images/aio_z_3b5a56c.png)}
.screen-2 .screen-2-content .overview-text,.screen-4 .screen-4-content .content-info .star-ten-year,.screen-5 .screen-5-container .lookforwards,.screen-2 .screen-2-content .overview-button,.screen-4 .screen-4-content .content-info .zhengshuang,.screen-3 .screen-3-content .little-wgt .wgt-2,.screen-3 .screen-3-content .little-wgt .wgt-3,.nav a i,.load-cover .loading-text{background-image:url(../images/aio_z_3b5a56c.png)}
分享到QQ
分享到微博
微信扫一扫
