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.
270 lines
7.8 KiB
HTML
270 lines
7.8 KiB
HTML
<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('/weaver/weaver.file.FileDownload?fileid=a00b88571da680efc16426b25b0507550379ee36fab6223222325ef1877cdbbac0db20bf5876fc64b51bb03bd589c1bec6e8662b6d7f37c27&diyPicId=336') 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">需开通权限后</span>
|
|
<br/>
|
|
<span class="btn_text">方可使用</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body></html> |