<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>对不起，你访问的页面不存在!</title>
<link href="/mc/404/404.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<br /><br /><br /><br /><br /><br />

<div class="container">
    <div class="content">
        <div class="error404">
            <div class="bg404_1" style="left: auto; top: auto;"><div class="piece_2 animated fadeOutDownBig">
                </div><div class="piece_4 animated fadeOutDownBig">
                </div></div><img class="smoke" src="/mc/404/2RVA7TJRkK.gif"><img class="fn-hide" src="/mc/404/2RVKwb1XSG.gif"><img class="fn-hide" src="/mc/404/2QzVCyDXKn.gif"><img class="fn-hide" src="/mc/404/2QzSKsCpDY.gif"><img class="fn-hide" src="/mc/404/2QzSIaf4RY.gif">
            <div class="bg404_2" data-backgroundposition="-501px 0">
                
                
            </div>
            <div class="bg404_3" data-backgroundposition="0 -261px">
                <div class="piece_1">
                </div>
                <div class="piece_2">
                </div>
                <div class="piece_3">
                </div>
                <div class="piece_4">
                </div>
            </div>
            <div class="bg404_4" data-backgroundposition="-501px -261px">
                <div class="piece_1">
                </div>
                <div class="piece_2">
                </div>
                <div class="piece_3">
                </div>
                <div class="piece_4">
                </div>
                <div class="piece_5">
                </div>
            </div>
            <img class="robot" src="/mc/404/2QzSIaf4RY.gif" alt="error 404" style="-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1); -webkit-transform-origin: 50% 100% 0px;">
        </div>
        <div class="tipbox">
            <h2>对不起，你访问的页面不存在!</h2>
            <dl>
                <dt>最有可能的原因是：</dt>
                <dd>你输入的网址可能不正确</dd>
                <dd>链接可能已过期</dd>
            </dl>
            <div class="other">
                <p>咨询热线：<b>400-777 0680</b></p>
                <p style="font-size:15px">点击直接进入客服免费咨询系统：</p>
				<a href="http://www.shu1shu2.cn/" seed="alipay404My" id="zx2"></a>
                <a href="http://www.shu1shu2.cn/swt/" d="alipay404Index" id="zx1"></a>
				<a href="http://www.shu1shu2.cn/mc/xwzx/rmwd/" id="zx3"></a>
            </div>
        </div>
    </div>
