93 lines
3.5 KiB
PHTML
Executable File
93 lines
3.5 KiB
PHTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{include file="include/head" /}
|
|
<meta charset="UTF-8">
|
|
<title>UFO耳机随时切换蓝牙模式</title>
|
|
<style>
|
|
.UFO-01{position: relative;}
|
|
.UFO-01 img{display: block; width:100vw;}
|
|
.UFO-01 .content{position: absolute; left:12.5vw;; top:80%;}
|
|
.UFO-01 .content a{display: inline-block; padding:0.8vw 2vw; background-color:#fe2727; color:#FFF; font-size: 1.5em;}
|
|
.UFO-01 .content a:hover{text-decoration-line: none;}
|
|
|
|
.UFO-01-M{position: relative;}
|
|
.UFO-01-M img{display: block; width:100vw;}
|
|
.UFO-01-M .content{position: absolute; right:9.5vw;; bottom:17%;}
|
|
.UFO-01-M .content a{display: inline-block; padding:0.8vw 2vw; background-color:#fe2727; color:#FFF; font-size: 1.5em;}
|
|
.UFO-01-M .content a:hover{text-decoration-line: none;}
|
|
|
|
|
|
.UFO img{width:100vw; display: block;}
|
|
@media screen and (min-width:791px){
|
|
.UFO-01{display: block}
|
|
.UFO-01-M{display: none;}
|
|
.UFO .UFO-PC{display: block;}
|
|
.UFO .UFO-M{display: none;}
|
|
}
|
|
@media screen and (max-width:790px){
|
|
.UFO-01{display: none}
|
|
.UFO-01-M{display: block;}
|
|
.UFO .UFO-PC{display: none;}
|
|
.UFO .UFO-M{display: block;}
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
<body>
|
|
<!--top-->
|
|
<header class="header-PC header-Index">
|
|
<div id="header" class="theme-white">
|
|
{include file="include/top" /}
|
|
{include file="include/top-header" /}
|
|
</div>
|
|
</header>
|
|
<!--top End-->
|
|
<div class="UFO-01">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-01.jpg">
|
|
<div class="content"><a href="https://z.m.jd.com/project/newDetails/111565.html">点击众筹</a></div>
|
|
</div>
|
|
<div class="UFO-01-M">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-01.jpg">
|
|
<div class="content"><a href="https://z.jd.com/project/details/111565.html ">点击众筹</a></div>
|
|
</div>
|
|
|
|
|
|
<div class="UFO">
|
|
<div class="UFO-PC">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-02.gif">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-03.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-04.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-05.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-06.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-07.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-08.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-09.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-10.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-11.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-12.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-13.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/UFO-14.jpg">
|
|
</div>
|
|
<div class="UFO-M">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-02.gif">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-03.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-04.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-05.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-06.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-07.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-08.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-09.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-10.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-11.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-12.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-13.jpg">
|
|
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-14.jpg">
|
|
</div>
|
|
</div>
|
|
<!-- bottom s -->
|
|
{include file="include/bottom" /}
|
|
<!-- bottom e -->
|
|
</body>
|
|
</html> |