<?php
	require ('./module.php');
	$t_url=$_GET['url'];
	if(!empty($t_url)) {
		preg_match('/(http|https):\/\//',$t_url,$matches);
		 if($matches){
			$url=$t_url;
			$title='页面跳转中，请稍候……';
		 }else{
			preg_match('/\./i',$t_url,$matche);
			if($matche){
				$url='http://'.$t_url;
				$title='页面跳转中，请稍候……';
			}else{
				$url='../';
				$title='链接错误，正在返回……';
			}
		}
	}else{
		$title='链接错误，正在返回……';
		$url='../';
	}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
<title><?php echo $title;?></title>
<style type="text/css">
html,body {
    width: 100%;
    height: 100%;
}

.flex-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body {
    background: #000;
}

.unit {
    text-align: center;
}

.unit p {
    margin-top: 120px;
    margin-left: -30px;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: #6cc;
}

.heart {
    position: relative;
    font-size: 0;
    width: 138px;
}

[class*="heart-piece-"] {
    position: absolute;
    top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.heart-piece-4 {
    -webkit-animation: piece-4 1.0s infinite;
    animation: piece-4 1.0s infinite;
}

.heart-piece-3,
.heart-piece-5 {
    -webkit-animation: piece-3 1.0s infinite;
    animation: piece-3 1.0s infinite;
}

.heart-piece-2,
.heart-piece-6 {
    -webkit-animation: piece-2 1.0s infinite;
    animation: piece-2 1.0s infinite;
}

.heart-piece-1,
.heart-piece-7 {
    -webkit-animation: piece-1 1.0s infinite;
    animation: piece-1 1.0s infinite;
}

.heart-piece-0,
.heart-piece-8 {
    -webkit-animation: piece-0 1.0s infinite;
    animation: piece-0 1.0s infinite;
}

.heart-piece-0 {
    left: 0px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background-color: #57f1f1;
}

.heart-piece-1 {
    left: 16px;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    background-color: #3ed6d6;
}

.heart-piece-2 {
    left: 32px;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    background-color: #42c3e0;
}

.heart-piece-3 {
    left: 48px;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
    background-color: #07ead5;
}

.heart-piece-4 {
    left: 64px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background-color: #42c3e0;
}

.heart-piece-5 {
    left: 80px;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background-color: #07ead5;
}

.heart-piece-6 {
    left: 96px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    background-color: #42c3e0;
}

.heart-piece-7 {
    left: 112px;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
    background-color: #3ed6d6;
}

.heart-piece-8 {
    left: 128px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    background-color: #57f1f1;
}

@-webkit-keyframes piece-4 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 94px;
        top: -23px;
    }
}

@keyframes piece-4 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 94px;
        top: -23px;
    }
}

@-webkit-keyframes piece-3 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 90px;
        top: -31px;
    }
}

@keyframes piece-3 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 90px;
        top: -31px;
    }
}

@-webkit-keyframes piece-2 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 80px;
        top: -37px;
    }
}

@keyframes piece-2 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 80px;
        top: -37px;
    }
}

@-webkit-keyframes piece-1 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 60px;
        top: -31px;
    }
}

@keyframes piece-1 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 60px;
        top: -31px;
    }
}

@-webkit-keyframes piece-0 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 30px;
        top: -15px;
    }
}

@keyframes piece-0 {
    0%, 10%, 90%, 100% {
        height: 10px;
        top: -5px;
    }

    45%, 55% {
        height: 30px;
        top: -15px;
    }
}
</style>
</head>
<body>
	<div class="flex-container">
		<div class="unit">
			<div class="heart">
				<div class="heart-piece-0"></div>
				<div class="heart-piece-1"></div>
				<div class="heart-piece-2"></div>
				<div class="heart-piece-3"></div>
				<div class="heart-piece-4"></div>
				<div class="heart-piece-5"></div>
				<div class="heart-piece-6"></div>
				<div class="heart-piece-7"></div>
				<div class="heart-piece-8"></div>
			</div>
			<p>页面跳转中，请稍候……</p>
		</div>
	</div>
</body>
</html>