</div>
<!--404页面js-->
<script type="text/javascript" src="/mc/404/Mim1d.js"></script>
<script>
seajs.use(['$'], function($, Cookie) {
    var jQuery = $;
    //撞头动画
    var fun = {
        level: 1,
        robot: $('.robot'),
        bg: {
            bg404_1: $('.bg404_1'),
            bg404_2: $('.bg404_2'),
            bg404_3: $('.bg404_3'),
            bg404_4: $('.bg404_4')
        },
        notSupportedBrowser: (jQuery.browser.msie && (jQuery.browser.version == '6.0' || jQuery.browser.version == '7.0' || jQuery.browser.version == '8.0')) || (jQuery.browser.safari && window.navigator.userAgent.indexOf('Chrome') == -1),
        shakeNum: 0,
        robotMouseOver: function() {
            window.Tracker.log('alipay_error404_mouseover' + this.level);
            if (this.level <= 3) {
                var that = this;
                if (jQuery.browser.msie || jQuery.browser.mozilla) {
                    TweenMax.to(this.robot, 0.2, {width: '172px', height: '250px',transformOrigin: '50% 50%', onStart: function() {that.robot.on('click', function() {that.robotClick();});}});
                } else {
                    TweenMax.to(this.robot, 0.2, {rotationX: -30, transformOrigin: '50% bottom', transformPerspective: 500, startAt: {transformPerspective: 500}, onStart: function() {that.robot.on('click', function() {that.robotClick();});}});
                }
            }
        },
        robotMouseOut: function() {
            window.Tracker.log('alipay_error404_mouseout' + this.level);
            if (this.level <= 3) {
                if (jQuery.browser.msie || jQuery.browser.mozilla) {
                    TweenMax.to(this.robot, 0.2, {width: '160px', height: '230px',transformOrigin: '50% 50%'});
                } else {
                    TweenMax.to(this.robot, 0.2, {rotationX: 0, transformOrigin: '50% bottom', transformPerspective: 500, startAt: {transformPerspective: 500}});
                }
            }
        },
        robotClick: function() {
            window.Tracker.click('alipay_error404_click' + this.level);
            if (this.level <= 3) {
                var that = this;
                if (jQuery.browser.msie || jQuery.browser.mozilla) {
                    TweenMax.to(this.robot, 0.2, {width: '140px', height: '200px', ease: Back.easeIn, delay: 0.2, transformOrigin: '50% 50%', onStart: function() {that.robot.unbind('click');}, onComplete: function() {that.shake();}});
                    TweenMax.to(this.robot, 0.2, {width: '172px', height: '250px', delay: 0.6, transformOrigin: '50% 50%', onComplete: function() {that.robot.on('click', function() {that.robotClick();});}});
                } else {
                    TweenMax.to(this.robot, 0.2, {rotationX: 15, ease: Back.easeIn, delay: 0.2, transformOrigin: '50% bottom', transformPerspective: 500, startAt: {transformPerspective: 500}, onStart: function() {that.robot.unbind('click');}, onComplete: function() {that.shake();}});
                    TweenMax.to(this.robot, 0.2, {rotationX: -30, delay: 0.6, transformOrigin: '50% bottom', transformPerspective: 500, startAt: {transformPerspective: 500}, onComplete: function() {that.robot.on('click', function() {that.robotClick();});}});
                }
            }
        },
        shake: function() {
            var that = this;
            TweenMax.to(that.bg.bg404_1, 0.05, {left: 5 + (that.level-1)*5, ease: Bounce.easeInOut, yoyo: true, repeat: 7 + (that.level-1)});
            TweenMax.to(that.bg.bg404_1, 0.05, {top: 3 + (that.level-1)*3, ease: Bounce.easeInOut, yoyo: true, repeat: 7 + (that.level-1), onRepeat: function() {
                that.shakeNum++;
                if (that.shakeNum == 2) {
                    that.bg.bg404_1.css('backgroundPosition', that.bg['bg404_' + that.level].attr('data-backgroundPosition')).css('backgroundImage', 'url(404/2R3NXPtGay.png)');
                    if (that.level == 2) {
                        that.robot.attr('src', '404/2QzSIaf4RY.gif');
                        $('<img class="smoke" src="/mc/404/2RVA7TJRkK.gif" />').insertAfter(that.bg.bg404_1);
                    } else if (that.level == 3) {
                        that.robot.attr('src', '404/2QzSKsCpDY.gif');
                        $('<img class="smoke" src="/mc/404/2RVD085JGn.gif" />').insertAfter(that.bg.bg404_1);
                    } else {
                        that.robot.attr('src', '404/2QzVCyDXKn.gif');
                        $('<img class="smoke" src="/mc/404/2RVD1CgRVt.gif" />').insertAfter(that.bg.bg404_1);
                    }

                } else if (that.shakeNum == 6) {
                    if (!jQuery.browser.msie) {
                        that.bg['bg404_' + that.level].children().appendTo(that.bg.bg404_1).addClass('animated fadeOutDownBig');
                    }
					if (that.level == 4) {
                    	that.robot.attr('src', '404/2RVKwb1XSG.gif').css('cursor','default');
                	}
                }
            }, onComplete: function() {
                that.shakeNum = 0;
            }});

            this.level++;
        },
        init: function() {
            //如果是ie6、7、8或safari则展示降级方案
            if(this.notSupportedBrowser) {
                this.bg.bg404_1.css('backgroundImage','url(404/2RN8R673W0.png)').removeClass('fn-hide');
            } else {
                this.bg.bg404_1.removeClass('fn-hide');
                this.robot.removeClass('fn-hide');
                var that = this;
                this.robot.hover(function() {
                    that.robotMouseOver();
                },function() {
                    that.robotMouseOut();
                });
                this.robot.on('click', function() {that.robotClick();});
                //robot的gif图预加载
                $('<img class="fn-hide" src="/mc/404/2QzSIaf4RY.gif" />').insertAfter(this.bg.bg404_1);
                $('<img class="fn-hide" src="/mc/404/2QzSKsCpDY.gif" />').insertAfter(this.bg.bg404_1);
                $('<img class="fn-hide" src="/mc/404/2QzVCyDXKn.gif" />').insertAfter(this.bg.bg404_1);
				$('<img class="fn-hide" src="/mc/404/2RVKwb1XSG.gif" />').insertAfter(this.bg.bg404_1);
				var that = this;
                window.setTimeout(function() {that.robot.trigger('mouseover');}, 500);
                window.setTimeout(function() {that.robot.trigger('click');}, 500);
            }
        }
    };
    fun.init();
});
</script>
<script type="text/javascript">
//全站404埋点
Tracker.log('alipay_error404');
//系统404埋点
Tracker.log(window.location.host.split(".")[0] + '_error404');
</script>
</body></html>