<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <style type="text/css">
body,html{height:100%}body,h1{margin:0}body{text-align:center;font-size:12px;font-family:"Lucida Grande",Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif}.content{top:50%;left:50%;position:absolute;border-radius:2%;background-color:transparent}.content img{width:100%;height:100%;border-radius:10px}.content button,.content h1,.content span{position:absolute}.content span{color:#888;border:1px solid #888;font-weight:500;border-radius:50%}.content button{bottom:-14%;background-color:transparent;border-style:solid;border-color:#fff;border-radius:5px;padding:.5em;color:#fff;font-size:1.2em;font-weight:700;text-decoration:none;white-space:nowrap;left:50%;-webkit-transform:translateX(-50%)}.content h1{-webkit-background-size:cover;background-repeat:no-repeat}.overlayer{height:100%;background-color:#000;opacity:.8}.console{position:absolute;top:0;left:0;color:#fff;z-index:100}body,html{height:100%}body,h1{margin:0}body{text-align:center;font-size:12px;font-family:"Lucida Grande",Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif}.content{top:50%;left:50%;position:absolute;border-radius:2%;background-color:transparent}.content img{width:100%;height:100%;border-radius:10px}.content button,.content h1,.content span{position:absolute}.content span{color:#888;border:1px solid #888;font-weight:500;border-radius:50%}.content button{bottom:-14%;background-color:transparent;border-style:solid;border-color:#fff;border-radius:5px;padding:.5em;color:#fff;font-size:1.2em;font-weight:700;text-decoration:none;white-space:nowrap;left:50%;-webkit-transform:translateX(-50%)}.content h1{-webkit-background-size:cover;background-repeat:no-repeat}.overlayer{height:100%;background-color:#000;opacity:.8}.console{position:absolute;bottom:0;left:0;color:#fff;z-index:100}.spinner{margin:100px auto;width:20px;height:20px;position:relative}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#30a1ec;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.warning{position:absolute;top:50%;left:50%;z-index:1;overflow:hidden;list-style:none;padding:0 0 0 28px;margin:0 0 .25em}.warning:after,.warning:before{content:"";position:absolute;top:50%;left:0}.warning:before{content:"!";z-index:2;left:8px;margin-top:-8px;font-size:14px;font-weight:700;color:#000}.warning:after{z-index:1;border-width:0 11px 18px;border-style:solid;border-color:#F8D201 transparent;margin-top:-10px;background:0 0}
    </style>
</head>

<body>
    <script type="text/javascript">
function getAndroidVersion(a){var a=a||navigator.userAgent,b=a.match(/Android\s([0-9\.]*)/);return b?b[1]:!1}!function(a){var b;if(!a.matchesSelector)for(b in a)if(/^\S+MatchesSelector$/.test(b)){a.matchesSelector=a[b];break}}(Element.prototype),Document.prototype.on=Element.prototype.on=function(a,b,c){this.addEventListener(a,function d(a){var e=a.target,f=a.type,g=[];if(a.detail&&a.detail.selector===b&&a.detail.handler===c)return this.removeEventListener(f,d,!0);for(;e;)e.matchesSelector&&e.matchesSelector(b)&&(e.addEventListener(f,c,!1),g.push(e)),e=e.parentNode;setTimeout(function(){for(var a=g.length-1;a>=0;)g[a].removeEventListener(f,c,!1),a-=1},0)},!0)},Document.prototype.off=Element.prototype.off=function(a,b,c){var d=document.createEvent("CustomEvent");d.initCustomEvent(a,!1,!1,{selector:b,handler:c}),this.dispatchEvent(d)},function(){var data={stats_imp_url:"http://api.mix.guohead.com/stats_imp.php?spid=3a3dfdaa3a9f2109&pm=default&aid=2402&pid=3324&ptype=1&oid=1556&o_aid=2194&activity_id=60&act_type=5&client=1&gh_ver=2.0.6&app_pkg=com.yueyangshiji.ttlsg&app_ver=1.2&uuid=&open_udid=ba7ef1726ed2abe871bb710e8b281f676029073d&mac=020000000000&pmodel=iPhone5%2C3&show_type=0&wifi=1&header_only=0&app_dev_fml=1%2C2&adid=D2AD7362-4DB8-4088-92D7-B11FC723E859&is_ad_track_enabled=0&vendor_id=FDBAB8F0-1660-475F-9B5D-D188308003C5&like_test=&cd_test=&more_test=",click_url:"http://url.cn/YVoX5I",stats_click_url:"http://api.mix.guohead.com/stats_click.php?spid=3a3dfdaa3a9f2109&pm=default&aid=2402&pid=3324&ptype=1&oid=1556&o_aid=2194&activity_id=60&act_type=5&client=1&gh_ver=2.0.6&app_pkg=com.yueyangshiji.ttlsg&app_ver=1.2&uuid=&open_udid=ba7ef1726ed2abe871bb710e8b281f676029073d&mac=020000000000&pmodel=iPhone5%2C3&show_type=0&wifi=1&header_only=0&app_dev_fml=1%2C2&adid=D2AD7362-4DB8-4088-92D7-B11FC723E859&is_ad_track_enabled=0&vendor_id=FDBAB8F0-1660-475F-9B5D-D188308003C5&like_test=&cd_test=&more_test="},currentWidth,currentHeight,ipad=navigator.userAgent.match(/iPad/i)?!0:!1,evnt={klick:"createTouch"in document?"touchstart":"click"},MIX=function(){{var a=this;this.radio()}this.originalheight=480,this.is_portrait()||(this.originalheight=320),this.bodyHeight=document.body.clientHeight,this.bodyWidth=document.body.clientWidth,!this.is_portrait()&&navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)&&(this.originalheight=320,this.bodyHeight=document.body.clientWidth,this.bodyWidth=document.body.clientHeight),/Android/i.test(navigator.userAgent)&&(this.bodyHeight=parseInt(""),this.bodyWidth=parseInt("")),document.body.style.fontSize=12*this.scale()+"px",this.overlay=document.createElement("div"),this.overlay.className="overlayer",this.content=document.createElement("div"),this.content.className="content",this.canShowSpinner()&&(this.spinner=document.createElement("div"),this.spinner.innerHTML='<div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>',this.spinner.className="spinner",this.content.appendChild(this.spinner)),this.img=new Image,this.img.onload=function(){a.canShowSpinner()&&a.content.removeChild(a.spinner),a.content.appendChild(this),this.onload=null,clearTimeout(b),setTimeout(function(){a.showClose(),a.showLogo()},2e3)},this.img.onerror=function(){a.canShowSpinner()&&a.content.removeChild(a.spinner),clearTimeout(b),this.style.display="none";var c=document.createElement("div");c.className="warning",c.innerHTML="Warning",a.content.appendChild(c),a.showClose(),a.showLogo()},this.img.src="file:///var/mobile/Applications/945D8A07-0CC7-4B0E-86C0-978A4FECC36B/Library/MIXCaches/0df3337d78854775fddd05b5c0f7ebef.jpg";var b=setTimeout(function(){a.img.onload=null,a.showClose(),a.showLogo()},5e3);this.h1=document.createElement("h1"),this.h1.style.backgroundImage="url('file:///var/mobile/Applications/945D8A07-0CC7-4B0E-86C0-978A4FECC36B/Library/MIXCaches/power_by_MIX_2x.png')",this.h1.style.display="none",this.span=document.createElement("span"),this.span.innerHTML="&times;",this.span.style.display="none",this.content.appendChild(this.h1),this.content.appendChild(this.span),document.body.appendChild(this.overlay),document.body.appendChild(this.content),this.setContentSize(),document.on(evnt.klick,".content span",function(){a.method("call_close")}),document.on(evnt.klick,".content img",function(){a.method("on_click",encodeURIComponent(data.click_url)+"/"+encodeURIComponent(data.stats_click_url))}),this.method("on_imp",encodeURIComponent(data.stats_imp_url))};MIX.prototype={orientationchange:function(){this.updateUI()},canShowSpinner:function(){return"WebkitAnimation"in document.body.style||"Animation"in document.body.style||"WebkitAnimationFillMode"in document.body.style||"AnimationFillMode"in document.body.style||"WebkitTransform"in document.body.style||"WebkitAnimationDelay"in document.body.style||"AnimationDelay"in document.body.style},radio:function(){return this.is_portrait()?480/700:1.95},screenRadio:function(){return this.bodyWidth/this.bodyHeight},scale:function(){return this.bodyHeight/this.originalheight},showClose:function(){this.span.style.display="block",this.span.style.fontSize=20*this.scale()+"px",navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)?(this.span.style.fontSize=20*this.scale()+"px",this.span.style.lineHeight=this.span.clientWidth+"px"):(this.span.style.fontSize=22*this.scale()+"px",this.span.style.lineHeight=this.span.clientWidth*this.scale()+"px"),this.span.style.height=this.span.clientWidth+2+"px",this.span.style.width=this.span.clientWidth+2+"px",this.span.style.right="-"+this.span.clientWidth+"px",this.span.style.top="-"+this.span.clientWidth+"px"},showLogo:function(){this.h1.style.display="block",this.setLogoSize()},is_portrait:function(){return eval('"1" == "1"')},setImageSrc:function(){var a=data.material_img[this.is_portrait()?"portrait":"landscape"];this.img.src=a[window.devicePixelRatio+(ipad?1:0)+"x"]},setLogoSize:function(){var a=this.scale();this.h1.style.width=61*a+"px",this.h1.style.height=17*a+"px",this.h1.style.top="-"+(17*a+4*a)+"px"},setContentSize:function(){var a,b=this.radio(),c=this.scale(),d="translate(-50%, -50%)";navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)&&!this.is_portrait()&&(d+=" rotate(90deg) translateZ(0) scale(1)"),this.content.style.webkitTransform=d,b>this.bodyWidth/this.bodyHeight?(a=this.bodyHeight*this.screenRadio(),this.content.style.width=.75*a+"px",this.content.style.height=this.content.clientWidth/b+"px"):(a=this.bodyHeight*this.screenRadio(),this.content.style.height=.63*this.bodyHeight+"px",this.content.style.width=this.content.clientHeight*b+"px"),this.content.style.borderRadius=10*c+"px"},updateUI:function(){var a=this.img.style.display;this.setContentSize(),this.img.style.display="none",this.img.onload=function(){this.style.display=a,this.onload=null},this.setImageSrc()},method:function(a,b){if(void 0==b&&(b=""),navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/))window.location="guohead://"+a+"/"+b;else switch(a){case"on_imp":window.external.on_imp(b);break;case"on_click":window.external.on_click(b);break;case"call_close":window.external.call_close()}}},new MIX}(window);
</script>
</body>
</html>
