You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

268 lines
7.5 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<html style="font-size: 100px;"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>敬请期待</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
* {margin: 0;padding: 0;/* -webkit-box-sizing: border-box;box-sizing: border-box; */}
body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, footer{display: block}
body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;}
i,ul{list-style:none;font-style: normal;}
.show { display: block!important}
.hidden{display: none!important}
a{ text-decoration:none; cursor:pointer;}
.k_border-radius{border: 1px solid #e0e0e0;-webkit-box-align:center;border-radius: 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.k_border-radius{
position: relative;
border: 0;
}
.k_border-radius:before {
content: "";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
/*background: #f00;margin-bottom: 20px;*/
border: 1px solid #e0e0e0;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
padding: 1px;
border-radius: 10px;
pointer-events: none
}
}
.border_bottom{height: 1px;position: relative;margin-top: 3px;margin-bottom: 3px;}
.border_bottom:after{content: " ";
position: absolute;
bottom: 0;
height: 1px;
border-bottom: 1px solid #E5E5E5;
color: #E5E5E5;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
left: 10px; right:10px}
.k_col_red {color: #dd5348;}
.k_col_green {color: #57ab53;}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.button {
color: #666;
background-color: #EEE;
border-color: #EEE;
font-weight: 300;
font-size: 16px;
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-decoration: none;
text-align: center;
line-height: 40px;
height: 40px;
padding: 0 40px;
margin: 0;
display: inline-block;
appearance: none;
cursor: pointer;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
.button-pill {
position: relative;top: 0;
border-radius: 200px;
background-color: #A5DE37;
border-color: #A5DE37;
color: #FFF;
-webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
}
.layer-anim {
-webkit-animation-name: layer-bounceIn;
animation-name: layer-bounceIn
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
}
@-webkit-keyframes layer-bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes layer-bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes layer-bounceOut {
100% {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
30% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes layer-bounceOut {
100% {
opacity: 0;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7)
}
30% {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.layer-anim-close {
-webkit-animation-name: layer-bounceOut;
animation-name: layer-bounceOut;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .2s;
animation-duration: .2s
}
@media only screen and (min-width: 375px){
}
.verticalnext{
-webkit-animation: verticalnext 0.5s linear alternate infinite;
animation: verticalnext 0.5s linear alternate infinite;
}
@-webkit-keyframes verticalnext{
0%{-webkit-transform:scale(0.9);}
100%{-webkit-transform:scale(1);}
}
@keyframes verticalnext{
0%{transform:scale(0.9);}
100%{transform:scale(1);}
}
/* .container{background: #f1f0f6; position: relative;height: 100%;overflow: auto;font-size: 0.28rem;color: #222121;}
.container .iconfont{font-size: 0.16rem;}
*/
.mb_15{margin-bottom: 0.15rem}
.mb_20{margin-bottom: 0.2rem}
html,body{height: 100%;}
.ltgwx_warp{position: relative;background: #fff;height: 100%;overflow-y: auto;font-size: 0.16rem;-webkit-overflow-scrolling: touch;}
.ltgwx_tu{width: 100%;}
.ltgwx_tu > img{display: block;width: 100%;height: 100%;}
.jsy_n-bj{width: 3.72rem;height: 2.64rem;position: absolute;top: 30%;left: 50%;margin-left: -1.85rem;background: url('./error.png') no-repeat center center;background-size: contain;}
.jys_n-text{width: 100%;position: absolute;bottom: 0;right: 0;left: 0;padding-bottom: 1.3rem;text-align: center;}
.btn_s{display: inline-block;width: 4.2rem;height: 0.66rem;border: 1px solid #e0e0e0;line-height: 0.66rem;border-radius: 0.33rem;margin-bottom:0.3rem ;}
.btn_text{font-size: 0.64rem;font-weight: bold;color: #007bce;}
</style>
<script>
(function (doc, win) {
var docEl = doc.documentElement;
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
if (doc.documentElement.clientWidth > 750) {
docEl.style.fontSize = 50 * 2 + 'px';
return;
}
var recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="ltgwx_warp">
<div class="jsy_n-bj"></div>
<div class="jys_n-text">
<!-- <span class="btn_s">更多内容正在开发中</span> -->
<div class="jys_n-h1">
<span class="btn_text">请在PC端查看</span>
</div>
</div>
</div>
</body></html>