<!DOCTYPE html>
<html>
    <head>
        <title>该页面不存在-酷读网</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            body{
                padding: 0px;
                margin: 0px;
                background: #CCCCCC;
            }
            .mainContainer{
                padding: 0;
                overflow: hidden;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
            .errorContainer{
                width: 550px;
                margin:0px auto;
                padding: 0px;
                text-align:center;
            }
            .errorCode{
                font-size: 140px;
                font-weight: normal;
                text-shadow: 2px 2px 0 #ffffff;
                display: block;
                color: #707070;
                line-height: 140px;
                margin:10px 0;
            }
            .errorContainer .errorSpan {
                font-size: 22px;
                text-shadow: 0px 1px 0 #ffffff;
                display: block;
                color: #707070;
                line-height: 30px;
                margin-bottom: 20px;
                color: #fff;
                background-color: #c9302c;
                border-color: #ac2925;
                border-radius: 3px;
                line-height: 21px;
                padding: 8px 15px;
            }
            .errorContainer .successSpan{
                font-size: 22px;
                text-shadow: 0px 1px 0 #ffffff;
                display: block;
                color: #707070;
                line-height: 30px;
                margin-bottom: 20px;
                color: #fff;
                background-color: #449d44;
                border-color: #398439;
                border-radius: 3px;
                line-height: 21px;
                padding: 8px 15px;
            }
            .alert{
                border-radius: 3px;
                padding: 15px;
                margin-bottom: 20px;
                border: 1px solid transparent;
            }
            .alert-danger {
                color: #a94442;
                background-color: #f2dede;
                border-color: #ebccd1;
            }
            .alert-success {
                color: #3c763d;
                background-color: #dff0d8;
                border-color: #d6e9c6;
            }
            .button{
                font:15px Calibri, Arial, sans-serif;
                text-shadow:1px 1px 0 rgba(255,255,255,0.4);
                text-decoration:none !important;
                white-space:nowrap;
                display:inline-block;
                vertical-align:baseline;
                position:relative;
                cursor:pointer;
                padding:10px 20px;
                background-repeat:no-repeat;
                background-position:bottom left;
                background-image:url('button_bg.png');
                background-position:bottom left, top right, 0 0, 0 0;
                background-clip:border-box;
                -moz-border-radius:8px;
                -webkit-border-radius:8px;
                border-radius:8px;
                -moz-box-shadow:0 0 1px #fff inset;
                -webkit-box-shadow:0 0 1px #fff inset;
                box-shadow:0 0 1px #fff inset;
                -webkit-transition:background-position 1s;
                -moz-transition:background-position 1s;
                transition:background-position 1s;
            }
            .button:hover{
                background-position:top left;
                background-position:top left, bottom right, 0 0, 0 0;
            }
            .button:active{
                bottom:-1px;
            }
            .button.big		{ font-size:30px;}
            .button.medium	{ font-size:18px;}
            .button.small	{ font-size:13px;}
            .button.rounded{
                -moz-border-radius:4em;
                -webkit-border-radius:4em;
                border-radius:4em;
            }
            .blue.button{
                color:#0f4b6d !important;
                border:1px solid #84acc3 !important;
                background-color: #48b5f2;
                background-image:	-moz-radial-gradient(	center bottom, circle,
                    rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
                    -moz-linear-gradient(#4fbbf7, #3faeeb);
                background-image:	-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
                    from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
                    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
            }
            .blue.button:hover{
                background-color:#63c7fe;
                background-image:-moz-radial-gradient(	center bottom, circle,
                    rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
                    -moz-linear-gradient(#63c7fe, #58bef7);

                background-image:-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
                    from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
                    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
            }

            /* Green Button */

            .green.button{
                color:#345903 !important;
                border:1px solid #96a37b !important;	
                background-color: #79be1e;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
                background-image:-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
            }
            .green.button:hover{
                background-color:#89d228;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
                background-image:-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
            }

            .orange.button{
                color:#693e0a !important;
                border:1px solid #bea280 !important;	
                background-color: #e38d27;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
                background-image:-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
            }

            .orange.button:hover{
                background-color:#ec9732;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
                background-image:-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
            }

            .gray.button{
                color:#525252 !important;
                border:1px solid #a5a5a5 !important;	
                background-color: #a9adb1;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
                background-image:-webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
            }

            .gray.button:hover{
                background-color:#b6bbc0;
                background-image:-moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
                background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
            }
            .subhead{
                text-align: center;
                height: 150px;
                background: linear-gradient(45deg, #002C39 0%, #00C9FF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
                box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2) inset, 0 -3px 7px rgba(0, 0, 0, 0.2) inset;
                color: #fff;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
            }
            .subhead:after {
                background: url("/Public/Home/images/common/bs-docs-masthead-pattern.png") repeat scroll center center rgba(0, 0, 0, 0);
                bottom: 0;
                content: "";
                display: block;
                left: 0;
                opacity: 0.4;
                position: absolute;
                right: 0;
                top: 0;
            }
            .subhead img{
                margin-top: 30px;
            }
            a{
                color: #555555;
                text-decoration: none;
            }

            .demo p:first-child {
                text-align: center;
                font-family: cursive;
                font-size: 150px;
                font-weight: bold;
                line-height: 100px;
                letter-spacing: 5px;
                color: #fff;
            }

            
        </style>
        <script src="/Public/Tool/bt2/js/jquery-1.7.2.min.js"></script>
    </head>
    <body>
        <div class='subhead'>
            <img src="/Public/Home/images/common/logo-tpl.png"/>
        </div>
        <div class='mainContainer'>
            <div class='errorContainer'>
                <div class="demo">
                    <p id="404"><span >4</span><span>0</span><span>4</span></p>
                    <p>该页面不存在(´･ω･`)</p>
                </div>
                <div style="text-align:center;font-size:16px;">
                    <p class='a'><a href="/" style="color:#666;">返回首页</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="javascript:history.go(-1);" style="color:#666;">返回上一页</a></p>
                </div>
            </div>
        </div>
        <script>
            (function (jQuery) {
                // We override the animation for all of these color styles
                jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function (i, attr) {
                    jQuery.fx.step[attr] = function (fx) {
                        if (fx.state == 0) {
                            fx.start = getColor(fx.elem, attr);
                            fx.end = getRGB(fx.end);
                        }
                        fx.elem.style[attr] = "rgb(" + [
                            Math.max(Math.min(parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
                            Math.max(Math.min(parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
                            Math.max(Math.min(parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
                        ].join(",") + ")";
                    }
                });

                function getRGB(color) {
                    var result;
                    if (color && color.constructor == Array && color.length == 3)
                        return color;
                    if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
                        return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
                    if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
                        return [parseFloat(result[1]) * 2.55, parseFloat(result[2]) * 2.55, parseFloat(result[3]) * 2.55];
                    if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
                        return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)];
                    if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
                        return [parseInt(result[1] + result[1], 16), parseInt(result[2] + result[2], 16), parseInt(result[3] + result[3], 16)];
                    return colors[jQuery.trim(color).toLowerCase()];
                }

                function getColor(elem, attr) {
                    var color;
                    do {
                        color = jQuery.curCSS(elem, attr);
                        if (color != '' && color != 'transparent' || jQuery.nodeName(elem, "body"))
                            break;
                        attr = "backgroundColor";
                    } while (elem = elem.parentNode);

                    return getRGB(color);
                }
                ;
                var colors = {
                    aqua: [0, 255, 255],
                    azure: [240, 255, 255],
                    beige: [245, 245, 220],
                    black: [0, 0, 0],
                    blue: [0, 0, 255],
                    brown: [165, 42, 42],
                    cyan: [0, 255, 255],
                    darkblue: [0, 0, 139],
                    darkcyan: [0, 139, 139],
                    darkgrey: [169, 169, 169],
                    darkgreen: [0, 100, 0],
                    darkkhaki: [189, 183, 107],
                    darkmagenta: [139, 0, 139],
                    darkolivegreen: [85, 107, 47],
                    darkorange: [255, 140, 0],
                    darkorchid: [153, 50, 204],
                    darkred: [139, 0, 0],
                    darksalmon: [233, 150, 122],
                    darkviolet: [148, 0, 211],
                    fuchsia: [255, 0, 255],
                    gold: [255, 215, 0],
                    green: [0, 128, 0],
                    indigo: [75, 0, 130],
                    khaki: [240, 230, 140],
                    lightblue: [173, 216, 230],
                    lightcyan: [224, 255, 255],
                    lightgreen: [144, 238, 144],
                    lightgrey: [211, 211, 211],
                    lightpink: [255, 182, 193],
                    lightyellow: [255, 255, 224],
                    lime: [0, 255, 0],
                    magenta: [255, 0, 255],
                    maroon: [128, 0, 0],
                    navy: [0, 0, 128],
                    olive: [128, 128, 0],
                    orange: [255, 165, 0],
                    pink: [255, 192, 203],
                    purple: [128, 0, 128],
                    violet: [128, 0, 128],
                    red: [255, 0, 0],
                    silver: [192, 192, 192],
                    white: [255, 255, 255],
                    yellow: [255, 255, 0]
                };
            })(jQuery);

        </script>
        <script type="text/javascript">
            $(document).ready(function () {
                spectrum();
                function spectrum() {
                    var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
                    $('#404').animate({color: hue}, 1000);
                    spectrum();
                }
            });
        </script>
    </body>
</html>