<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>{eycms[webname]}</title>
<style>
*{margin:0;padding:0;font-family:microsoft yahei;}
body{padding:0 20px;}
div{width:100%;min-width:300px;max-width:500px;line-height:30px;border:1px solid #eee;border-radius:8px;-webkit-animation-name:jello;-moz-animation-name:jello;-o-animation-name:jello;animation-name:jello;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-box-shadow:0 3px 10px #8D8DA1;box-shadow:0 3px 10px #8D8DA1;margin:70px auto auto;box-sizing:border-box;}
div p{padding-top:30px;text-align:center;}
div span{font-size:20px;color:#f30;font-family:verdana;}
div img{width:90%;}
div a{display:block;font-size:12px;color:#999;text-decoration:none;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;margin-bottom:10px;}
div a:hover{color:#f30;}
@keyframes jello{from,11.1%,to{-moz-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}
22.2%{
	-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
	-moz-transform:skewX(-12.5deg) skewY(-12.5deg);
	-o-transform:skewX(-12.5deg) skewY(-12.5deg);
	transform:skewX(-12.5deg) skewY(-12.5deg);
}
33.3%{
	-webkit-transform:skewX(6.25deg) skewY(6.25deg);
	-moz-transform:skewX(6.25deg) skewY(6.25deg);
	-o-transform:skewX(6.25deg) skewY(6.25deg);
	transform:skewX(6.25deg) skewY(6.25deg);
}
44.4%{
	-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
	-moz-transform:skewX(-3.125deg) skewY(-3.125deg);
	-o-transform:skewX(-3.125deg) skewY(-3.125deg);
	transform:skewX(-3.125deg) skewY(-3.125deg);
}
55.5%{
	-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
	-moz-transform:skewX(1.5625deg) skewY(1.5625deg);
	-o-transform:skewX(1.5625deg) skewY(1.5625deg);
	transform:skewX(1.5625deg) skewY(1.5625deg);
}
66.6%{
	-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
	-moz-transform:skewX(-0.78125deg) skewY(-0.78125deg);
	-o-transform:skewX(-0.78125deg) skewY(-0.78125deg);
	transform:skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7%{
	-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
	-moz-transform:skewX(0.390625deg) skewY(0.390625deg);
	-o-transform:skewX(0.390625deg) skewY(0.390625deg);
	transform:skewX(0.390625deg) skewY(0.390625deg);
}
88.8%{
	-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
	-moz-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
	-o-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
	transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@media screen and (min-width:760px)
{
	div{margin:-300px auto auto -250px;position:absolute;top:50%;left:50%;}
}
</style>
</head>

<body>
    <div>
        <p>请使用微信添加朋友：<span>{eycms[wx_id]}</span><br>或者扫码下面二维码关注我们：<br />
        <img src="{eycms[wx_qrcode]}" />
        <a href="{weburl}" target="_blank">Powered By {http_host}</a>
        </p>
    </div>
</body>
</html>
