6 years ago · 5e6f7e8b39
--- a/2018专题/1806全景图专题-商务/.babelrc
+++ b/2018专题/1806全景图专题-商务/.babelrc
--- a/2018专题/1806全景图专题-商务/entry.html
+++ b/2018专题/1806全景图专题-商务/entry.html
@@ -0,0 +1,22 @@
 
															+<!DOCTYPE html>
														
 
															+<html lang="en">
														
 
															+<head>
														
 
															+    <meta charset="UTF-8">
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
														
 
															+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
														
 
															+    <title>猎人首页</title>
														
 
															+    <script src="./js/lib/rem.js"></script>
														
 
															+</head>
														
 
															+<body>
														
 
															+    <video autoplay loop class="entry-video" id="entry-video"></video>
														
 
															+    <img class="entry-text" src="./img/entry-text.png" data-href="/scene1.html" alt="">
														
 
															+    <div class="aim-glass" id="rec"></div>
														
 
															+    <img class="hunter-logo" src="./img/entry-logo.png" alt="">
														
 
															+    <img class="vr-logo" src="./img/vr-logo.png" alt="">
														
 
															+    <img class="xinshijie-logo" src="./img/xinshijie-logo.png" alt="">
														
 
															+    <audio src="./video/index-bgm.mp3" autoplay loop></audio>
														
 
															+    <audio src="./video/shoot.mp3" id="hunt-audio"></audio>
														
 
															+</body>
														
 
															+<script src="//www.duowan.com/assets/js/jquery.js"></script>
														
 
															+<script src="./js/entry.js"></script>
														
 
															+</html>
														
--- a/2018专题/1806全景图专题-商务/img/E.png
+++ b/2018专题/1806全景图专题-商务/img/E.png
--- a/2018专题/1806全景图专题-商务/img/F-open-jin.png
+++ b/2018专题/1806全景图专题-商务/img/F-open-jin.png
--- a/2018专题/1806全景图专题-商务/img/F-open-qiang.png
+++ b/2018专题/1806全景图专题-商务/img/F-open-qiang.png
--- a/2018专题/1806全景图专题-商务/img/P1-lake.jpg
+++ b/2018专题/1806全景图专题-商务/img/P1-lake.jpg
--- a/2018专题/1806全景图专题-商务/img/P1-loading.jpg
+++ b/2018专题/1806全景图专题-商务/img/P1-loading.jpg
--- a/2018专题/1806全景图专题-商务/img/P1.jpg
+++ b/2018专题/1806全景图专题-商务/img/P1.jpg
--- a/2018专题/1806全景图专题-商务/img/P2-loading.jpg
+++ b/2018专题/1806全景图专题-商务/img/P2-loading.jpg
--- a/2018专题/1806全景图专题-商务/img/P2-lookout.jpg
+++ b/2018专题/1806全景图专题-商务/img/P2-lookout.jpg
--- a/2018专题/1806全景图专题-商务/img/P2-road.jpg
+++ b/2018专题/1806全景图专题-商务/img/P2-road.jpg
--- a/2018专题/1806全景图专题-商务/img/P2.jpg
+++ b/2018专题/1806全景图专题-商务/img/P2.jpg
--- a/2018专题/1806全景图专题-商务/img/P3-loading.jpg
+++ b/2018专题/1806全景图专题-商务/img/P3-loading.jpg
--- a/2018专题/1806全景图专题-商务/img/P3-lookout.jpg
+++ b/2018专题/1806全景图专题-商务/img/P3-lookout.jpg
--- a/2018专题/1806全景图专题-商务/img/P3-road.jpg
+++ b/2018专题/1806全景图专题-商务/img/P3-road.jpg
--- a/2018专题/1806全景图专题-商务/img/P3.jpg
+++ b/2018专题/1806全景图专题-商务/img/P3.jpg
--- a/2018专题/1806全景图专题-商务/img/aim.png
+++ b/2018专题/1806全景图专题-商务/img/aim.png
--- a/2018专题/1806全景图专题-商务/img/bag-a-active.png
+++ b/2018专题/1806全景图专题-商务/img/bag-a-active.png
--- a/2018专题/1806全景图专题-商务/img/bag-a.png
+++ b/2018专题/1806全景图专题-商务/img/bag-a.png
--- a/2018专题/1806全景图专题-商务/img/bag-b-active.png
+++ b/2018专题/1806全景图专题-商务/img/bag-b-active.png
--- a/2018专题/1806全景图专题-商务/img/bag-b.png
+++ b/2018专题/1806全景图专题-商务/img/bag-b.png
--- a/2018专题/1806全景图专题-商务/img/bag-hunt-b-1.png
+++ b/2018专题/1806全景图专题-商务/img/bag-hunt-b-1.png
--- a/2018专题/1806全景图专题-商务/img/bag-hunt-b-2.png
+++ b/2018专题/1806全景图专题-商务/img/bag-hunt-b-2.png
--- a/2018专题/1806全景图专题-商务/img/bag-lake-b-1.png
+++ b/2018专题/1806全景图专题-商务/img/bag-lake-b-1.png
--- a/2018专题/1806全景图专题-商务/img/bag-lake-b-2.png
+++ b/2018专题/1806全景图专题-商务/img/bag-lake-b-2.png
--- a/2018专题/1806全景图专题-商务/img/bag-snow-b-1.png
+++ b/2018专题/1806全景图专题-商务/img/bag-snow-b-1.png
--- a/2018专题/1806全景图专题-商务/img/bag-snow-b-2.png
+++ b/2018专题/1806全景图专题-商务/img/bag-snow-b-2.png
--- a/2018专题/1806全景图专题-商务/img/bgm-icon.png
+++ b/2018专题/1806全景图专题-商务/img/bgm-icon.png
--- a/2018专题/1806全景图专题-商务/img/book-bear.png
+++ b/2018专题/1806全景图专题-商务/img/book-bear.png
--- a/2018专题/1806全景图专题-商务/img/book-btn.png
+++ b/2018专题/1806全景图专题-商务/img/book-btn.png
--- a/2018专题/1806全景图专题-商务/img/book-deer.png
+++ b/2018专题/1806全景图专题-商务/img/book-deer.png
--- a/2018专题/1806全景图专题-商务/img/book-icon.jpg
+++ b/2018专题/1806全景图专题-商务/img/book-icon.jpg
--- a/2018专题/1806全景图专题-商务/img/book-modal-pic1.jpg
+++ b/2018专题/1806全景图专题-商务/img/book-modal-pic1.jpg
--- a/2018专题/1806全景图专题-商务/img/book-modal-pic2.jpg
+++ b/2018专题/1806全景图专题-商务/img/book-modal-pic2.jpg
--- a/2018专题/1806全景图专题-商务/img/book-poster1.png
+++ b/2018专题/1806全景图专题-商务/img/book-poster1.png
--- a/2018专题/1806全景图专题-商务/img/book-poster2.png
+++ b/2018专题/1806全景图专题-商务/img/book-poster2.png
--- a/2018专题/1806全景图专题-商务/img/book-poster3.png
+++ b/2018专题/1806全景图专题-商务/img/book-poster3.png
--- a/2018专题/1806全景图专题-商务/img/close-icon.png
+++ b/2018专题/1806全景图专题-商务/img/close-icon.png
--- a/2018专题/1806全景图专题-商务/img/comment-bg.jpg
+++ b/2018专题/1806全景图专题-商务/img/comment-bg.jpg
--- a/2018专题/1806全景图专题-商务/img/comment-icon.png
+++ b/2018专题/1806全景图专题-商务/img/comment-icon.png
--- a/2018专题/1806全景图专题-商务/img/cursor-pic.cur
+++ b/2018专题/1806全景图专题-商务/img/cursor-pic.cur
--- a/2018专题/1806全景图专题-商务/img/entry-logo.png
+++ b/2018专题/1806全景图专题-商务/img/entry-logo.png
--- a/2018专题/1806全景图专题-商务/img/entry-text.png
+++ b/2018专题/1806全景图专题-商务/img/entry-text.png
--- a/2018专题/1806全景图专题-商务/img/eyes-logo.png
+++ b/2018专题/1806全景图专题-商务/img/eyes-logo.png
--- a/2018专题/1806全景图专题-商务/img/fodder-icon.png
+++ b/2018专题/1806全景图专题-商务/img/fodder-icon.png
--- a/2018专题/1806全景图专题-商务/img/fodder.png
+++ b/2018专题/1806全景图专题-商务/img/fodder.png
--- a/2018专题/1806全景图专题-商务/img/glass-icon.png
+++ b/2018专题/1806全景图专题-商务/img/glass-icon.png
--- a/2018专题/1806全景图专题-商务/img/glass.png
+++ b/2018专题/1806全景图专题-商务/img/glass.png
--- a/2018专题/1806全景图专题-商务/img/hunter-logo.png
+++ b/2018专题/1806全景图专题-商务/img/hunter-logo.png
--- a/2018专题/1806全景图专题-商务/img/hunter-modal-pic1.jpg
+++ b/2018专题/1806全景图专题-商务/img/hunter-modal-pic1.jpg
--- a/2018专题/1806全景图专题-商务/img/hunter-modal-pic2.jpg
+++ b/2018专题/1806全景图专题-商务/img/hunter-modal-pic2.jpg
--- a/2018专题/1806全景图专题-商务/img/hunter-modal-pic3.jpg
+++ b/2018专题/1806全景图专题-商务/img/hunter-modal-pic3.jpg
--- a/2018专题/1806全景图专题-商务/img/hunter-modal-pic4.jpg
+++ b/2018专题/1806全景图专题-商务/img/hunter-modal-pic4.jpg
--- a/2018专题/1806全景图专题-商务/img/hunter-pic-avatar.jpg
+++ b/2018专题/1806全景图专题-商务/img/hunter-pic-avatar.jpg
--- a/2018专题/1806全景图专题-商务/img/index-aim.png
+++ b/2018专题/1806全景图专题-商务/img/index-aim.png
--- a/2018专题/1806全景图专题-商务/img/loading.gif
+++ b/2018专题/1806全景图专题-商务/img/loading.gif
--- a/2018专题/1806全景图专题-商务/img/location.png
+++ b/2018专题/1806全景图专题-商务/img/location.png
--- a/2018专题/1806全景图专题-商务/img/lock.png
+++ b/2018专题/1806全景图专题-商务/img/lock.png
--- a/2018专题/1806全景图专题-商务/img/lookout-pic.jpg
+++ b/2018专题/1806全景图专题-商务/img/lookout-pic.jpg
--- a/2018专题/1806全景图专题-商务/img/modal-pic-avatar.jpg
+++ b/2018专题/1806全景图专题-商务/img/modal-pic-avatar.jpg
--- a/2018专题/1806全景图专题-商务/img/modal-pic1.jpg
+++ b/2018专题/1806全景图专题-商务/img/modal-pic1.jpg
--- a/2018专题/1806全景图专题-商务/img/modal-pic2.jpg
+++ b/2018专题/1806全景图专题-商务/img/modal-pic2.jpg
--- a/2018专题/1806全景图专题-商务/img/modal-pic3.jpg
+++ b/2018专题/1806全景图专题-商务/img/modal-pic3.jpg
--- a/2018专题/1806全景图专题-商务/img/modal-pic4.jpg
+++ b/2018专题/1806全景图专题-商务/img/modal-pic4.jpg
--- a/2018专题/1806全景图专题-商务/img/orange-bg.png
+++ b/2018专题/1806全景图专题-商务/img/orange-bg.png
--- a/2018专题/1806全景图专题-商务/img/reset-btn.png
+++ b/2018专题/1806全景图专题-商务/img/reset-btn.png
--- a/2018专题/1806全景图专题-商务/img/snow-modal-pic1.jpg
+++ b/2018专题/1806全景图专题-商务/img/snow-modal-pic1.jpg
--- a/2018专题/1806全景图专题-商务/img/snow-modal-pic2.jpg
+++ b/2018专题/1806全景图专题-商务/img/snow-modal-pic2.jpg
--- a/2018专题/1806全景图专题-商务/img/snow-modal-pic3.jpg
+++ b/2018专题/1806全景图专题-商务/img/snow-modal-pic3.jpg
--- a/2018专题/1806全景图专题-商务/img/snow-modal-pic4.jpg
+++ b/2018专题/1806全景图专题-商务/img/snow-modal-pic4.jpg
--- a/2018专题/1806全景图专题-商务/img/snow-pic-avatar.jpg
+++ b/2018专题/1806全景图专题-商务/img/snow-pic-avatar.jpg
--- a/2018专题/1806全景图专题-商务/img/snow.png
+++ b/2018专题/1806全景图专题-商务/img/snow.png
--- a/2018专题/1806全景图专题-商务/img/space.png
+++ b/2018专题/1806全景图专题-商务/img/space.png
--- a/2018专题/1806全景图专题-商务/img/vr-logo.png
+++ b/2018专题/1806全景图专题-商务/img/vr-logo.png
--- a/2018专题/1806全景图专题-商务/img/weapon-icon.png
+++ b/2018专题/1806全景图专题-商务/img/weapon-icon.png
--- a/2018专题/1806全景图专题-商务/img/weapon.png
+++ b/2018专题/1806全景图专题-商务/img/weapon.png
--- a/2018专题/1806全景图专题-商务/img/xinshijie-logo.png
+++ b/2018专题/1806全景图专题-商务/img/xinshijie-logo.png
--- a/2018专题/1806全景图专题-商务/js/entry.js
+++ b/2018专题/1806全景图专题-商务/js/entry.js
@@ -0,0 +1,53 @@
 
															+import '../scss/entry.scss'
														
 
															+import util from './until'
														
 
															+
														
 
															+class Enter {
														
 
															+    constructor() {
														
 
															+        this.initPage()
														
 
															+        this.mouseMove()
														
 
															+        this.entryGame()
														
 
															+    }
														
 
															+    initPage() {
														
 
															+        $.ajax({
														
 
															+            type: "GET",
														
 
															+            dataType: "json",
														
 
															+            url: `//video.duowan.com/jsapi/playPageVideoInfo/?vids=8890861`,
														
 
															+            success: function(data) {
														
 
															+                for(var i in data) {
														
 
															+                    let resouce = util.deCodeArg(data[i].c).all,
														
 
															+                        source = resouce.yuanhua || resouce[1300] || resouce[1000] || resouce[350];
														
 
															+
														
 
															+                    document.getElementById('entry-video').src = source.src
														
 
															+                }
														
 
															+            }
														
 
															+        })
														
 
															+    }
														
 
															+    mouseMove() {
														
 
															+        //获取div元素
														
 
															+        var rec = document.getElementById("rec")
														
 
															+        document.onmousemove = function(e){
														
 
															+                var ev = e || event;
														
 
															+                rec.style.top = ev.clientY - 97 + 'px';
														
 
															+                rec.style.left = ev.clientX - 97 + 'px';
														
 
															+        }
														
 
															+    }
														
 
															+    entryGame() {
														
 
															+        $(document).click(function(e) {
														
 
															+            
														
 
															+            var top = $('.aim-glass').css('top')
														
 
															+            top = top.replace('px','')
														
 
															+            var origin = top
														
 
															+            top = Number(top) - 100
														
 
															+
														
 
															+            document.getElementById('hunt-audio').play()
														
 
															+            $('.aim-glass').animate({top: top + 'px'}, 50).animate({top: origin + 'px'}, 400, function() {
														
 
															+                let link = $('.entry-text').attr('data-href')
														
 
															+                localStorage.setItem('entry', 'index');
														
 
															+                window.location.href = link
														
 
															+            });
														
 
															+        })
														
 
															+    }
														
 
															+}
														
 
															+
														
 
															+new Enter
														
 
															+
														
--- a/2018专题/1806全景图专题-商务/js/lib/rem.js
+++ b/2018专题/1806全景图专题-商务/js/lib/rem.js
@@ -0,0 +1 @@
 
															+!function(d,a){var e=d.documentElement,c="orientationchange"in window?"orientationchange":"resize",v=function(){var f=e.clientWidth;f&&(e.style.fontSize=20*(f/320)+"px")};d.addEventListener&&(a.addEventListener(c,v,!1),d.addEventListener("DOMContentLoaded",v,!1))}(document,window);
														
--- a/2018专题/1806全景图专题-商务/js/scene1.js
+++ b/2018专题/1806全景图专题-商务/js/scene1.js
@@ -1,27 +1,54 @@
 
															 import '../scss/index.scss'
														
 
															+import '../scss/page/scene1.scss'
														
 
															 import PhotoSphereViewer from 'photo-sphere-viewer'
														
 
															-import until from './until'
														
 
															+import util from './until'
														
 
															-import imgUrl from '../img/P1.jpg'
														
 
															+// import imgUrl from '../img/P1.jpg'
														
 
															 import location from '../img/location.png'; 
														
 
															 import glass from '../img/glass.png'; //望远镜
														
 
															 import eUrl from '../img/E.png';
														
 
															-import lookout from '../video/lookout.mp4';
														
 
															-import lakeVideo from '../video/lake.mp4'; // 介绍视频
														
 
															 var viewer = null
														
 
															 var lakeFlag = false
														
 
															+var indexPath = $('body').attr('data-path')
														
 
															+
														
 
															+// 进度相关
														
 
															+var progressNum = 0
														
 
															+var progressFlag = {
														
 
															+    'foot': false,
														
 
															+    'deer': false,
														
 
															+    'rabbit': false,
														
 
															+    'lake': false,
														
 
															+    'lookout': false
														
 
															+}
														
 
															+
														
 
															+
														
 
															+var videoMap = {
														
 
															+    'lookup': '8884585',
														
 
															+    'lake': '8887637',
														
 
															+    'aim': '8887375',
														
 
															+    'shoot': '8887379',
														
 
															+    'open': '8887381'
														
 
															+}
														
 
															+
														
 
															+var mp4UrlMap = {
														
 
															+
														
 
															+}
														
 
															+
														
 
															 var lakeV = {
														
 
															     init() {
														
 
															         this.initLakeView()
														
 
															         this.handleReady()
														
 
															+        this.getVideoSource()
														
 
															+        this.handleNav()
														
 
															     },
														
 
															     initLakeView() {
														
 
															         viewer = new PhotoSphereViewer({
														
 
															             container: 'photosphere',
														
 
															-            panorama: imgUrl,
														
 
															+            panorama: 'http://hdzt.duowan.com/s/1806hunter/P1.jpg',
														
 
															+            // panorama: imgUrl,
														
 
															             min_fov: 50,
														
 
															             max_fov: 70,
														
 
															             navbar: false,
														
@@ -94,6 +121,16 @@ var lakeV = {
 
															                     height: 59,
														
 
															                     anchor: 'bottom center',
														
 
															                 },
														
 
															+                // 湖
														
 
															+                {
														
 
															+                    id: 'location-lake',
														
 
															+                    x: 150,
														
 
															+                    y: 1965,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															               ],
														
 
															         })
														
 
															     },
														
@@ -119,19 +156,83 @@ var lakeV = {
 
															                 $('.nav').fadeIn()
														
 
															             }
														
 
															         })
														
 
															+    },
														
 
															+    getVideoSource() {
														
 
															+        let vids = ['8892551', '8887637', '8887375', '8887379', '8887381','8890691','8890693','8890695','8897789','8897793','8897795','8897797']
														
 
															-        viewer.on('click', function(data) {
														
 
															-            console.log(data)
														
 
															+        var videoEls = {
														
 
															+            '8892551': 'lookup',
														
 
															+            '8887637': 'lake',
														
 
															+            '8887375': 'aim',
														
 
															+            '8887379': 'shoot',
														
 
															+            '8887381': 'open',
														
 
															+            '8890691': 'book-lake',
														
 
															+            '8890693': 'book-taiga',
														
 
															+            '8890695': 'book-elden',
														
 
															+            '8897789': 'picVideo',
														
 
															+            '8897793': 'openB',
														
 
															+            '8897795': 'aimB',
														
 
															+            '8897797': 'shootB'
														
 
															+        }
														
 
															+        
														
 
															+        $.ajax({
														
 
															+            type: "GET",
														
 
															+            dataType: "json",
														
 
															+            url: `//video.duowan.com/jsapi/playPageVideoInfo/?vids=${vids.join(',')}`,
														
 
															+            success: function(data) {
														
 
															+                for(var i in data) {
														
 
															+                    let resouce = util.deCodeArg(data[i].c).all,
														
 
															+                        source = resouce.yuanhua || resouce[1300] || resouce[1000] || resouce[350]
														
 
															+                    let name = videoEls[i] 
														
 
															+                    mp4UrlMap[name] = source.src
														
 
															+                }
														
 
															+
														
 
															+                document.getElementById('open-video').src = mp4UrlMap['open']
														
 
															+                document.getElementById('aim-video').src = mp4UrlMap['aim']
														
 
															+                document.getElementById('shoot-video').src = mp4UrlMap['shoot']
														
 
															+
														
 
															+                document.getElementById('open-video-b').src = mp4UrlMap['openB']
														
 
															+                document.getElementById('aim-video-b').src = mp4UrlMap['aimB']
														
 
															+                document.getElementById('shoot-video-b').src = mp4UrlMap['shootB']
														
 
															+
														
 
															+                document.getElementById('book-lake-video').src = mp4UrlMap['book-lake']
														
 
															+                document.getElementById('book-taiga-video').src = mp4UrlMap['book-taiga']
														
 
															+                document.getElementById('book-elden-video').src = mp4UrlMap['book-elden']
														
 
															+
														
 
															+                lakeC.lookoutClick()
														
 
															+                lakeC.playVideo()
														
 
															+            }
														
 
															         })
														
 
															+    },
														
 
															+    // 导航权限处理
														
 
															+    handleNav() {
														
 
															+        // 初始化加载时
														
 
															+        let permision = localStorage.getItem('hunter_permision')
														
 
															+        if(permision) {
														
 
															+            progressFlag = {
														
 
															+                'foot': true,
														
 
															+                'deer': true,
														
 
															+                'rabbit': true,
														
 
															+                'lake': true,
														
 
															+                'lookout': true
														
 
															+            }
														
 
															+            $('#cur-progress').html(5)
														
 
															+            if(permision == 2) {
														
 
															+                $('#scene-nav2').removeClass('disable')
														
 
															+            } else if(permision == 3 || permision == 4){
														
 
															+                $('#scene-nav2').removeClass('disable')
														
 
															+                $('#scene-nav3').removeClass('disable')
														
 
															+            }
														
 
															+        }
														
 
															     }
														
 
															 }
														
 
															 var lakeC = {
														
 
															     init() {
														
 
															         this.modalShow()
														
 
															-        this.playVideo()
														
 
															-        this.lookoutClick()
														
 
															-        this.shooting()
														
 
															+        util.shooting()
														
 
															+        util.bookClick()
														
 
															+        util.toolbarClick()
														
 
															     },
														
 
															     modalShow() {
														
 
															         // 点击显示介绍弹窗
														
@@ -148,6 +249,12 @@ var lakeC = {
 
															                     latitude: -0.27
														
 
															                 },600);
														
 
															             }
														
 
															+            if(!progressFlag['foot']){
														
 
															+                progressFlag['foot'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == 5 ? $('#scene-nav2').removeClass('disable') : ''
														
 
															+                progressNum == 5 ? localStorage.setItem('hunter_permision', '2') : ''
														
 
															+            }
														
 
															         }
														
 
															         $(document).on('click', '#psv-marker-foot-polygon', function() {
														
 
															             footModal()
														
@@ -165,6 +272,12 @@ var lakeC = {
 
															                     latitude: -0.05
														
 
															                 },600);
														
 
															             }
														
 
															+            if(!progressFlag['deer']){
														
 
															+                progressFlag['deer'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == 5 ? $('#scene-nav2').removeClass('disable') : ''
														
 
															+                progressNum == 5 ? localStorage.setItem('hunter_permision', '2') : ''
														
 
															+            }
														
 
															         }
														
 
															         $(document).on('click', '#psv-marker-deer-polygon', function(e) {
														
 
															             deerModal()
														
@@ -183,6 +296,12 @@ var lakeC = {
 
															                     latitude: -0.07
														
 
															                 },600);
														
 
															             }
														
 
															+            if(!progressFlag['rabbit']){
														
 
															+                progressFlag['rabbit'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == 5 ? $('#scene-nav2').removeClass('disable') : ''
														
 
															+                progressNum == 5 ? localStorage.setItem('hunter_permision', '2') : ''
														
 
															+            }
														
 
															         }
														
 
															         $(document).on('click', '#psv-marker-rabit-polygon', function(e) {
														
 
															             rabitModal()
														
@@ -191,26 +310,50 @@ var lakeC = {
 
															             rabitModal()
														
 
															         })
														
 
															-        // 开始狩猎
														
 
															-        $('.hunt-btn').click(function(){
														
 
															-            $('#lake-deer-modal').hide()
														
 
															-            $('#equit-modal').show()
														
 
															-        })
														
 
															-        $('.nav-item-wrap').click(function() {
														
 
															-            $('.nav-item-wrap').removeClass('active')
														
 
															-            $(this).parents('.container').find('.main').hide()
														
 
															-            $(this).addClass('active')
														
 
															-            var ind = $(this).attr('data-ind')
														
 
															-            if(ind == 1){
														
 
															-                $('#weapon-modal').show()
														
 
															-            }
														
 
															-            if(ind == 2){
														
 
															-                $('#fodder-modal').show()
														
 
															+        //湖
														
 
															+        $(document).on('click', '#psv-marker-location-lake', function() {
														
 
															+            if(!$('#lake-pic')[0]){
														
 
															+                var lakeHtml =  ` <div class="mod-full-picture" id="lake-pic" style="display:none">
														
 
															+                                    <div class="pub-btn go-back">返回</div>
														
 
															+                                    <div class="full-pic-modal small-modal">
														
 
															+                                        <div class="top-bar">
														
 
															+                                            莱顿湖
														
 
															+                                        </div>
														
 
															+                                        <div class="container clearfix">
														
 
															+                                        <p>地球上湖泊总面积为270万平方公里，占陆地面积的1.8%，面积大于5000平方公里的湖</p>
														
 
															+                                        <p>青海湖泊有35个。芬兰的湖泊最多，被称为“万湖之国”，拥有大小湖泊6万多个。</p>
														
 
															+                                        <p>湖泊一旦形成，就受到外部自然因素和内部各种过程的持续作用而不断演变。入湖河流携带的大量泥沙和生物残骸年复一年在湖内沉积，湖盆逐渐淤浅，变成陆地，或随着沿岸带水生植物的发展，逐渐变成沼泽。</p>
														
 
															+                                        <div class="eyes-btn"></div>
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+                                    <div class="fullscreen-video fullscreen-video-picture" style="display: none">
														
 
															+                                        <video id="picture-video" preload="metadata" width="100%">
														
 
															+                                            <source src="${mp4UrlMap['picVideo']}">
														
 
															+                                        </video>
														
 
															+                                        <div class="close-icon close-full-video"></div>
														
 
															+                                    </div>
														
 
															+                                </div>`
														
 
															+                $('body').append(lakeHtml)
														
 
															+                util.bgMove($('.mod-full-picture'))
														
 
															             }
														
 
															-            if(ind == 3){
														
 
															-                $('#aim-modal').show()
														
 
															+            $('#lake-pic').fadeIn()
														
 
															+            if(!progressFlag['lake']){
														
 
															+                progressFlag['lake'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == 5 ? $('#scene-nav2').removeClass('disable') : ''
														
 
															+                progressNum == 5 ? localStorage.setItem('hunter_permision', '2') : ''
														
 
															             }
														
 
															         })
														
 
															+
														
 
															+        $(document).on('click', '.eyes-btn', function() {
														
 
															+            $('.fullscreen-video-picture').show()
														
 
															+            var video = document.getElementById('picture-video')
														
 
															+            video.play()
														
 
															+            video.addEventListener("ended",function(){
														
 
															+                video.load()
														
 
															+                $('.fullscreen-video-picture').hide()
														
 
															+            })
														
 
															+        })
														
 
															     },
														
 
															     playVideo() {
														
 
															         $('#rabbit-video-play').click(function() {
														
@@ -218,7 +361,7 @@ var lakeC = {
 
															                 var lakeVideoHtml = `<div class="video-wrapper pub-modal-mask" id="lake-video-suggest">
														
 
															                                         <div class="part-screen">
														
 
															                                             <video controls autoplay id="lake-video">
														
 
															-                                                <source src="${lakeVideo}">
														
 
															+                                                <source src="${mp4UrlMap['lake']}">
														
 
															                                             </video>
														
 
															                                             <div class="close-icon close-mask-icon"></div>
														
 
															                                         </div>
														
@@ -234,22 +377,26 @@ var lakeC = {
 
															     lookoutClick() {
														
 
															         var videoHtml = `<div class="fullscreen-video fullscreen-video-lookout">
														
 
															                             <video id="lookout-video" autoplay width="100%">
														
 
															-                                <source src="${lookout}">
														
 
															+                                <source src="${mp4UrlMap['lookup']}">
														
 
															                             </video>
														
 
															                             <div class="close-icon close-full-video"></div>
														
 
															                         </div>` 
														
 
															         $(document).on('click', '#psv-marker-glass', function() {
														
 
															             if(!$('#lookout-pic')[0]){
														
 
															-                var lookOutHtml =  ` <div id="lookout-pic" style="display:none">
														
 
															+                var lookOutHtml =  ` <div class="mod-full-picture" id="lookout-pic" style="display:none">
														
 
															                                         <div class="pub-btn go-back">返回</div>
														
 
															                                         <img class="e-tips" src="${eUrl}" alt="">
														
 
															                                     </div>`
														
 
															                 $('body').append(lookOutHtml)
														
 
															             }
														
 
															             $('#lookout-pic').fadeIn()
														
 
															-        })
														
 
															-        $(document).on('click', '.go-back', function() {
														
 
															-            $('#lookout-pic').fadeOut()
														
 
															+
														
 
															+            if(!progressFlag['lookout']){
														
 
															+                progressFlag['lookout'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == 5 ? $('#scene-nav2').removeClass('disable') : ''
														
 
															+                progressNum == 5 ? localStorage.setItem('hunter_permision', '2') : ''
														
 
															+            }
														
 
															         })
														
 
															         // 监听E键
														
 
															         $(document).on('keyup', function(e) {
														
@@ -269,6 +416,7 @@ var lakeC = {
 
															                     } 
														
 
															                     lookVideo.addEventListener("ended",function(){
														
 
															                         lookVideo.load()
														
 
															+                        lookVideo.pause()
														
 
															                         $('.fullscreen-video-lookout').hide()
														
 
															                         $('#lookout-pic').hide()
														
 
															                     })
														
@@ -277,78 +425,14 @@ var lakeC = {
 
															             }
														
 
															         })
														
 
															     },
														
 
															-    //确认装备 
														
 
															-    shooting() {
														
 
															-        $('.start-equit-btn').click(function() {
														
 
															-            $('#equit-video-wrap').fadeIn()
														
 
															-        })
														
 
															-        var step = 1 //步骤
														
 
															-        var openVideo = document.getElementById('open-video')
														
 
															-        var aimVideo = document.getElementById('aim-video')
														
 
															-        var shootVideo = document.getElementById('shoot-video')
														
 
															-
														
 
															-        $('.close-equit-btn').click(function() {
														
 
															-            $('#equit-video-wrap').hide()
														
 
															-            $('.equit-success').hide()
														
 
															-            $('.open-jin-tips').show()
														
 
															-            $(openVideo).show()
														
 
															-            $(shootVideo).hide()
														
 
															-            openVideo.currentTime = 0
														
 
															-            aimVideo.currentTime = 0
														
 
															-            shootVideo.currentTime = 0
														
 
															-            step = 1
														
 
															-        })
														
 
															-
														
 
															-        openVideo.addEventListener("ended",function(){
														
 
															-            if(step == 1) {
														
 
															-                $(openVideo).hide();
														
 
															-                $(aimVideo).show();
														
 
															-                $('.space-tips').show()
														
 
															-            }
														
 
															-            step ++
														
 
															-        })
														
 
															-        aimVideo.addEventListener("ended",function(){
														
 
															-            if(step == 2) {
														
 
															-                $(aimVideo).hide();
														
 
															-                $(shootVideo).show();
														
 
															-                $('.space-tips').hide();
														
 
															-                $('.open-qiang-tips').show()
														
 
															-            }
														
 
															-            step ++
														
 
															-        })
														
 
															-        shootVideo.addEventListener("ended",function(){
														
 
															-            $('.equit-success').fadeIn()
														
 
															-            document.getElementById('hunter-audio').play()
														
 
															-        })
														
 
															-        $(document).on('keyup', function(e) {
														
 
															-            var isShow = $('#equit-video-wrap').css('display') == 'none' ? false : true
														
 
															-            console.log(e.keyCode)
														
 
															-            if(isShow) {
														
 
															-                if(e.keyCode == 70 && step == 1){
														
 
															-                    $('.open-jin-tips').hide()
														
 
															-                    openVideo.play()
														
 
															-                }
														
 
															-                if(e.keyCode == 32 && step == 2){
														
 
															-                    $('.space-tips').show()
														
 
															-                    aimVideo.pause()
														
 
															-                }
														
 
															-                if(e.keyCode == 70 && step == 3){
														
 
															-                    $('.open-qiang-tips').hide()
														
 
															-                    shootVideo.play()
														
 
															-                }
														
 
															-            }
														
 
															-        })
														
 
															-
														
 
															-        $(document).on('keydown', function(e) {
														
 
															-            if(e.keyCode == 32 && step == 2){
														
 
															-                $('.space-tips').hide()
														
 
															-                aimVideo.play()
														
 
															-            }
														
 
															-        })
														
 
															-    }
														
 
															 }
														
 
															-until.animateModal()
														
 
															-until.handleModel()
														
 
															-lakeV.init()
														
 
															-lakeC.init()
														
 
															+let entry = localStorage.getItem('entry')
														
 
															+if(entry == 'index') {
														
 
															+    util.animateModal()
														
 
															+    util.handleModel()
														
 
															+    lakeV.init()
														
 
															+    lakeC.init()
														
 
															+} else {
														
 
															+    window.location.href = indexPath
														
 
															+}
														
--- a/2018专题/1806全景图专题-商务/js/scene2.js
+++ b/2018专题/1806全景图专题-商务/js/scene2.js
@@ -0,0 +1,475 @@
 
															+import '../scss/index.scss'
														
 
															+import '../scss/page/scene1.scss'
														
 
															+
														
 
															+import PhotoSphereViewer from 'photo-sphere-viewer'
														
 
															+import util from './until'
														
 
															+
														
 
															+// import pic from '../img/P2.jpg'
														
 
															+import location from '../img/location.png';
														
 
															+import glass from '../img/glass.png'; //望远镜
														
 
															+import eUrl from '../img/E.png';
														
 
															+import snowCircle from '../img/snow.png';
														
 
															+
														
 
															+var viewer = null
														
 
															+var snowFlag = false
														
 
															+var timer = null
														
 
															+
														
 
															+var indexPath = $('body').attr('data-path')
														
 
															+
														
 
															+// 进度相关
														
 
															+var progressNum = 0
														
 
															+var allStep = 5
														
 
															+var progressFlag = {
														
 
															+    'bear': false,
														
 
															+    'lynx': false,
														
 
															+    'road': false,
														
 
															+    'bird': false,
														
 
															+    'lookout': false
														
 
															+}
														
 
															+
														
 
															+var mp4UrlMap = {
														
 
															+
														
 
															+}
														
 
															+
														
 
															+var snowV = {
														
 
															+    init() {
														
 
															+        this.initSnowView()
														
 
															+        this.handleReady()
														
 
															+        this.getVideoSource()
														
 
															+        this.handleNav()
														
 
															+        this.snow()
														
 
															+    },
														
 
															+    initSnowView() {
														
 
															+        viewer = new PhotoSphereViewer({
														
 
															+            container: 'photosphere',
														
 
															+            panorama: 'http://hdzt.duowan.com/s/1806hunter/P2.jpg',
														
 
															+            // panorama: pic,
														
 
															+            min_fov: 50,
														
 
															+            max_fov: 70,
														
 
															+            navbar: false,
														
 
															+            time_anim: false,
														
 
															+            markers: [
														
 
															+                // 黑熊
														
 
															+                {
														
 
															+                    id: 'beer-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [3741, 1679], [3741, 2044], [4100, 2044],[4100, 1679]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-beer',
														
 
															+                    x: 3891,
														
 
															+                    y: 1763,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // lynx
														
 
															+                {
														
 
															+                    id: 'lynx-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [680, 1972], [680, 2144], [869, 1972],[869, 2144]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-lynx',
														
 
															+                    x: 792,
														
 
															+                    y: 2020,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 大鸟
														
 
															+                {
														
 
															+                    id: 'bird-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [5932, 1296], [6096, 1296], [6096, 1428],[5932, 1428]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-bird',
														
 
															+                    x: 6032,
														
 
															+                    y: 1360,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 望远镜
														
 
															+                {
														
 
															+                    id: 'glass',
														
 
															+                    x: 6268,
														
 
															+                    y: 1700,
														
 
															+                    image: glass,
														
 
															+                    width: 56,
														
 
															+                    height: 59,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 铁路
														
 
															+                {
														
 
															+                    id: 'location-road',
														
 
															+                    x: 1694,
														
 
															+                    y: 1948,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+            ]
														
 
															+        })
														
 
															+    },
														
 
															+    handleReady() {
														
 
															+        viewer.on('ready', function() {
														
 
															+            $('.loading-bg').hide()
														
 
															+            viewer.rotate({
														
 
															+                x: 0,
														
 
															+                y: 0
														
 
															+            });
														
 
															+            viewer.animate({
														
 
															+                x: 3500,
														
 
															+                y: 1900
														
 
															+            },2000);
														
 
															+        });
														
 
															+
														
 
															+        viewer.on('position-updated', function(position) {
														
 
															+            let lgt = position.longitude
														
 
															+            let lat = position.latitude
														
 
															+            if(lgt > 6 && lat < 0 && !snowFlag) {
														
 
															+                snowFlag = true
														
 
															+                $('#snow-suggest-modal').fadeIn()
														
 
															+                $('.nav').fadeIn()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    // 雪花动画
														
 
															+    snow() {
														
 
															+        //1、定义一片雪花模板
														
 
															+        var flake = $("<img class='snow-circle' src=" + snowCircle + ">").css({
														
 
															+            "position": "absolute"
														
 
															+        })
														
 
															+
														
 
															+        //获取页面的宽度，利用这个数来算出，雪花开始时left的值
														
 
															+        var documentWidth = $(document).width();
														
 
															+
														
 
															+        //获取页面的高度 相当于雪花下落结束时Y轴的位置
														
 
															+        var documentHieght = $(document).height();
														
 
															+
														
 
															+        //定义生成一片雪花的毫秒数
														
 
															+        var millisec = 200;
														
 
															+        //2、设置第一个定时器，周期性定时器，每隔一段时间（millisec）生成一片雪花；
														
 
															+        timer = setInterval(function() {
														
 
															+            //随机生成雪花下落 开始 时left的值，相当于开始时X轴的位置
														
 
															+            var startLeft = Math.random() * documentWidth;
														
 
															+
														
 
															+            //随机生成雪花下落 结束 时left的值，相当于结束时X轴的位置
														
 
															+            var endLeft = Math.random() * documentWidth;
														
 
															+
														
 
															+            //随机生成雪花大小
														
 
															+            var flakeSize = 5 + 20 * Math.random();
														
 
															+
														
 
															+            //随机生成雪花下落持续时间
														
 
															+            var durationTime = 4000 + 7000 * Math.random();
														
 
															+
														
 
															+            //随机生成雪花下落 开始 时的透明度
														
 
															+            var startOpacity = 0.7 + 0.3 * Math.random();
														
 
															+
														
 
															+            //随机生成雪花下落 结束 时的透明度
														
 
															+            var endOpacity = 0.2 + 0.2 * Math.random();
														
 
															+
														
 
															+            //3、克隆一个雪花模板,定义雪花的初始样式，拼接到页面中
														
 
															+            flake.clone().appendTo($("body")).css({
														
 
															+                "left": startLeft,
														
 
															+                "opacity": startOpacity,
														
 
															+                "font-size": flakeSize,
														
 
															+                "top": "-25px",
														
 
															+            }).animate({ //执行动画
														
 
															+                "left": endLeft,
														
 
															+                "opacity": endOpacity,
														
 
															+                "top": documentHieght
														
 
															+            }, durationTime, function() {
														
 
															+                //4、当雪花落下后，删除雪花。
														
 
															+                $(this).remove(); 
														
 
															+            });
														
 
															+        }, millisec);
														
 
															+    },
														
 
															+    clearTime() {
														
 
															+        clearInterval(timer)
														
 
															+    },
														
 
															+    getVideoSource() {
														
 
															+        let vids = ['8893045','8891917','8893043','8891831','8891835','8890691','8890693','8890695','8894969','8897799','8897801','8897803']
														
 
															+        var videoEls = {
														
 
															+            '8891831': 'lookup',
														
 
															+            '8891835': 'snow',
														
 
															+            '8893045': 'aim',
														
 
															+            '8891917': 'shoot',
														
 
															+            '8893043': 'open',
														
 
															+            '8890691': 'book-lake',
														
 
															+            '8890693': 'book-taiga',
														
 
															+            '8890695': 'book-elden',
														
 
															+            '8894969': 'picVideo',
														
 
															+            '8897799': 'openB',
														
 
															+            '8897801': 'aimB',
														
 
															+            '8897803': 'shootB',
														
 
															+        }
														
 
															+        
														
 
															+        $.ajax({
														
 
															+            type: "GET",
														
 
															+            dataType: "json",
														
 
															+            url: `//video.duowan.com/jsapi/playPageVideoInfo/?vids=${vids.join(',')}`,
														
 
															+            success: function(data) {
														
 
															+                for(var i in data) {
														
 
															+                    let resouce = util.deCodeArg(data[i].c).all,
														
 
															+                        source = resouce.yuanhua || resouce[1300] || resouce[1000] || resouce[350]
														
 
															+                    let name = videoEls[i] 
														
 
															+                    mp4UrlMap[name] = source.src
														
 
															+                }
														
 
															+                document.getElementById('open-video').src = mp4UrlMap['open']
														
 
															+                document.getElementById('aim-video').src = mp4UrlMap['aim']
														
 
															+                document.getElementById('shoot-video').src = mp4UrlMap['shoot']
														
 
															+
														
 
															+                document.getElementById('open-video-b').src = mp4UrlMap['openB']
														
 
															+                document.getElementById('aim-video-b').src = mp4UrlMap['aimB']
														
 
															+                document.getElementById('shoot-video-b').src = mp4UrlMap['shootB']
														
 
															+
														
 
															+                document.getElementById('book-lake-video').src = mp4UrlMap['book-lake']
														
 
															+                document.getElementById('book-taiga-video').src = mp4UrlMap['book-taiga']
														
 
															+                document.getElementById('book-elden-video').src = mp4UrlMap['book-elden']
														
 
															+
														
 
															+                snowC.lookoutClick()
														
 
															+                snowC.playVideo()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    // 导航权限处理
														
 
															+    handleNav() {
														
 
															+        // 初始化加载时
														
 
															+        let permision = localStorage.getItem('hunter_permision')
														
 
															+        if(permision == 3 || permision == 4) {
														
 
															+            $('#scene-nav3').removeClass('disable')
														
 
															+            progressFlag = {
														
 
															+                'bear': true,
														
 
															+                'lynx': true,
														
 
															+                'road': true,
														
 
															+                'bird': true,
														
 
															+                'lookout': true
														
 
															+            }
														
 
															+            $('#cur-progress').html(5)
														
 
															+        } else if(permision < 2) {
														
 
															+            window.location.href = indexPath
														
 
															+        }
														
 
															+    }
														
 
															+}
														
 
															+
														
 
															+var snowC = {
														
 
															+    init() {
														
 
															+        this.modalShow()
														
 
															+        util.bookClick()
														
 
															+        util.toolbarClick()
														
 
															+        util.shooting()
														
 
															+    },
														
 
															+    modalShow() {
														
 
															+        // 点击显示介绍弹窗
														
 
															+        $('.nav').find('.current').click(function() {
														
 
															+            $('#snow-suggest-modal').fadeIn()
														
 
															+        })
														
 
															+        // 黑熊
														
 
															+        function beerModal() {
														
 
															+            if($('#snow-beer-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#snow-beer-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    longitude: 0,
														
 
															+                    latitude: 0.1
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['bear']){
														
 
															+                progressFlag['bear'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? $('#scene-nav3').removeClass('disable') : ''
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '3') : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-beer-polygon', function() {
														
 
															+            beerModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-beer', function() {
														
 
															+            beerModal()
														
 
															+        })
														
 
															+
														
 
															+        // lynx
														
 
															+        function lynxModal() {
														
 
															+            if($('#snow-lynx-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#snow-lynx-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    x: 792,
														
 
															+                    y: 2020
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['lynx']){
														
 
															+                progressFlag['lynx'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? $('#scene-nav3').removeClass('disable') : ''
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '3') : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-lynx-polygon', function() {
														
 
															+            lynxModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-lynx', function() {
														
 
															+            lynxModal()
														
 
															+        })
														
 
															+
														
 
															+        // 大鸟
														
 
															+        function birdModal() {
														
 
															+            if($('#snow-bird-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#snow-bird-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    x: 6032,
														
 
															+                    y: 1340
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['bird']){
														
 
															+                progressFlag['bird'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? $('#scene-nav3').removeClass('disable') : ''
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '3') : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-bird-polygon', function() {
														
 
															+            birdModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-bird', function() {
														
 
															+            birdModal()
														
 
															+        })
														
 
															+
														
 
															+         $(document).on('click', '#psv-marker-location-road', function() {
														
 
															+            if(!$('#road-pic')[0]){
														
 
															+                var roadHtml =  ` <div class="mod-full-picture" id="road-pic" style="display:none">
														
 
															+                                    <div class="pub-btn go-back">返回</div>
														
 
															+                                    <div class="full-pic-modal small-modal">
														
 
															+                                        <div class="top-bar">
														
 
															+                                            西伯利亚铁路
														
 
															+                                        </div>
														
 
															+                                        <div class="container clearfix">
														
 
															+                                        <p>西伯利亚铁路，总长9288公里，从莫斯科到符拉迪沃斯托克跨越8个时区，是世界上最长最壮观的铁路线之一。该铁路修建于1891年到1916年，起点是莫斯科，途中穿过辽阔的松树林、跨过了乌拉尔山脉、穿越了西伯利亚冻土带，最终抵达太平洋。苏联政府为这条世界上最长的铁路投入了大量补贴。全程票价12000卢布，约合465美元。该铁路的修建，不仅让原本荒无人烟的西伯利亚地区逐渐繁荣起来，也给俄罗斯带来巨大的经济效益，成为该国陆地运输的主要通道。至今，由于该路票价提高，能负担这么长行程的火车票的俄罗斯人已经不多了。</p>
														
 
															+                                        <div class="eyes-btn"></div>
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+                                    <div class="fullscreen-video fullscreen-video-picture" style="display: none">
														
 
															+                                        <video id="picture-video" preload="metadata" width="100%">
														
 
															+                                            <source src="${mp4UrlMap['picVideo']}">
														
 
															+                                        </video>
														
 
															+                                        <div class="close-icon close-full-video"></div>
														
 
															+                                    </div>
														
 
															+                                </div>`
														
 
															+                $('body').append(roadHtml)
														
 
															+                util.bgMove($('.mod-full-picture'))
														
 
															+            }
														
 
															+            $('#road-pic').fadeIn()
														
 
															+            if(!progressFlag['road']){
														
 
															+                progressFlag['road'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? $('#scene-nav3').removeClass('disable') : ''
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '3') : ''
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        $(document).on('click', '.eyes-btn', function() {
														
 
															+            $('.fullscreen-video-picture').show()
														
 
															+            var video = document.getElementById('picture-video')
														
 
															+            video.play()
														
 
															+            video.addEventListener("ended",function(){
														
 
															+                video.load()
														
 
															+                $('.fullscreen-video-picture').hide()
														
 
															+            })
														
 
															+        })
														
 
															+    },
														
 
															+    playVideo() {
														
 
															+        $('#snow-video-play').click(function() {
														
 
															+            if(!$('#snow-video-suggest')[0]){
														
 
															+                var snowVideoHtml = `<div class="video-wrapper pub-modal-mask" id="snow-video-suggest">
														
 
															+                                        <div class="part-screen">
														
 
															+                                            <video controls autoplay id="snow-video">
														
 
															+                                                <source src="${mp4UrlMap['snow']}">
														
 
															+                                            </video>
														
 
															+                                            <div class="close-icon close-mask-icon"></div>
														
 
															+                                        </div>
														
 
															+                                    </div>`
														
 
															+                $('body').append(snowVideoHtml)
														
 
															+            } else {
														
 
															+                $('#snow-video-suggest').show()
														
 
															+                document.getElementById('snow-video').play()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    // 瞭望台
														
 
															+    lookoutClick() {
														
 
															+        var videoHtml = `<div class="fullscreen-video fullscreen-video-lookout">
														
 
															+                            <video id="lookout-video" autoplay width="100%">
														
 
															+                                <source src="${mp4UrlMap['lookup']}">
														
 
															+                            </video>
														
 
															+                            <div class="close-icon close-full-video"></div>
														
 
															+                        </div>` 
														
 
															+        $(document).on('click', '#psv-marker-glass', function() {
														
 
															+            if(!$('#lookout-snow-pic')[0]){
														
 
															+                var lookOutHtml =  ` <div class="mod-full-picture" id="lookout-snow-pic" style="display:none">
														
 
															+                                        <div class="pub-btn go-back">返回</div>
														
 
															+                                        <img class="e-tips" src="${eUrl}" alt="">
														
 
															+                                    </div>`
														
 
															+                $('body').append(lookOutHtml)
														
 
															+            }
														
 
															+            $('#lookout-snow-pic').fadeIn()
														
 
															+
														
 
															+            if(!progressFlag['lookout']){
														
 
															+                progressFlag['lookout'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? $('#scene-nav3').removeClass('disable') : ''
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '3') : ''
														
 
															+            }
														
 
															+        })
														
 
															+        // 监听E键
														
 
															+        $(document).on('keyup', function(e) {
														
 
															+            var lookVideo = document.getElementById('lookout-video')
														
 
															+            var isShow = $('#lookout-snow-pic').css('display') == 'none' ? false : true;
														
 
															+            if(isShow) {
														
 
															+                if(e.keyCode == 69) {
														
 
															+                    if(lookVideo) {
														
 
															+                            $('#lookout-snow-pic').find('.fullscreen-video').fadeIn()
														
 
															+                            lookVideo.play()
														
 
															+                    } else{
														
 
															+                        $('#lookout-snow-pic').append(videoHtml)
														
 
															+        
														
 
															+                        lookVideo = document.getElementById('lookout-video')
														
 
															+        
														
 
															+                        lookVideo.play()
														
 
															+                    } 
														
 
															+                    lookVideo.addEventListener("ended",function(){
														
 
															+                        lookVideo.load()
														
 
															+                        lookVideo.pause()
														
 
															+                        $('.fullscreen-video-lookout').hide()
														
 
															+                        $('#lookout-snow-pic').hide()
														
 
															+                    })
														
 
															+                }
														
 
															+
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+}
														
 
															+
														
 
															+util.animateModal()
														
 
															+util.handleModel()
														
 
															+snowV.init()
														
 
															+snowC.init()
														
--- a/2018专题/1806全景图专题-商务/js/scene3.js
+++ b/2018专题/1806全景图专题-商务/js/scene3.js
@@ -0,0 +1,427 @@
 
															+import '../scss/index.scss'
														
 
															+import '../scss/page/scene1.scss'
														
 
															+
														
 
															+import PhotoSphereViewer from 'photo-sphere-viewer'
														
 
															+import util from './until'
														
 
															+
														
 
															+// import Pic from '../img/P3.jpg'
														
 
															+import location from '../img/location.png';
														
 
															+import glass from '../img/glass.png'; //望远镜
														
 
															+import eUrl from '../img/E.png';
														
 
															+
														
 
															+var viewer = null
														
 
															+var huntFlag = false
														
 
															+
														
 
															+var indexPath = $('body').attr('data-path')
														
 
															+
														
 
															+// 进度相关
														
 
															+var progressNum = 0
														
 
															+var allStep = 5
														
 
															+var progressFlag = {
														
 
															+    'bear': false,
														
 
															+    'lynx': false,
														
 
															+    'road': false,
														
 
															+    'lookout': false,
														
 
															+    'fox': false
														
 
															+}
														
 
															+
														
 
															+var mp4UrlMap = {
														
 
															+
														
 
															+}
														
 
															+
														
 
															+var huntV = {
														
 
															+    init() {
														
 
															+        this.initSnowView()
														
 
															+        this.handleReady()
														
 
															+        this.getVideoSource()
														
 
															+        this.handleNav()
														
 
															+    },
														
 
															+    initSnowView() {
														
 
															+        viewer = new PhotoSphereViewer({
														
 
															+            container: 'photosphere',
														
 
															+            panorama: 'http://hdzt.duowan.com/s/1806hunter/P3.jpg',
														
 
															+            // panorama: Pic,
														
 
															+            min_fov: 50,
														
 
															+            max_fov: 70,
														
 
															+            navbar: false,
														
 
															+            time_anim: false,
														
 
															+            markers: [
														
 
															+                // 野牛
														
 
															+                {
														
 
															+                    id: 'beer-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [4115, 1487], [4115, 1696], [4410, 1696],[4410, 1487]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-beer',
														
 
															+                    x: 4247,
														
 
															+                    y: 1514,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 野猪
														
 
															+                {
														
 
															+                    id: 'lynx-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [2160, 1696], [2160, 1834], [2324, 1834],[2324, 1696]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-lynx',
														
 
															+                    x: 2225,
														
 
															+                    y: 1726,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 狐狸
														
 
															+                {
														
 
															+                    id: 'fox-polygon',
														
 
															+                    polygon_px: [
														
 
															+                        [5394, 1470], [5394, 1706], [5614, 1706],[5614, 1470]
														
 
															+                    ],
														
 
															+                    svgStyle: {
														
 
															+                        fill: 'rgba(255, 255, 255, 0)'
														
 
															+                    }
														
 
															+                },
														
 
															+                {
														
 
															+                    id: 'location-fox',
														
 
															+                    x: 5546,
														
 
															+                    y: 1514,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 望远镜
														
 
															+                {
														
 
															+                    id: 'glass',
														
 
															+                    x: 310,
														
 
															+                    y: 1000,
														
 
															+                    image: glass,
														
 
															+                    width: 56,
														
 
															+                    height: 59,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+                // 铁路
														
 
															+                {
														
 
															+                    id: 'location-road',
														
 
															+                    x: 3506,
														
 
															+                    y: 1772,
														
 
															+                    image: location,
														
 
															+                    width: 35,
														
 
															+                    height: 35,
														
 
															+                    anchor: 'bottom center',
														
 
															+                },
														
 
															+            ]
														
 
															+        })
														
 
															+    },
														
 
															+    handleReady() {
														
 
															+        viewer.on('ready', function() {
														
 
															+            $('.loading-bg').hide()
														
 
															+            viewer.rotate({
														
 
															+                x: 0,
														
 
															+                y: 0
														
 
															+            });
														
 
															+            viewer.animate({
														
 
															+                x: 4194,
														
 
															+                y: 1562
														
 
															+            },2000);
														
 
															+        });
														
 
															+
														
 
															+        viewer.on('position-updated', function(position) {
														
 
															+            let lgt = position.longitude
														
 
															+            let lat = position.latitude
														
 
															+            if(lgt < 1.07 && lat < 0.008 && !huntFlag) {
														
 
															+                huntFlag = true
														
 
															+                $('#hunter-suggest-modal').fadeIn()
														
 
															+                $('.nav').fadeIn()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    getVideoSource() {
														
 
															+        let vids = ['8893041','8892081','8893039','8892073','8892091','8890691','8890693','8890695','8898389','8897805','8897807','8897809']
														
 
															+        var videoEls = {
														
 
															+            '8892073': 'lookup',
														
 
															+            '8892091': 'hunt',
														
 
															+            '8893041': 'aim',
														
 
															+            '8892081': 'shoot',
														
 
															+            '8893039': 'open',
														
 
															+            '8890691': 'book-lake',
														
 
															+            '8890693': 'book-taiga',
														
 
															+            '8890695': 'book-elden',
														
 
															+            '8898389': 'picVideo',
														
 
															+            '8897805': 'openB',
														
 
															+            '8897807': 'aimB',
														
 
															+            '8897809': 'shootB'
														
 
															+        }
														
 
															+        
														
 
															+        $.ajax({
														
 
															+            type: "GET",
														
 
															+            dataType: "json",
														
 
															+            url: `//video.duowan.com/jsapi/playPageVideoInfo/?vids=${vids.join(',')}`,
														
 
															+            success: function(data) {
														
 
															+                for(var i in data) {
														
 
															+                    let resouce = util.deCodeArg(data[i].c).all,
														
 
															+                        source = resouce.yuanhua || resouce[1300] || resouce[1000] || resouce[350]
														
 
															+                    let name = videoEls[i] 
														
 
															+                    mp4UrlMap[name] = source.src
														
 
															+                }
														
 
															+                document.getElementById('open-video').src = mp4UrlMap['open']
														
 
															+                document.getElementById('aim-video').src = mp4UrlMap['aim']
														
 
															+                document.getElementById('shoot-video').src = mp4UrlMap['shoot']
														
 
															+
														
 
															+                document.getElementById('open-video-b').src = mp4UrlMap['openB']
														
 
															+                document.getElementById('aim-video-b').src = mp4UrlMap['aimB']
														
 
															+                document.getElementById('shoot-video-b').src = mp4UrlMap['shootB']
														
 
															+
														
 
															+                document.getElementById('book-lake-video').src = mp4UrlMap['book-lake']
														
 
															+                document.getElementById('book-taiga-video').src = mp4UrlMap['book-taiga']
														
 
															+                document.getElementById('book-elden-video').src = mp4UrlMap['book-elden']
														
 
															+
														
 
															+                huntC.lookoutClick()
														
 
															+                huntC.playVideo()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    // 导航权限处理
														
 
															+    handleNav() {
														
 
															+        // 初始化加载时
														
 
															+        let permision = localStorage.getItem('hunter_permision')
														
 
															+        if(permision < 3) {
														
 
															+            window.location.href = indexPath
														
 
															+        }
														
 
															+        if(permision == 4) {
														
 
															+            progressFlag = {
														
 
															+                'bear': true,
														
 
															+                'lynx': true,
														
 
															+                'road': true,
														
 
															+                'lookout': true,
														
 
															+                'fox': true
														
 
															+            }
														
 
															+            $('#cur-progress').html(5)
														
 
															+        }
														
 
															+    }
														
 
															+}
														
 
															+
														
 
															+var huntC = {
														
 
															+    init() {
														
 
															+        this.modalShow()
														
 
															+        util.bookClick()
														
 
															+        util.toolbarClick()
														
 
															+        util.shooting()
														
 
															+    },
														
 
															+    modalShow() {
														
 
															+        // 点击显示介绍弹窗
														
 
															+        $('.nav').find('.current').click(function() {
														
 
															+            $('#hunter-suggest-modal').fadeIn()
														
 
															+        })
														
 
															+        // 黑熊
														
 
															+        function beerModal() {
														
 
															+            if($('#hunter-beer-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#hunter-beer-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    x: 4194,
														
 
															+                    y: 1562
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['bear']){
														
 
															+                progressFlag['bear'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '4') : ''
														
 
															+                progressNum == allStep ? $('.complete-modal').fadeIn() : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-beer-polygon', function() {
														
 
															+            beerModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-beer', function() {
														
 
															+            beerModal()
														
 
															+        })
														
 
															+
														
 
															+        // lynx
														
 
															+        function lynxModal() {
														
 
															+            if($('#hunter-lynx-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#hunter-lynx-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    x: 2231,
														
 
															+                    y: 1756
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['lynx']){
														
 
															+                progressFlag['lynx'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '4') : ''
														
 
															+                progressNum == allStep ? $('.complete-modal').fadeIn() : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-lynx-polygon', function() {
														
 
															+            lynxModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-lynx', function() {
														
 
															+            lynxModal()
														
 
															+        })
														
 
															+
														
 
															+        // fox
														
 
															+        function foxModal() {
														
 
															+            if($('#hunter-fox-modal').css('display') == 'none') {
														
 
															+                $('.pub-modal').hide()
														
 
															+                $('#hunter-fox-modal').fadeIn()
														
 
															+                viewer.animate({
														
 
															+                    x: 5514,
														
 
															+                    y: 1598
														
 
															+                },600);
														
 
															+            }
														
 
															+            if(!progressFlag['fox']){
														
 
															+                progressFlag['fox'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '4') : ''
														
 
															+                progressNum == allStep ? $('.complete-modal').fadeIn() : ''
														
 
															+            }
														
 
															+        }
														
 
															+        $(document).on('click', '#psv-marker-fox-polygon', function() {
														
 
															+            foxModal()
														
 
															+        })
														
 
															+        $(document).on('click', '#psv-marker-location-fox', function() {
														
 
															+            foxModal()
														
 
															+        })
														
 
															+
														
 
															+        $(document).on('click', '#psv-marker-location-road', function() {
														
 
															+            if(!$('#p3-road-pic')[0]){
														
 
															+                var roadHtml =  ` <div class="mod-full-picture" id="p3-road-pic" style="display:none">
														
 
															+                                    <div class="pub-btn go-back">返回</div>
														
 
															+                                    <div class="full-pic-modal small-modal">
														
 
															+                                        <div class="top-bar">
														
 
															+                                            北欧森林
														
 
															+                                        </div>
														
 
															+                                        <div class="container clearfix">
														
 
															+                                            <p>虽然北欧人最喜欢到地中海度假，享受这里的阳光和沙滩。不过南欧的地中海人也是很羡慕北欧的人口稀少，森林密布的环境，那些难忘的原始森林，河流，湖泊，小动物等等。</p>
														
 
															+                                            <p>米兰·昆德拉说,生活在别处。倘若有一处,萃集了生活的美好,又何必另觅他乡? 冰岛的极光,瑞典的冰雪,目眩神驰的北欧风光里,最让人向往的还是森林里一口深呼吸带来的焕然一新。在这个世界上,还有什么比生命的健康活力更重。</p>
														
 
															+                                            <div class="eyes-btn"></div>
														
 
															+                                        </div>
														
 
															+                                    </div>
														
 
															+                                    <div class="fullscreen-video fullscreen-video-picture" style="display: none">
														
 
															+                                        <video id="picture-video" preload="metadata" width="100%">
														
 
															+                                            <source src="${mp4UrlMap['picVideo']}">
														
 
															+                                        </video>
														
 
															+                                        <div class="close-icon close-full-video"></div>
														
 
															+                                    </div>
														
 
															+                                </div>`
														
 
															+                $('body').append(roadHtml)
														
 
															+                util.bgMove($('.mod-full-picture'))
														
 
															+            }
														
 
															+            $('#p3-road-pic').fadeIn()
														
 
															+            if(!progressFlag['road']){
														
 
															+                progressFlag['road'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '4') : ''
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        $(document).on('click', '.eyes-btn', function() {
														
 
															+            $('.fullscreen-video-picture').show()
														
 
															+            var video = document.getElementById('picture-video')
														
 
															+            video.play()
														
 
															+            video.addEventListener("ended",function(){
														
 
															+                video.load()
														
 
															+                $('.fullscreen-video-picture').hide()
														
 
															+            })
														
 
															+        })
														
 
															+
														
 
															+        // 完成任务提示弹窗
														
 
															+        $(document).on('click', '.go-back', function() {
														
 
															+            progressNum == allStep ? $('.complete-modal').fadeIn() : ''
														
 
															+        })
														
 
															+
														
 
															+        $('.complete-success-btn').click(function() {
														
 
															+            $('.complete-modal').remove()
														
 
															+            $('.book-icon').trigger('click')
														
 
															+        })
														
 
															+    },
														
 
															+    playVideo() {
														
 
															+        $('#hunter-video-play').click(function() {
														
 
															+            if(!$('#hunter-video-suggest')[0]){
														
 
															+                var hunterVideoHtml = `<div class="video-wrapper pub-modal-mask" id="hunter-video-suggest">
														
 
															+                                        <div class="part-screen">
														
 
															+                                            <video controls autoplay id="hunter-video">
														
 
															+                                                <source src="${mp4UrlMap['hunt']}">
														
 
															+                                            </video>
														
 
															+                                            <div class="close-icon close-mask-icon"></div>
														
 
															+                                        </div>
														
 
															+                                    </div>`
														
 
															+                $('body').append(hunterVideoHtml)
														
 
															+            } else {
														
 
															+                $('#hunter-video-suggest').show()
														
 
															+                document.getElementById('hunter-video').play()
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+    // 瞭望台
														
 
															+    lookoutClick() {
														
 
															+        var videoHtml = `<div class="fullscreen-video fullscreen-video-lookout">
														
 
															+                            <video id="lookout-video" autoplay width="100%">
														
 
															+                                <source src="${mp4UrlMap['lookup']}">
														
 
															+                            </video>
														
 
															+                            <div class="close-icon close-full-video"></div>
														
 
															+                        </div>` 
														
 
															+        $(document).on('click', '#psv-marker-glass', function() {
														
 
															+            if(!$('#lookout-hunt-pic')[0]){
														
 
															+                var lookOutHtml =  ` <div class="mod-full-picture" id="lookout-hunt-pic" style="display:none">
														
 
															+                                        <div class="pub-btn go-back">返回</div>
														
 
															+                                        <img class="e-tips" src="${eUrl}" alt="">
														
 
															+                                    </div>`
														
 
															+                $('body').append(lookOutHtml)
														
 
															+            }
														
 
															+            $('#lookout-hunt-pic').fadeIn()
														
 
															+
														
 
															+            if(!progressFlag['lookout']){
														
 
															+                progressFlag['lookout'] = true
														
 
															+                $('#cur-progress').html(++progressNum)
														
 
															+                progressNum == allStep ? localStorage.setItem('hunter_permision', '4') : ''
														
 
															+            }
														
 
															+        })
														
 
															+        // 监听E键
														
 
															+        $(document).on('keyup', function(e) {
														
 
															+            var lookVideo = document.getElementById('lookout-video')
														
 
															+            var isShow = $('#lookout-hunt-pic').css('display') == 'none' ? false : true;
														
 
															+            if(isShow) {
														
 
															+                if(e.keyCode == 69) {
														
 
															+                    if(lookVideo) {
														
 
															+                            $('#lookout-hunt-pic').find('.fullscreen-video').fadeIn()
														
 
															+                            lookVideo.play()
														
 
															+                    } else{
														
 
															+                        $('#lookout-hunt-pic').append(videoHtml)
														
 
															+        
														
 
															+                        lookVideo = document.getElementById('lookout-video')
														
 
															+        
														
 
															+                        lookVideo.play()
														
 
															+                    } 
														
 
															+                    lookVideo.addEventListener("ended",function(){
														
 
															+                        lookVideo.load()
														
 
															+                        lookVideo.pause()
														
 
															+                        $('.fullscreen-video-lookout').hide()
														
 
															+                        $('#lookout-hunt-pic').hide()
														
 
															+                    })
														
 
															+                }
														
 
															+
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+}
														
 
															+
														
 
															+util.animateModal()
														
 
															+util.handleModel()
														
 
															+huntV.init()
														
 
															+huntC.init()
														
--- a/2018专题/1806全景图专题-商务/js/until.js
+++ b/2018专题/1806全景图专题-商务/js/until.js
@@ -0,0 +1,433 @@
 
															+var userDown = false //用户鼠标判断
														
 
															+var bgMove = false
														
 
															+
														
 
															+var indexPath = $('body').attr('data-path')
														
 
															+
														
 
															+var until = {
														
 
															+    // 浮层动画
														
 
															+    animateModal() {
														
 
															+        var w = document.body.offsetWidth/2;
														
 
															+        var h = document.body.offsetHeight/2;
														
 
															+        
														
 
															+        var modal = document.getElementsByClassName('animate-wrap');
														
 
															+        var $moveBg = $('.comment-page').find('.move-bg') //评论背景移动
														
 
															+        var $fullBg = $('.mod-full-picture')
														
 
															+
														
 
															+        document.body.onmousedown = function (event) {
														
 
															+            userDown = true
														
 
															+        }
														
 
															+        document.body.onmouseup = function (event) {
														
 
															+            userDown = false
														
 
															+        }
														
 
															+        document.body.onmousemove = function (event) {
														
 
															+            var mx = event.clientX,
														
 
															+                my = event.clientY;
														
 
															+            if(userDown) {
														
 
															+                for (var i=0; i<modal.length; i++) {
														
 
															+                    modal[i].style.marginLeft=(w-mx)/60 +'px';
														
 
															+                    modal[i].style.marginTop=(h-my)/40 +'px';
														
 
															+                }
														
 
															+            }
														
 
															+            if(bgMove) {
														
 
															+                $moveBg.css({
														
 
															+                    'backgroundPositionX': (w-mx)/120,
														
 
															+                    'backgroundPositionY': (h-my)/80
														
 
															+                })
														
 
															+            }
														
 
															+            $fullBg.css({
														
 
															+                'backgroundPositionX': (w-mx)/100,
														
 
															+                'backgroundPositionY': (h-my)/60
														
 
															+            })
														
 
															+        }
														
 
															+    },
														
 
															+    bgMove($item) {
														
 
															+        var w = document.body.offsetWidth/2;
														
 
															+        var h = document.body.offsetHeight/2;
														
 
															+        document.body.onmousemove = function (event) {
														
 
															+            var mx = event.clientX,
														
 
															+                my = event.clientY;
														
 
															+ 
														
 
															+            $item.css({
														
 
															+                'backgroundPositionX': (w-mx)/100,
														
 
															+                'backgroundPositionY': (h-my)/60
														
 
															+            })
														
 
															+        }
														
 
															+    },
														
 
															+    handleModel() {
														
 
															+        // 点击背景关闭弹窗
														
 
															+        $(document).on('click', '.pub-modal-mask', function() {
														
 
															+            until.pauseVideo()
														
 
															+            $(this).fadeOut()
														
 
															+        })
														
 
															+        $(document).on('click', '.part-screen', function(e) {
														
 
															+            return false
														
 
															+        })
														
 
															+        $(document).on('click', '.close-mask-icon', function() {
														
 
															+            until.pauseVideo()
														
 
															+            $(this).parents('.pub-modal-mask').fadeOut()
														
 
															+        })
														
 
															+        $(document).on('click', '.close-full-video', function() {
														
 
															+            until.pauseVideo()
														
 
															+            $(this).parents('.fullscreen-video').fadeOut()
														
 
															+        })
														
 
															+        $(document).on('click', '.close-icon', function() {
														
 
															+            $(this).parents('.pub-modal').fadeOut()
														
 
															+        })
														
 
															+        $(document).on('click', '.go-back', function() {
														
 
															+            $('.mod-full-picture').fadeOut()
														
 
															+        })
														
 
															+    },
														
 
															+    pauseVideo() {
														
 
															+       // video暂停播放
														
 
															+       var videoDom = document.getElementsByTagName('video')
														
 
															+       for(let i = 0; i < videoDom.length; i++) {
														
 
															+           videoDom[i].pause()
														
 
															+       }
														
 
															+    },
														
 
															+    decr(r) {
														
 
															+        var e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@!~*-_.()'".split("");
														
 
															+        var n = [];
														
 
															+        var a = [];
														
 
															+        r.split("").reverse().forEach(function (r, t) {
														
 
															+            var o = e.indexOf(r);
														
 
															+            if (parseInt((t + 1) % 2) == 1) {
														
 
															+                a.push(o)
														
 
															+            } else {
														
 
															+                var p = parseInt(o - a[(t + 1) / 2 - 1]);
														
 
															+                n.push(e[p])
														
 
															+            }
														
 
															+        });
														
 
															+        var t = n.join("").replace(/@/g, "%");
														
 
															+        return decodeURIComponent(t)
														
 
															+    },
														
 
															+    /**
														
 
															+     * 解密数据
														
 
															+     */
														
 
															+    deCodeArg(target) {
														
 
															+        var srcMap = {};
														
 
															+        if (JSON.parse) {
														
 
															+            srcMap = JSON.parse(until.decr(target));
														
 
															+        } else {
														
 
															+            srcMap = eval('(' + until.decr(target) + ')');
														
 
															+        }
														
 
															+        return srcMap;
														
 
															+    },
														
 
															+    //立即预约
														
 
															+    bookClick() {
														
 
															+        function bookAnimate() {
														
 
															+            $('.book-modal-1').removeClass('fade-in').addClass('bounceInLeft')
														
 
															+            $('.book-modal-2').removeClass('fade-in').addClass('bounceInRight')
														
 
															+            $('.poster-wrapper').removeClass('fade-in').addClass('bounceInUp')
														
 
															+            $('.bear').removeClass('fade-in').addClass('bounceInLeft')
														
 
															+            $('.deer').removeClass('fade-in').addClass('bounceInRight')
														
 
															+        }
														
 
															+
														
 
															+        $('.book-icon').click(function() {
														
 
															+            $('.page-comment').hide()
														
 
															+            $('.page-book').show()
														
 
															+            $('.mod-btn').removeClass('active')
														
 
															+            $('.book-btn').addClass('active')
														
 
															+            $('.comment-page').fadeIn()
														
 
															+            bookAnimate()
														
 
															+
														
 
															+            bgMove= true
														
 
															+        })
														
 
															+        // 返回
														
 
															+        $('#book-gack-btn').click(function() {
														
 
															+            $('.comment-page').fadeOut()
														
 
															+            bgMove = false
														
 
															+        })
														
 
															+        
														
 
															+        // 切换评论页
														
 
															+        $('.book-header').find('.mod-btn').click(function() {
														
 
															+            var $this = $(this)
														
 
															+            $('.mod-btn').removeClass('active')
														
 
															+            $this.addClass('active')
														
 
															+            var tab = $this.attr('data-tab')
														
 
															+            if(tab == 'comment') {
														
 
															+                $('.page-book').hide()
														
 
															+                $('.page-comment').show()
														
 
															+            } else if(tab == 'book') {
														
 
															+                bookAnimate()
														
 
															+                $('.page-comment').hide()
														
 
															+                $('.page-book').show()
														
 
															+            }
														
 
															+        })
														
 
															+        
														
 
															+        // 预约成功
														
 
															+        var successModal = `<div class="progress-modal reset-modal book-success-modal" style="display: block;">
														
 
															+                                <p class="tips">预约成功！</p>
														
 
															+                                <div class="btn-wrap">
														
 
															+                                    <div class="btn success-btn book-success-btn">是</div>
														
 
															+                                </div>
														
 
															+                            </div>`
														
 
															+        $('.book-btn-bottom').click(function() {
														
 
															+            $('.comment-page').append(successModal)
														
 
															+        })
														
 
															+        $('.comment-page').on('click', '.book-success-btn', function() {
														
 
															+            $('.book-success-modal').remove()
														
 
															+        })
														
 
															+
														
 
															+        // 视频播放
														
 
															+        $('.poster-lake').click(function() {
														
 
															+            $('.book-video').hide()
														
 
															+            $('#book-video-wrapper').show()
														
 
															+            $('#book-lake-video').show()
														
 
															+            document.getElementById('book-lake-video').play()
														
 
															+        })
														
 
															+        $('.poster-taiga').click(function() {
														
 
															+            $('.book-video').hide()
														
 
															+            $('#book-video-wrapper').show()
														
 
															+            $('#book-taiga-video').show()
														
 
															+            document.getElementById('book-taiga-video').play()
														
 
															+        })
														
 
															+        $('.poster-elden').click(function() {
														
 
															+            $('.book-video').hide()
														
 
															+            $('#book-video-wrapper').show()
														
 
															+            $('#book-elden-video').show()
														
 
															+            document.getElementById('book-elden-video').play()
														
 
															+        })
														
 
															+    },
														
 
															+    // 右上角工具栏
														
 
															+    toolbarClick() {
														
 
															+        // 暂停
														
 
															+        $('.toolbar-box').find('.bgm-icon').click(function() {
														
 
															+            var $this = $(this)
														
 
															+            var audio = document.getElementById('bgm-audio')
														
 
															+            if($this.hasClass('pause')) {
														
 
															+                audio.play()
														
 
															+                $this.removeClass('pause')
														
 
															+            } else {
														
 
															+                audio.pause()
														
 
															+                $this.addClass('pause')
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        // 评论
														
 
															+        $('.toolbar-box').find('.comment-icon').click(function() {
														
 
															+            $('.comment-btn').trigger('click')
														
 
															+            $('.comment-page').fadeIn()
														
 
															+            bgMove = true
														
 
															+        })
														
 
															+
														
 
															+        // 重置进度
														
 
															+        $('.toolbar-box').find('.reset-icon').click(function() {
														
 
															+           $('.reset-modal').fadeIn()
														
 
															+        })
														
 
															+
														
 
															+        $('.yes-btn').click(function() {
														
 
															+            localStorage.removeItem('hunter_permision')
														
 
															+            localStorage.removeItem('entry')
														
 
															+            window.location.href = indexPath
														
 
															+        })
														
 
															+
														
 
															+        $('.no-btn').click(function() {
														
 
															+            $('.reset-modal').fadeOut()
														
 
															+        })
														
 
															+    },
														
 
															+    //确认装备 
														
 
															+    shooting() {
														
 
															+
														
 
															+        var step = 1 //步骤
														
 
															+        var stepB = 1
														
 
															+
														
 
															+        var openVideo = document.getElementById('open-video')
														
 
															+        var aimVideo = document.getElementById('aim-video')
														
 
															+        var shootVideo = document.getElementById('shoot-video')
														
 
															+
														
 
															+        var openVideoB = document.getElementById('open-video-b')
														
 
															+        var aimVideoB = document.getElementById('aim-video-b')
														
 
															+        var shootVideoB = document.getElementById('shoot-video-b')
														
 
															+
														
 
															+        openVideo.addEventListener("ended",openVideoEnd)
														
 
															+        aimVideo.addEventListener("ended",aimVideoEnd)
														
 
															+        shootVideo.addEventListener("ended",shootVideoEnd)
														
 
															+
														
 
															+        openVideoB.addEventListener("ended",openVideoEndB)
														
 
															+        aimVideoB.addEventListener("ended",aimVideoEndB)
														
 
															+        shootVideoB.addEventListener("ended",shootVideoEndB)
														
 
															+
														
 
															+        var bag
														
 
															+
														
 
															+        $('.start-equit-btn').click(function() {
														
 
															+
														
 
															+            bag = $('#equit-modal').attr('data-bag')
														
 
															+            if(bag == 'A') {
														
 
															+                $('.group-A').show()
														
 
															+                $('.group-B').hide()
														
 
															+            }
														
 
															+            if(bag == 'B') {
														
 
															+                $('.group-B').show()
														
 
															+                $('.group-A').hide()
														
 
															+            }
														
 
															+
														
 
															+            $('#equit-video-wrap').fadeIn()
														
 
															+
														
 
															+            if(stepB == 1 && bag == 'B') {
														
 
															+                openVideoB.play()
														
 
															+            }
														
 
															+
														
 
															+        })
														
 
															+
														
 
															+        function openVideoEnd() {
														
 
															+            if(step == 1) {
														
 
															+                $(openVideo).hide();
														
 
															+                $(aimVideo).show();
														
 
															+                $('.space-tips').show()
														
 
															+            }
														
 
															+            step = 2
														
 
															+        }
														
 
															+
														
 
															+        function aimVideoEnd() {
														
 
															+            if(step == 2) {
														
 
															+                $(aimVideo).hide();
														
 
															+                $(shootVideo).show();
														
 
															+                $('.space-tips').hide();
														
 
															+                $('.open-qiang-tips').show()
														
 
															+            }
														
 
															+            step = 3
														
 
															+        }
														
 
															+
														
 
															+        function shootVideoEnd() {
														
 
															+            $('.equit-success-a').fadeIn()
														
 
															+            document.getElementById('hunter-audio').play()
														
 
															+        }
														
 
															+
														
 
															+        function openVideoEndB() {
														
 
															+            if(stepB == 1) {
														
 
															+                $(openVideoB).hide();
														
 
															+                $(aimVideoB).show();
														
 
															+                $('.space-tips-B').show()
														
 
															+            }
														
 
															+            stepB = 2
														
 
															+        }
														
 
															+
														
 
															+        function aimVideoEndB() {
														
 
															+            if(stepB == 2) {
														
 
															+                $(aimVideoB).hide();
														
 
															+                $(shootVideoB).show();
														
 
															+                $('.space-tips-B').hide();
														
 
															+                $('.open-qiang-tips-B').show()
														
 
															+            }
														
 
															+            stepB = 3
														
 
															+        }
														
 
															+
														
 
															+        function shootVideoEndB() {
														
 
															+            $('.equit-success-b').fadeIn()
														
 
															+            document.getElementById('hunter-audio').play()
														
 
															+        }
														
 
															+
														
 
															+        $('.close-equit-a').click(function() {
														
 
															+            $('#equit-video-wrap').hide()
														
 
															+            $('.equit-success').hide()
														
 
															+            $('.open-jin-tips').show()
														
 
															+            $('#equit-modal').hide()
														
 
															+            $(openVideo).show()
														
 
															+            $(shootVideo).hide()
														
 
															+            openVideo.currentTime = 0
														
 
															+            aimVideo.currentTime = 0
														
 
															+            shootVideo.currentTime = 0
														
 
															+            step = 1
														
 
															+        })
														
 
															+
														
 
															+        $('.close-equit-b').click(function() {
														
 
															+            $('#equit-video-wrap').hide()
														
 
															+            $('.equit-success').hide()
														
 
															+            $('#equit-modal').hide()
														
 
															+            $(openVideoB).show()
														
 
															+            $(shootVideoB).hide()
														
 
															+            openVideoB.currentTime = 0
														
 
															+            aimVideoB.currentTime = 0
														
 
															+            shootVideoB.currentTime = 0
														
 
															+            stepB = 1
														
 
															+        })
														
 
															+
														
 
															+        $(document).on('keyup', function(e) {
														
 
															+            var isShow = $('#equit-video-wrap').css('display') == 'none' ? false : true
														
 
															+            if(isShow) {
														
 
															+                if(e.keyCode == 70 && step == 1 && bag == 'A'){
														
 
															+                    $('.open-jin-tips').hide()
														
 
															+                    openVideo.play()
														
 
															+                }
														
 
															+                if(e.keyCode == 32 && step == 2 && bag == 'A'){
														
 
															+                    $('.space-tips').show()
														
 
															+                    aimVideo.pause()
														
 
															+                }
														
 
															+                if(e.keyCode == 70 && step == 3 && bag == 'A'){
														
 
															+                    $('.open-qiang-tips').hide()
														
 
															+                    shootVideo.play()
														
 
															+                }
														
 
															+
														
 
															+                if(e.keyCode == 32 && stepB == 2 && bag == 'B'){
														
 
															+                    $('.space-tips-B').show()
														
 
															+                    aimVideoB.pause()
														
 
															+                }
														
 
															+                if(e.keyCode == 70 && stepB == 3 && bag == 'B'){
														
 
															+                    $('.open-qiang-tips-B').hide()
														
 
															+                    shootVideoB.play()
														
 
															+                }
														
 
															+            }
														
 
															+            // console.log(step)
														
 
															+        })
														
 
															+
														
 
															+        $(document).on('keydown', function(e) {
														
 
															+            if(e.keyCode == 32 && step == 2 && bag == 'A'){
														
 
															+                $('.space-tips').hide()
														
 
															+                aimVideo.play()
														
 
															+            }
														
 
															+            if(e.keyCode == 32 && stepB == 2 && bag == 'B'){
														
 
															+                $('.space-tips-B').hide()
														
 
															+                aimVideoB.play()
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        // 开始狩猎
														
 
															+        $('.hunt-btn').click(function(){
														
 
															+            $('.big-modal').hide()
														
 
															+            $('#equit-modal').show()
														
 
															+        })
														
 
															+
														
 
															+        $('.nav-item-wrap').click(function() {
														
 
															+            $('.nav-item-wrap').removeClass('active')
														
 
															+            $(this).parents('.container').find('.main').hide()
														
 
															+            $(this).addClass('active')
														
 
															+            var ind = $(this).attr('data-ind')
														
 
															+            var bag = $('#equit-modal').attr('data-bag')
														
 
															+
														
 
															+            if(ind == 1 && bag == 'A'){
														
 
															+                $('#weapon-modal').show()
														
 
															+            }
														
 
															+            if(ind == 2 && bag == 'A'){
														
 
															+                $('#fodder-modal').show()
														
 
															+            }
														
 
															+            if(ind == 1 && bag == 'B'){
														
 
															+                $('#weapon-modal-b').show()
														
 
															+            }
														
 
															+            if(ind == 2 && bag == 'B'){
														
 
															+                $('#fodder-modal-b').show()
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        $('.bag-a').click(function() {
														
 
															+            var $this = $(this)
														
 
															+            if(!$this.hasClass('bag-a-active')) {
														
 
															+                $this.addClass('bag-a-active')
														
 
															+                $('.bag-b').removeClass('bag-b-active')
														
 
															+                $('#equit-modal').attr('data-bag', 'A')
														
 
															+                $('.nav-item-wrap').eq(0).trigger('click')
														
 
															+            }
														
 
															+        })
														
 
															+
														
 
															+        $('.bag-b').click(function() {
														
 
															+            var $this = $(this)
														
 
															+            if(!$this.hasClass('bag-b-active')) {
														
 
															+                $this.addClass('bag-b-active')
														
 
															+                $('.bag-a').removeClass('bag-a-active')
														
 
															+                $('#equit-modal').attr('data-bag', 'B')
														
 
															+                $('.nav-item-wrap').eq(0).trigger('click')
														
 
															+            }
														
 
															+        })
														
 
															+    },
														
 
															+}
														
 
															+
														
 
															+export default until
														
--- a/2018专题/1806全景图专题-商务/package-lock.json
+++ b/2018专题/1806全景图专题-商务/package-lock.json
--- a/2018专题/1806全景图专题-商务/package.json
+++ b/2018专题/1806全景图专题-商务/package.json
@@ -7,7 +7,9 @@
 
															     "start:1": "parcel scene1.html",
														
 
															     "start:2": "parcel scene2.html",
														
 
															     "start:3": "parcel scene3.html",
														
 
															-    "build": "parcel build scene1.html -d build"
														
 
															+    "start:4": "parcel entry.html",
														
 
															+    "build": "parcel build scene1.html --public-url //pub.dwstatic.com/zt2018/1806hunter/ --out-dir ../../../pub/zt2018/1806hunter",
														
 
															+    "build:entry": "parcel build entry.html --public-url //pub.dwstatic.com/zt2018/1806hunter/ --out-dir ../../../pub/zt2018/1806hunter"
														
 
															   },
														
 
															   "keywords": [],
														
 
															   "author": "",
														
--- a/2018专题/1806全景图专题-商务/scene1.html
+++ b/2018专题/1806全景图专题-商务/scene1.html
@@ -4,18 +4,24 @@
 
															     <meta charset="UTF-8">
														
 
															     <meta name="viewport" content="width=device-width, initial-scale=1.0">
														
 
															     <meta http-equiv="X-UA-Compatible" content="ie=edge">
														
 
															-    <title>Demo</title>
														
 
															+    <meta name="renderer" content="webkit">
														
 
															+    <meta name="force-rendering" content="webkit">
														
 
															+    <meta name="Keywords" content="新视界定制专题：猎人">
														
 
															+    <meta name="description" content="猎人_新视界专题_多玩游戏网">
														
 
															+    <title>莱顿湖区</title>
														
 
															+    <link href="./scss/animate.min.css" rel="stylesheet">
														
 
															+    <script src="./js/lib/rem.js"></script>
														
 
															 </head>
														
 
															-<body>
														
 
															+<body data-path="/s/hunter/index.html">
														
 
															     <div class="loading-bg loading-bg-scene1">
														
 
															         <img class="loading-gif" src="./img/loading.gif" alt="">
														
 
															     </div>
														
 
															     <div id="photosphere"></div>
														
 
															     <!-- 导航 -->
														
 
															-    <div class="nav" style="display: none;">
														
 
															-        <a href="javascript:" class="current" data-href="莱顿湖区">莱顿湖区</a>
														
 
															-        <a href="scene2.html" data-href="梅德韦泰嘉">梅德韦泰嘉</a>
														
 
															-        <a href="scene3.html" data-href="赫希费尔登">赫希费尔登</a>
														
 
															+    <div class="nav clearfix" style="display: none;">
														
 
															+        <a href="javascript:" class="current" id="scene-nav1">莱顿湖区</a>
														
 
															+        <a href="scene2.html" class="disable" id="scene-nav2">梅德韦泰嘉</a>
														
 
															+        <a href="scene3.html" class="disable" id="scene-nav3">赫希费尔登</a>
														
 
															     </div>
														
 
															     <!-- 莱顿湖区 star -->
														
 
															     <!-- 介绍弹窗 -->
														
@@ -48,7 +54,7 @@
 
															         </div>
														
 
															         <div class="container clearfix">
														
 
															             <div class="left-side">
														
 
															-                <img class="poster" src="./img/modal-pic3.jpg" alt="">
														
 
															+                <img src="./img/modal-pic3.jpg" alt="">
														
 
															                 <p>
														
 
															                     罗斯福麋鹿（学名：Cervus canadensis roose- velti）是北美地区体型最大的麋鹿亚种，是为了纪念环境保护者美国总统——西奥多·罗斯福而命名。雌兽比雄兽要小一些。雄鹿的角很大，和体重成正比。雌兽仅在相应部位有隆起的嵴突。头与面部较长，有眶下腺，耳大，呈圆锥形。鼻端裸露，其两侧和唇部为纯褐色。额部和头顶为深褐色，颊部为浅褐色。颈部较长，四肢也长。蹄子很大，侧踢长而着地。尾巴较短。
														
 
															                 </p>
														
@@ -92,7 +98,7 @@
 
															         </div>
														
 
															     </div>
														
 
															     <!-- 装备栏 -->
														
 
															-    <div class="pub-modal animate-wrap equit-modal" id="equit-modal">
														
 
															+    <div class="pub-modal equit-modal" id="equit-modal" data-bag="A">
														
 
															         <div class="top-bar">
														
 
															             装备栏 <div class="close-icon"></div>
														
 
															         </div>
														
@@ -110,16 +116,10 @@
 
															                         弹药
														
 
															                     </div>
														
 
															                 </div>
														
 
															-                <div class="nav-item-wrap" data-ind="3">
														
 
															-                    <div class="nav-item">
														
 
															-                        <i class="aim-icon"></i>
														
 
															-                        瞄准镜
														
 
															-                    </div>
														
 
															-                </div>
														
 
															             </div>
														
 
															             <div class="main clearfix" id="weapon-modal">
														
 
															                 <div class="img-box" style="padding-top: 50px;">
														
 
															-                    <img src="./img/weapon.png" alt="">
														
 
															+                    <img class="weapon-img" src="./img/weapon.png" alt="">
														
 
															                 </div>
														
 
															                 <div class="info">
														
 
															                     <div class="title">游侠.243步枪</div>
														
@@ -130,7 +130,7 @@
 
															             </div>
														
 
															             <div class="main clearfix" style="display: none;" id="fodder-modal">
														
 
															                 <div class="img-box">
														
 
															-                    <img src="./img/fodder.png" alt="">
														
 
															+                    <img class="fodder-img" src="./img/fodder.png" alt="">
														
 
															                 </div>
														
 
															                 <div class="info">
														
 
															                     <div class="title">.243软尖弹</div>
														
@@ -139,45 +139,147 @@
 
															                     </div>
														
 
															                 </div>
														
 
															             </div>
														
 
															-            <div class="main clearfix" style="display: none;" id="aim-modal">
														
 
															+            <div class="main clearfix" style="display: none;" id="weapon-modal-b">
														
 
															                 <div class="img-box">
														
 
															-                    <img src="./img/aim.png" alt="">
														
 
															+                    <img class="fodder-img" style="padding-top: 30px;" src="./img/bag-lake-b-1.png" alt="">
														
 
															                 </div>
														
 
															                 <div class="info">
														
 
															-                    <div class="title">艾森德1-4X 24步枪瞄准镜</div>
														
 
															+                    <div class="title">.44野猫马格南左轮手枪</div>
														
 
															                     <div class="text">
														
 
															-                        对追求激情和速度的猎手来说，这款轻便的瞄准镜堪称完美搭档。以速度和灵活为设计宗旨，是精确瞄准移动猎物的最佳选择。
														
 
															+                        这是.44口径猎豹马格南左轮手枪的高级变色版，设计有三重锁闭弹简和单根弹簧机制，有效减轻了扳机压力。适用于击杀大型猎物的大型手枪，射速极快，是危险环境下非常好的保命良器。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="fodder-modal-b">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="fodder-img" src="./img/bag-lake-b-2.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.44包壳空尖弹</div>
														
 
															+                    <div class="text">
														
 
															+                        44口径的马格南包壳空尖弹在击中目标后能快速扩散，威力非常强，适用于能近距离击杀大多数中型至大型猎物的大口径左轮手枪。
														
 
															                     </div>
														
 
															                 </div>
														
 
															             </div>
														
 
															-            <div class="pub-btn start-equit-btn">确认装备</div>
														
 
															         </div>
														
 
															+        <div class="pub-btn start-equit-btn">确认装备</div>
														
 
															+        <div class="equit-bag bag-a bag-a-active"></div>
														
 
															+        <div class="equit-bag bag-b"></div>
														
 
															     </div>
														
 
															     <!-- 莱顿湖区 end -->
														
 
															     <!-- 装备确认 -->
														
 
															     <div class="fullscreen-video" id="equit-video-wrap" style="display: none;">
														
 
															-        <video id="open-video" width="100%" preload="metadata">
														
 
															-            <source src="./video/open.mp4"> 
														
 
															-        </video>
														
 
															-        <video id="aim-video" width="100%" style="display: none;" preload="metadata">
														
 
															-            <source src="./video/aim.mp4"> 
														
 
															-        </video>
														
 
															-        <video id="shoot-video" width="100%" style="display: none;" preload="metadata">
														
 
															-            <source src="./video/shoot.mp4"> 
														
 
															-        </video>
														
 
															-        <div class="close-icon close-full-video"></div>
														
 
															-        <img class="equit-tips open-jin-tips" src="./img/F-open-jin.png" alt="">
														
 
															-        <img class="equit-tips space-tips" src="./img/space.png" alt="" style="display: none;">
														
 
															-        <img class="equit-tips open-qiang-tips" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															-        <div class="equit-success">
														
 
															+        <div class="group-A">
														
 
															+            <video id="open-video" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips open-jin-tips" src="./img/F-open-jin.png" alt="">
														
 
															+            <img class="equit-tips space-tips" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <div class="group-B">
														
 
															+            <video id="open-video-b" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips space-tips-B" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips-B" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <!-- <div class="close-icon close-full-video"></div> -->
														
 
															+        <div class="equit-success equit-success-a">
														
 
															             <h3>狩猎成功!</h3>
														
 
															-            <div class="pub-btn close-equit-btn">确认</div>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-a">确认</div>
														
 
															+        </div>
														
 
															+        <div class="equit-success equit-success-b">
														
 
															+            <h3>糟糕，猎物逃跑了</h3>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-b">确认</div>
														
 
															         </div>
														
 
															         <audio id="hunter-audio">
														
 
															             <source src="./video/hunt.mp3" type="audio/mpeg">
														
 
															         </audio>
														
 
															     </div>
														
 
															+
														
 
															+    <!-- 预约按钮 -->
														
 
															+    <div class="book-icon"></div>
														
 
															+    <!-- 评论预约页 -->
														
 
															+    <div class="comment-page">
														
 
															+        <div class="move-bg"></div>
														
 
															+        <div class="book-header">
														
 
															+            <div class="mod-btn comment-btn" data-tab="comment">评论</div>
														
 
															+            <div class="mod-btn book-btn active" data-tab="book">预约</div>
														
 
															+            <div id="book-gack-btn" class="go-back-btn">返回</div>
														
 
															+        </div>
														
 
															+        <div class="page-comment">
														
 
															+            <iframe src="http://hdzt.duowan.com/1806/m_393864686995.html" width="100%" frameborder="0"></iframe>
														
 
															+        </div>
														
 
															+        <div class="page-book">
														
 
															+            <div class="book-modal book-modal-1 clearfix fade-in animated">
														
 
															+                <img class="fl" src="./img/book-modal-pic1.jpg" alt="">
														
 
															+                <div class="info fl">
														
 
															+                    <h3>新一代狩猎体验</h3>
														
 
															+                    <p>
														
 
															+                    《theHunter: Call of the Wild》提供最身历其境的狩猎体验。步入生机勃勃且风景如画的开放世界中，你将在荒野中一睹雄伟的鹿、威风凛凛的野牛、数不清的飞禽、动物和昆虫。你可以体验复杂的动物行为、变化万千的天气、日夜的完整循环、模拟弹道、极真实的音效、精密风向系统夹带的气味等等。各种系统交织作用，让你沉浸其中，唤醒心中潜在的猎性。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="bear animated fade-in delay-200"></div>
														
 
															+            <div class="book-modal book-modal-2 clearfix fade-in animated">
														
 
															+                <img class="fr" src="./img/book-modal-pic2.jpg" alt="">
														
 
															+                <div class="info fr">
														
 
															+                    <h3>探索开放世界</h3>
														
 
															+                    <p>
														
 
															+                        探索 50 平方英里的多种不同地形，有湿地、密林、蓊郁山谷和广阔田野。《theHunter: Call of the Wild》的辽阔世界划分为多个独立的狩猎特别保护区，各区都充满惊喜，保证能让你欢度难忘时刻。在开放世界中接受各种任务与挑战，或四处游历探险。找出瞭望台、狩猎塔和哨站，以便在广大的开放世界中迅速轻松行动。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="deer animated fade-in delay-200"></div>
														
 
															+            <a href="javascript:" class="book-btn-bottom"></a>
														
 
															+            <div class="poster-wrapper animated fade-in delay-400">
														
 
															+                <img class="poster-lake" src="./img/book-poster1.png" alt="">
														
 
															+                <img class="poster-taiga" src="./img/book-poster2.png" alt="">
														
 
															+                <img class="poster-elden" src="./img/book-poster3.png" alt="">
														
 
															+            </div>
														
 
															+            <div class="video-wrapper pub-modal-mask" id="book-video-wrapper" style="display: none;">
														
 
															+                <div class="part-screen">
														
 
															+                    <video class="book-video" controls id="book-lake-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-taiga-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-elden-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <div class="close-icon close-mask-icon"></div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 探索弹窗 -->
														
 
															+    <div class="toolbar-box">
														
 
															+        <div class="bgm-icon toolbar-icon"></div>
														
 
															+        <div class="comment-icon toolbar-icon"></div>
														
 
															+        <div class="reset-icon toolbar-icon"></div>
														
 
															+    </div>
														
 
															+    <div class="progress-modal">
														
 
															+        <p class="tips">调查所有探索点后可解锁下张地图</p>
														
 
															+        <div class="progress">
														
 
															+            当前进度<span id="cur-progress">0</span>/5
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 重置弹窗 -->
														
 
															+    <div class="progress-modal reset-modal">
														
 
															+        <p class="tips">是否重置所有探索进度?</p>
														
 
															+        <div class="btn-wrap">
														
 
															+            <div class="btn yes-btn">是</div>
														
 
															+            <div class="btn no-btn">否</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- bgm -->
														
 
															+    <audio id="bgm-audio" autoplay loop src="./video/p1-bgm.mp3"></audio>
														
 
															 </body>
														
 
															 <script src="//www.duowan.com/assets/js/jquery.js"></script>
														
 
															 <script src="./js/scene1.js"></script>
														
--- a/2018专题/1806全景图专题-商务/scene2.html
+++ b/2018专题/1806全景图专题-商务/scene2.html
@@ -0,0 +1,289 @@
 
															+<!DOCTYPE html>
														
 
															+<html lang="en">
														
 
															+<head>
														
 
															+    <meta charset="UTF-8">
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
														
 
															+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
														
 
															+    <meta name="renderer" content="webkit">
														
 
															+    <meta name="force-rendering" content="webkit">
														
 
															+    <meta name="Keywords" content="新视界定制专题：猎人">
														
 
															+    <meta name="description" content="猎人_新视界专题_多玩游戏网">
														
 
															+    <title>梅德韦泰嘉</title>
														
 
															+    <link href="./scss/animate.min.css" rel="stylesheet">
														
 
															+    <script src="./js/lib/rem.js"></script>
														
 
															+</head>
														
 
															+<body data-path="/s/hunter/index.html">
														
 
															+    <div class="loading-bg loading-bg-scene2">
														
 
															+        <img class="loading-gif" src="./img/loading.gif" alt="">
														
 
															+    </div>
														
 
															+    <div id="photosphere"></div>
														
 
															+    <!-- 导航 -->
														
 
															+    <div class="nav" style="display: none;">
														
 
															+        <a href="scene1.html" id="scene-nav1">莱顿湖区</a>
														
 
															+        <a href="javascript:" class="current">梅德韦泰嘉</a>
														
 
															+        <a href="scene3.html" class="disable" id="scene-nav3">赫希费尔登</a>
														
 
															+    </div>
														
 
															+
														
 
															+    <!-- 梅德韦泰嘉 star -->
														
 
															+    <!-- 介绍弹窗 -->
														
 
															+    <div class="pub-modal suggest-modal animate-wrap" id="snow-suggest-modal">
														
 
															+        <div class="top-bar">
														
 
															+            梅德韦泰嘉 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img class="poster" id="snow-video-play" src="./img/snow-modal-pic1.jpg" alt="">
														
 
															+            <div class="introduce">
														
 
															+                <h3 class="article-title">猎区简介</h3>
														
 
															+                <p class="article-text">
														
 
															+                    梅德韦泰嘉国家公园远离文明世界，对猎人、冒险家和科学家来说是一处机会与挑战并存的宝地，其冰冻的山谷、山脉和不可预见的天气条件，极大地考验了猎人的导航和跟踪能力。寻找各种猎物的猎人们在这里肯定不会失望，因为西伯利亚大陆是棕熊、驼鹿、驯鹿、猞猁和原麋的栖息地，种群数量可观。
														
 
															+                </p>
														
 
															+            </div>
														
 
															+            <div class="line"></div>
														
 
															+        </div>
														
 
															+        <div class="tips clearfix">
														
 
															+            <img src="./img/snow-pic-avatar.jpg" alt="">
														
 
															+            <div class="tips-wrap">
														
 
															+                <h3>“博士”哈达. 爱莲娜. 哈莎沃夫娜</h3>
														
 
															+                <p>泰嘉的环境相当险恶，春夏时节，数据的收集工作几乎无法进行，到了冬季，周边危机四伏。不只我们，就连当地的野生动物也都难保小命。</p>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 黑熊 -->
														
 
															+    <div class="pub-modal big-modal animate-wrap" id="snow-beer-modal">
														
 
															+        <div class="top-bar">
														
 
															+            黑熊 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <div class="left-side">
														
 
															+                <img src="./img/snow-modal-pic3.jpg" alt="">
														
 
															+                <p>
														
 
															+                    黑熊（学名：Ursus thibetanus）共有7个亚种。体长150～170厘米，体重150千克左右。体毛黑亮而长，下颏白色，胸部有一块"V"字形白斑。头圆，耳大，眼小，吻短而尖，鼻端裸露，足垫厚实，前后足具5趾，爪尖锐不能伸缩。身体粗壮。栖息于山地森林，主要在白天活动，善爬树，游泳；能直立行走。视觉差，嗅觉、听觉灵敏；食性较杂，以植物叶、芽、果实、种子为食，有时也吃昆虫、鸟卵和小型兽
														
 
															+                </p>
														
 
															+            </div>
														
 
															+            <div class="right-side">
														
 
															+                <h3 class="article-title">分布范围</h3>
														
 
															+                <p class="article-text">
														
 
															+                    分布于世界各地：阿富汗、孟加拉国、不丹、柬埔寨、中国、印度、伊朗、日本、韩国、朝鲜、老挝、缅甸、尼泊尔、巴基斯坦、俄罗斯、泰国和越南.
														
 
															+                </p>
														
 
															+                <h3 class="article-title">生活习性</h3>
														
 
															+                <p class="article-text">
														
 
															+                    黑熊是典型的林栖动物，北方的黑熊有冬眠习性，并在大树的树洞、岩洞和地洞、圆木或石下、河堤边、暗沟和浅洼地建立巢穴。秋天会大量进食，以准备冬眠会吃大量食物将脂肪储存起来，整个冬季蛰伏洞中，不吃不动，处于半睡眠状态，冬眠后会自动降低体温、心率，以节省身体的新陈代谢。至翌年三、四月份
														
 
															+                </p>
														
 
															+                <h3 class="article-title">栖息环境</h3>
														
 
															+                <p class="article-text">
														
 
															+                    黑熊是一种森林性动物，活动范围广泛，栖息地的选择除了受到食物资源丰富度的影响之外，人为干扰更是关键因素，黑熊从低海拔600米的热带雨林到亚热带的常绿阔叶林，亚热带干旱河谷灌丛；温带落叶阔叶林、针阔叶混交林、针叶林以及海拔4000米左右的山地寒温带暗针叶林，都有栖息。                </p>
														
 
															+            </div>
														
 
															+            <div class="pub-btn hunt-btn">开始狩猎!</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 装备栏 -->
														
 
															+    <div class="pub-modal equit-modal" id="equit-modal" data-bag="A">
														
 
															+        <div class="top-bar">
														
 
															+            装备栏 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <div class="equit-nav">
														
 
															+                <div class="nav-item-wrap active" data-ind="1">
														
 
															+                    <div class="nav-item">
														
 
															+                        <i class="weapon-icon"></i>
														
 
															+                        武器
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+                <div class="nav-item-wrap" data-ind="2">
														
 
															+                    <div class="nav-item">
														
 
															+                        <i class="fodder-icon"></i>
														
 
															+                        弹药
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" id="weapon-modal">
														
 
															+                <div class="img-box" style="padding-top: 50px;">
														
 
															+                    <img class="weapon-img" src="./img/weapon.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">游侠.243步枪</div>
														
 
															+                    <div class="text">
														
 
															+                        这款手工制作的.243口径步枪非常耐用，专为极端恶劣的天气条件打造。射击时后坐力相对教小，对一心一意想把猎物带回家的新手来说，是非常理想的入门之选。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="fodder-modal">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="fodder-img" src="./img/fodder.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.243软尖弹</div>
														
 
															+                    <div class="text">
														
 
															+                        通用度非常高的软尖弹，其设计牺牲了击中目标时的穿透力，但挽回了极快的扩散速度。该.243口径子弹不仅后坐力相对教小，威力也够大，是很多新手猎人的最爱。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="weapon-modal-b">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="bag-b-img" style="padding-top: 30px;" src="./img/bag-snow-b-1.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.交叉点CB-165 极地版</div>
														
 
															+                    <div class="text">
														
 
															+                        这款制作精密的十字引射击力强大，足以击杀游戏中的最大型猎物。织纹精美的碳纤维弓身内嵌绳扣设备以及四箭箭简，CB-165是近距离狩猎的绝佳选择。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="fodder-modal-b">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="bag-b-img" style="padding-top: 30px;" src="./img/bag-snow-b-2.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.600 GR.宽头弩箭</div>
														
 
															+                    <div class="text">
														
 
															+                        重量级宽头弩箭可以和所有类型的十字弓搭配使用。箭矢的重量和弓的拉力会影响箭轨和射中猎物后的穿透力度。箭矢越重，穿透力越强，但会影响箭轨的平直程度，增加射中目标的难度。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+        <div class="pub-btn start-equit-btn">确认装备</div>
														
 
															+        <div class="equit-bag bag-a bag-a-active"></div>
														
 
															+        <div class="equit-bag bag-b"></div>
														
 
															+    </div>
														
 
															+    <!-- 猞猁 -->
														
 
															+    <div class="pub-modal small-modal animate-wrap" id="snow-lynx-modal">
														
 
															+        <div class="top-bar">
														
 
															+            猞猁 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img src="./img/snow-modal-pic2.jpg" alt="">
														
 
															+            <p class="article-text">
														
 
															+                猞猁（学名：Lynx lynx）：属于猫科，体型似猫而远大于猫，体粗壮，尾极短，通常不及头体长的1/4。四肢粗长而矫健。
														
 
															+            </p>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 西伯利亚红鹤 -->
														
 
															+    <div class="pub-modal small-modal animate-wrap" id="snow-bird-modal">
														
 
															+        <div class="top-bar">
														
 
															+            西伯利亚红鹤 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img src="./img/snow-modal-pic4.jpg" alt="">
														
 
															+            <p class="article-text">
														
 
															+                红嘴鸥（Larus ridibund-us），又称笑鸥、钓鱼郎，体形和毛色都与鸽子相似，体长37-43厘米，翼展94-105厘米，体重225-350克，寿命32年。嘴和脚皆呈鲜红色，身体大部分的羽毛是白色，尾羽黑色。
														
 
															+            </p>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 梅德韦泰嘉 end -->
														
 
															+
														
 
															+    <!-- 装备确认 -->
														
 
															+    <!-- 装备确认 -->
														
 
															+    <div class="fullscreen-video" id="equit-video-wrap" style="display: none;">
														
 
															+        <div class="group-A">
														
 
															+            <video id="open-video" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips open-jin-tips" src="./img/F-open-jin.png" alt="">
														
 
															+            <img class="equit-tips space-tips" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <div class="group-B">
														
 
															+            <video id="open-video-b" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips space-tips-B" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips-B" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <!-- <div class="close-icon close-full-video"></div> -->
														
 
															+        <div class="equit-success equit-success-a">
														
 
															+            <h3>糟糕，猎物逃跑了！</h3>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-a">确认</div>
														
 
															+        </div>
														
 
															+        <div class="equit-success equit-success-b">
														
 
															+            <h3>狩猎成功！</h3>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-b">确认</div>
														
 
															+        </div>
														
 
															+        <audio id="hunter-audio">
														
 
															+            <source src="./video/hunt.mp3" type="audio/mpeg">
														
 
															+        </audio>
														
 
															+    </div>
														
 
															+    <!-- 预约按钮 -->
														
 
															+    <div class="book-icon"></div>
														
 
															+    <!-- 评论预约页 -->
														
 
															+    <div class="comment-page">
														
 
															+        <div class="move-bg"></div>
														
 
															+        <div class="book-header">
														
 
															+            <div class="mod-btn comment-btn" data-tab="comment">评论</div>
														
 
															+            <div class="mod-btn book-btn active" data-tab="book">预约</div>
														
 
															+            <div id="book-gack-btn" class="go-back-btn">返回</div>
														
 
															+        </div>
														
 
															+        <div class="page-comment">
														
 
															+            <iframe src="http://hdzt.duowan.com/1806/m_393864686995.html" width="100%" frameborder="0"></iframe>
														
 
															+        </div>
														
 
															+        <div class="page-book">
														
 
															+            <div class="book-modal book-modal-1 clearfix fade-in animated">
														
 
															+                <img class="fl" src="./img/book-modal-pic1.jpg" alt="">
														
 
															+                <div class="info fl">
														
 
															+                    <h3>新一代狩猎体验</h3>
														
 
															+                    <p>
														
 
															+                    《theHunter: Call of the Wild》提供最身历其境的狩猎体验。步入生机勃勃且风景如画的开放世界中，你将在荒野中一睹雄伟的鹿、威风凛凛的野牛、数不清的飞禽、动物和昆虫。你可以体验复杂的动物行为、变化万千的天气、日夜的完整循环、模拟弹道、极真实的音效、精密风向系统夹带的气味等等。各种系统交织作用，让你沉浸其中，唤醒心中潜在的猎性。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="bear animated fade-in delay-200"></div>
														
 
															+            <div class="book-modal book-modal-2 clearfix fade-in animated">
														
 
															+                <img class="fr" src="./img/book-modal-pic2.jpg" alt="">
														
 
															+                <div class="info fr">
														
 
															+                    <h3>探索开放世界</h3>
														
 
															+                    <p>
														
 
															+                        探索 50 平方英里的多种不同地形，有湿地、密林、蓊郁山谷和广阔田野。《theHunter: Call of the Wild》的辽阔世界划分为多个独立的狩猎特别保护区，各区都充满惊喜，保证能让你欢度难忘时刻。在开放世界中接受各种任务与挑战，或四处游历探险。找出瞭望台、狩猎塔和哨站，以便在广大的开放世界中迅速轻松行动。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="deer animated fade-in delay-200"></div>
														
 
															+            <a href="javascript:" class="book-btn-bottom"></a>
														
 
															+            <div class="poster-wrapper animated fade-in delay-400">
														
 
															+                <img class="poster-lake" src="./img/book-poster1.png" alt="">
														
 
															+                <img class="poster-taiga" src="./img/book-poster2.png" alt="">
														
 
															+                <img class="poster-elden" src="./img/book-poster3.png" alt="">
														
 
															+            </div>
														
 
															+            <div class="video-wrapper pub-modal-mask" id="book-video-wrapper" style="display: none;">
														
 
															+                <div class="part-screen">
														
 
															+                    <video class="book-video" controls id="book-lake-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-taiga-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-elden-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <div class="close-icon close-mask-icon"></div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 探索弹窗 -->
														
 
															+    <div class="toolbar-box">
														
 
															+        <div class="bgm-icon toolbar-icon"></div>
														
 
															+        <div class="comment-icon toolbar-icon"></div>
														
 
															+        <div class="reset-icon toolbar-icon"></div>
														
 
															+    </div>
														
 
															+    <div class="progress-modal">
														
 
															+        <p class="tips">调查所有探索点后可解锁下张地图</p>
														
 
															+        <div class="progress">
														
 
															+            当前进度<span id="cur-progress">0</span>/5
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 重置弹窗 -->
														
 
															+    <div class="progress-modal reset-modal">
														
 
															+        <p class="tips">是否重置所有探索进度?</p>
														
 
															+        <div class="btn-wrap">
														
 
															+            <div class="btn yes-btn">是</div>
														
 
															+            <div class="btn no-btn">否</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- bgm -->
														
 
															+    <audio id="bgm-audio" autoplay loop src="./video/p2-bgm.mp3"></audio>
														
 
															+</body>
														
 
															+<script src="//www.duowan.com/assets/js/jquery.js"></script>
														
 
															+<script src="./js/scene2.js"></script>
														
 
															+</html>
														
--- a/2018专题/1806全景图专题-商务/scene3.html
+++ b/2018专题/1806全景图专题-商务/scene3.html
@@ -0,0 +1,296 @@
 
															+<!DOCTYPE html>
														
 
															+<html lang="en">
														
 
															+<head>
														
 
															+    <meta charset="UTF-8">
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
														
 
															+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
														
 
															+    <meta name="renderer" content="webkit">
														
 
															+    <meta name="force-rendering" content="webkit">
														
 
															+    <meta name="Keywords" content="新视界定制专题：猎人">
														
 
															+    <meta name="description" content="猎人_新视界专题_多玩游戏网">
														
 
															+    <title>赫希费尔登</title>
														
 
															+    <link href="./scss/animate.min.css" rel="stylesheet">
														
 
															+    <script src="./js/lib/rem.js"></script>
														
 
															+</head>
														
 
															+<body data-path="/s/hunter/index.html">
														
 
															+    <div class="loading-bg loading-bg-scene3">
														
 
															+        <img class="loading-gif" src="./img/loading.gif" alt="">
														
 
															+    </div>
														
 
															+    <div id="photosphere"></div>
														
 
															+    <!-- 导航 -->
														
 
															+    <div class="nav" style="display: none;">
														
 
															+        <a href="scene1.html" id="scene-nav1">莱顿湖区</a>
														
 
															+        <a href="scene2.html" id="scene-nav2">梅德韦泰嘉</a>
														
 
															+        <a href="javascript:" class="current" id="scene-nav3">赫希费尔登</a>
														
 
															+    </div>
														
 
															+    <!-- 赫希费尔登 star -->
														
 
															+    <!-- 介绍弹窗 -->
														
 
															+    <div class="pub-modal suggest-modal animate-wrap" id="hunter-suggest-modal">
														
 
															+        <div class="top-bar">
														
 
															+            赫希费尔登 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img class="poster" id="hunter-video-play" src="./img/hunter-modal-pic1.jpg" alt="">
														
 
															+            <div class="introduce">
														
 
															+                <h3 class="article-title">猎区简介</h3>
														
 
															+                <p class="article-text">
														
 
															+                    赫希费尔登位于欧洲的中心地带，那里绵延起伏的山丘和农地上遍布落叶山毛榉和山杨混交林，保护区西部有很多山坡和浓密云杉森林，那里分布有更多极具挑战性的狩猎场。赫希费尔登狩猎保护区是多种野生动物的家园，有黄鹿、野猪、狍鹿、欧洲野牛、赤鹿和赤狐。
														
 
															+                </p>
														
 
															+            </div>
														
 
															+            <div class="line"></div>
														
 
															+        </div>
														
 
															+        <div class="tips clearfix">
														
 
															+            <img src="./img/hunter-pic-avatar.jpg" alt="">
														
 
															+            <div class="tips-wrap">
														
 
															+                <h3>“野外守护者”可妮</h3>
														
 
															+                <p>赫希费尔登是欧洲最古老的保护区之一，我们在这里为猎人们集结了不同猎物，举办了一场热门的大型狩猎盛会，这里当然也是世上最漂亮的地方，呵，我可没有任何偏袒！</p>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 欧洲野牛 -->
														
 
															+    <div class="pub-modal big-modal animate-wrap" id="hunter-beer-modal">
														
 
															+        <div class="top-bar">
														
 
															+            欧洲野牛 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <div class="left-side">
														
 
															+                <img src="./img/hunter-modal-pic3.jpg" alt="">
														
 
															+                <p>
														
 
															+                    欧洲野牛（学名：Bison bonasus）：是欧洲最大的原生食草动物，拥有非常庞大的体型。成年欧洲野牛体长2.9米，肩高1.8-1.95米，体重600-1000千克。颈部、头部和前半部的毛发较短，头部体积大并有宽阔的前额，前半部躯体巨大，肩部到前背有隆起，脖子短粗健壮，胸椎肌肉强大。雌雄野牛都长有向上弯曲的角，两角粗大而尖锐呈弧形。可作为战斗和防御之。
														
 
															+                </p>
														
 
															+            </div>
														
 
															+            <div class="right-side">
														
 
															+                <h3 class="article-title">分布范围</h3>
														
 
															+                <p class="article-text">
														
 
															+                    栖息于美国加州、奥勒岗州与华盛顿州的喀斯喀特山脉西部，以及加拿大英属哥伦比亚省。罗斯福马鹿曾被再次引入阿拉斯加分布于白俄罗斯、立陶宛、波兰、罗马尼亚、俄罗斯联邦、斯洛伐克和乌克兰，后引进吉尔吉斯斯坦。
														
 
															+                </p>
														
 
															+                <h3 class="article-title">生活习性</h3>
														
 
															+                <p class="article-text">
														
 
															+                    欧洲野牛是一种群居的动物。以混合族群和公牛群为两种基本单位。混合群包括母牛、2-3岁的年轻小牛，牛仔和暂时加入的成年公牛。混合群的平均大小依赖于环境，群体的数量平均为8-13头动物。交配季节以外的雄性欧洲野牛组成雄性群体，所有的公牛群都很小，平均有1-11头动物。有一半以上的公牛过着孤独的生活。
														
 
															+                </p>
														
 
															+                <h3 class="article-title">栖息环境</h3>
														
 
															+                <p class="article-text">
														
 
															+                    欧洲野牛栖息地面积以种群的大小和结构而定，公牛活动的范围与它们的年龄有关，年龄较大的平均84.3平方公里，年轻的公牛（5-6岁）占地44平方公里。居住在森林边缘的公牛占据最大的家族范围是136.5-151.6平方公里。这与永久积雪持续时间相关，意味着冬季气温的寒冷程度。
														
 
															+                </p>
														
 
															+            </div>
														
 
															+            <div class="pub-btn hunt-btn">开始狩猎!</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+     <!-- 装备栏 -->
														
 
															+     <div class="pub-modal equit-modal" id="equit-modal" data-bag="A">
														
 
															+        <div class="top-bar">
														
 
															+            装备栏 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <div class="equit-nav">
														
 
															+                <div class="nav-item-wrap active" data-ind="1">
														
 
															+                    <div class="nav-item">
														
 
															+                        <i class="weapon-icon"></i>
														
 
															+                        武器
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+                <div class="nav-item-wrap" data-ind="2">
														
 
															+                    <div class="nav-item">
														
 
															+                        <i class="fodder-icon"></i>
														
 
															+                        弹药
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" id="weapon-modal">
														
 
															+                <div class="img-box" style="padding-top: 50px;">
														
 
															+                    <img class="weapon-img" src="./img/weapon.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">游侠.243步枪</div>
														
 
															+                    <div class="text">
														
 
															+                        这款手工制作的.243口径步枪非常耐用，专为极端恶劣的天气条件打造。射击时后坐力相对教小，对一心一意想把猎物带回家的新手来说，是非常理想的入门之选。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="fodder-modal">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="fodder-img" src="./img/fodder.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.243软尖弹</div>
														
 
															+                    <div class="text">
														
 
															+                        通用度非常高的软尖弹，其设计牺牲了击中目标时的穿透力，但挽回了极快的扩散速度。该.243口径子弹不仅后坐力相对教小，威力也够大，是很多新手猎人的最爱。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="weapon-modal-b">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="bag-b-img" style="padding-top: 30px;" src="./img/bag-hunt-b-1.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">.猎场守护者12号霰弹枪</div>
														
 
															+                    <div class="text">
														
 
															+                        这是卡文谢姆斯图尔德12号径霞弹枪的高级变色版。这支12号径霰弹枪为经典的立式双简设计，可以快速连发，非常适合击杀快速移动的目标。 
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="main clearfix" style="display: none;" id="fodder-modal-b">
														
 
															+                <div class="img-box">
														
 
															+                    <img class="bag-b-hunt-img" style="padding-top: 10px;" src="./img/bag-hunt-b-2.png" alt="">
														
 
															+                </div>
														
 
															+                <div class="info">
														
 
															+                    <div class="title">12号径鹿弹</div>
														
 
															+                    <div class="text">
														
 
															+                        鹿弹绝对名副其实，能让你用霰弹枪有效地击倒一只鹿。考虑到扩散效应，建议用于近距离击杀。
														
 
															+                    </div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+        <div class="pub-btn start-equit-btn">确认装备</div>
														
 
															+        <div class="equit-bag bag-a bag-a-active"></div>
														
 
															+        <div class="equit-bag bag-b"></div>
														
 
															+    </div>
														
 
															+    <!-- 野猪 -->
														
 
															+    <div class="pub-modal small-modal animate-wrap" id="hunter-lynx-modal">
														
 
															+        <div class="top-bar">
														
 
															+            野猪 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img src="./img/hunter-modal-pic2.jpg" alt="">
														
 
															+            <p class="article-text">
														
 
															+                野猪（学名Sus scrofa）又称山猪，猪属动物。野猪分为欧洲野猪和亚洲野猪，在全世界有27个亚种，亚种间和亚种内核型都有一些差异.由于人类猎杀与生存环境空间急剧减缩等因素，数量已急剧减少，并已经被许多国家列为濒危物种。
														
 
															+            </p>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 狐狸 -->
														
 
															+    <div class="pub-modal small-modal animate-wrap" id="hunter-fox-modal">
														
 
															+        <div class="top-bar">
														
 
															+            狐狸 <div class="close-icon"></div>
														
 
															+        </div>
														
 
															+        <div class="container clearfix">
														
 
															+            <img src="./img/hunter-modal-pic4.jpg" alt="">
														
 
															+            <p class="article-text">
														
 
															+                又叫红狐、赤狐和草狐。它们灵活的耳朵能对声音进行准确定位、嗅觉灵敏，修长的腿能够快速奔跑，最高时速可达50km/h左右，所以主要以鱼、蚌、虾、蟹、鼠类、鸟类、昆虫类小型动物为食，有时也采食一些植物。
														
 
															+            </p>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 赫希费尔登 end -->
														
 
															+
														
 
															+    <!-- 装备确认 -->
														
 
															+    <div class="fullscreen-video" id="equit-video-wrap" style="display: none;">
														
 
															+        <div class="group-A">
														
 
															+            <video id="open-video" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips open-jin-tips" src="./img/F-open-jin.png" alt="">
														
 
															+            <img class="equit-tips space-tips" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <div class="group-B">
														
 
															+            <video id="open-video-b" width="100%" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="aim-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <video id="shoot-video-b" width="100%" style="display: none;" preload="metadata">
														
 
															+            </video>
														
 
															+            <img class="equit-tips space-tips-B" src="./img/space.png" alt="" style="display: none;">
														
 
															+            <img class="equit-tips open-qiang-tips-B" src="./img/F-open-qiang.png" alt="" style="display: none;">
														
 
															+        </div>
														
 
															+        <!-- <div class="close-icon close-full-video"></div> -->
														
 
															+        <div class="equit-success equit-success-a">
														
 
															+            <h3>壮士一去不复返！</h3>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-a">确认</div>
														
 
															+        </div>
														
 
															+        <div class="equit-success equit-success-b">
														
 
															+            <h3>狩猎成功!</h3>
														
 
															+            <div class="pub-btn close-equit-btn close-equit-b">确认</div>
														
 
															+        </div>
														
 
															+        <audio id="hunter-audio">
														
 
															+            <source src="./video/hunt.mp3" type="audio/mpeg">
														
 
															+        </audio>
														
 
															+    </div>
														
 
															+    <!-- 预约按钮 -->
														
 
															+    <div class="book-icon"></div>
														
 
															+    <!-- 评论预约页 -->
														
 
															+    <div class="comment-page">
														
 
															+        <div class="move-bg"></div>
														
 
															+        <div class="book-header">
														
 
															+            <div class="mod-btn comment-btn" data-tab="comment">评论</div>
														
 
															+            <div class="mod-btn book-btn active" data-tab="book">预约</div>
														
 
															+            <div id="book-gack-btn" class="go-back-btn">返回</div>
														
 
															+        </div>
														
 
															+        <div class="page-comment">
														
 
															+            <iframe src="http://hdzt.duowan.com/1806/m_393864686995.html" width="100%" frameborder="0"></iframe>
														
 
															+        </div>
														
 
															+        <div class="page-book">
														
 
															+            <div class="book-modal book-modal-1 clearfix fade-in animated">
														
 
															+                <img class="fl" src="./img/book-modal-pic1.jpg" alt="">
														
 
															+                <div class="info fl">
														
 
															+                    <h3>新一代狩猎体验</h3>
														
 
															+                    <p>
														
 
															+                    《theHunter: Call of the Wild》提供最身历其境的狩猎体验。步入生机勃勃且风景如画的开放世界中，你将在荒野中一睹雄伟的鹿、威风凛凛的野牛、数不清的飞禽、动物和昆虫。你可以体验复杂的动物行为、变化万千的天气、日夜的完整循环、模拟弹道、极真实的音效、精密风向系统夹带的气味等等。各种系统交织作用，让你沉浸其中，唤醒心中潜在的猎性。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="bear animated fade-in delay-200"></div>
														
 
															+            <div class="book-modal book-modal-2 clearfix fade-in animated">
														
 
															+                <img class="fr" src="./img/book-modal-pic2.jpg" alt="">
														
 
															+                <div class="info fr">
														
 
															+                    <h3>探索开放世界</h3>
														
 
															+                    <p>
														
 
															+                        探索 50 平方英里的多种不同地形，有湿地、密林、蓊郁山谷和广阔田野。《theHunter: Call of the Wild》的辽阔世界划分为多个独立的狩猎特别保护区，各区都充满惊喜，保证能让你欢度难忘时刻。在开放世界中接受各种任务与挑战，或四处游历探险。找出瞭望台、狩猎塔和哨站，以便在广大的开放世界中迅速轻松行动。
														
 
															+                    </p>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+            <div class="deer animated fade-in delay-200"></div>
														
 
															+            <a href="javascript:" class="book-btn-bottom"></a>
														
 
															+            <div class="poster-wrapper animated fade-in delay-400">
														
 
															+                <img class="poster-lake" src="./img/book-poster1.png" alt="">
														
 
															+                <img class="poster-taiga" src="./img/book-poster2.png" alt="">
														
 
															+                <img class="poster-elden" src="./img/book-poster3.png" alt="">
														
 
															+            </div>
														
 
															+            <div class="video-wrapper pub-modal-mask" id="book-video-wrapper" style="display: none;">
														
 
															+                <div class="part-screen">
														
 
															+                    <video class="book-video" controls id="book-lake-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-taiga-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <video class="book-video" controls id="book-elden-video" width="100%" style="display: none;" preload="metadata">
														
 
															+                    </video>
														
 
															+                    <div class="close-icon close-mask-icon"></div>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 探索弹窗 -->
														
 
															+    <div class="toolbar-box">
														
 
															+        <div class="bgm-icon toolbar-icon"></div>
														
 
															+        <div class="comment-icon toolbar-icon"></div>
														
 
															+        <div class="reset-icon toolbar-icon"></div>
														
 
															+    </div>
														
 
															+    <div class="progress-modal">
														
 
															+        <p class="tips">你已解锁所有地图</p>
														
 
															+        <div class="progress">
														
 
															+            当前进度<span id="cur-progress">0</span>/5
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- 重置弹窗 -->
														
 
															+    <div class="progress-modal reset-modal">
														
 
															+        <p class="tips">是否重置所有探索进度?</p>
														
 
															+        <div class="btn-wrap">
														
 
															+            <div class="btn yes-btn">是</div>
														
 
															+            <div class="btn no-btn">否</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- game-over -->
														
 
															+    <div class="progress-modal book-success-modal complete-modal">
														
 
															+        <p class="tips">恭喜，你已完成所有探索！</p>
														
 
															+        <p class="tips">现在预约即刻体验完整游戏内容！</p>
														
 
															+        <div class="btn-wrap">
														
 
															+            <div class="btn success-btn complete-success-btn">确认</div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+    <!-- bgm -->
														
 
															+    <audio id="bgm-audio" autoplay loop src="./video/p3-bgm.mp3"></audio>
														
 
															+</body>
														
 
															+<script src="//www.duowan.com/assets/js/jquery.js"></script>
														
 
															+<script src="./js/scene3.js"></script>
														
 
															+</html>
														
--- a/2018专题/1806全景图专题-商务/scss/animate.min.css
+++ b/2018专题/1806全景图专题-商务/scss/animate.min.css
--- a/2018专题/1806全景图专题-商务/scss/base/mixin.scss
+++ b/2018专题/1806全景图专题-商务/scss/base/mixin.scss
@@ -0,0 +1,8 @@
 
															+$vari : 1920 / 640;
														
 
															+
														
 
															+@function px2rem($size){
														
 
															+	@return $size / 20 / 2 / $vari + rem;
														
 
															+}
														
 
															+@function -px2rem($size){
														
 
															+    @return - $size / 20 / 2 / $vari + rem;
														
 
															+}
														
--- a/2018专题/1806全景图专题-商务/scss/entry.scss
+++ b/2018专题/1806全景图专题-商务/scss/entry.scss
@@ -0,0 +1,67 @@
 
															+@import 'reset.scss';
														
 
															+@import './base/mixin.scss';
														
 
															+
														
 
															+html,body{
														
 
															+    height: 100%;
														
 
															+    overflow: hidden;
														
 
															+    cursor: url('//hdzt.duowan.com/201806-hunter/one.ico'), auto;
														
 
															+}
														
 
															+
														
 
															+.entry-video{
														
 
															+    width: 100%;
														
 
															+    height: 100%;
														
 
															+    object-fit: fill;
														
 
															+}
														
 
															+
														
 
															+.aim-glass{
														
 
															+    position: absolute;
														
 
															+    top: 50%;
														
 
															+    left: 50%;
														
 
															+    height: px2rem(1200);
														
 
															+    width: px2rem(1200);
														
 
															+    margin-left: -px2rem(500);
														
 
															+    margin-top: -px2rem(500);
														
 
															+    background: url('../img/index-aim.png') center center no-repeat;
														
 
															+    background-size: 100%;
														
 
															+}
														
 
															+
														
 
															+.hunter-logo{
														
 
															+    position: absolute;
														
 
															+    top: px2rem(20);
														
 
															+    left: px2rem(20);
														
 
															+    width: px2rem(421);
														
 
															+    height: auto;
														
 
															+}
														
 
															+
														
 
															+.vr-logo{
														
 
															+    position: absolute;
														
 
															+    bottom: px2rem(20);
														
 
															+    right: px2rem(180);
														
 
															+    width: px2rem(171);
														
 
															+}
														
 
															+
														
 
															+.xinshijie-logo{
														
 
															+    position: absolute;
														
 
															+    bottom: px2rem(20);
														
 
															+    right: px2rem(20);
														
 
															+    width: px2rem(124);
														
 
															+}
														
 
															+
														
 
															+.entry-text{
														
 
															+    position: absolute;
														
 
															+    z-index: 1;
														
 
															+    bottom: px2rem(82);
														
 
															+    width: px2rem(423);
														
 
															+    margin-left: -px2rem(225);
														
 
															+    left: 50%;
														
 
															+}
														
 
															+
														
 
															+.bgm-logo{
														
 
															+    position: absolute;
														
 
															+    top: px2rem(36);
														
 
															+    right: px2rem(36);
														
 
															+    width: px2rem(57);
														
 
															+    height: px2rem(57);
														
 
															+    background: url('../img/bgm-icon.png') bottom center no-repeat;
														
 
															+    background-size: 100%;
														
 
															+}
														
--- a/2018专题/1806全景图专题-商务/scss/index.scss
+++ b/2018专题/1806全景图专题-商务/scss/index.scss
@@ -0,0 +1,839 @@
 
															+@import 'photo-sphere-viewer.min.css';
														
 
															+@import 'reset.scss';
														
 
															+@import './base/mixin.scss';
														
 
															+
														
 
															+html, body {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+  overflow: hidden;
														
 
															+  margin: 0;
														
 
															+  padding: 0;
														
 
															+}
														
 
															+.clearfix{
														
 
															+  zoom: 1;
														
 
															+  &::after{
														
 
															+    content: '';
														
 
															+    display: block;
														
 
															+    visibility: hidden;
														
 
															+    clear: both;
														
 
															+    height: 0;
														
 
															+  }
														
 
															+}
														
 
															+#photosphere {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+}·
														
 
															+.link{
														
 
															+    color: #333333;
														
 
															+    text-decoration: none;
														
 
															+}
														
 
															+.btn {
														
 
															+  color: #ffffff;
														
 
															+}
														
 
															+.pub-btn{
														
 
															+  color: #ffffff;
														
 
															+  line-height: px2rem(40);
														
 
															+  border-radius: px2rem(25);
														
 
															+  background-color: #ff6600;
														
 
															+  height: px2rem(40);
														
 
															+  padding: 0 px2rem(20);
														
 
															+  position: absolute;
														
 
															+  font-size: px2rem(14);
														
 
															+  cursor: pointer;
														
 
															+  transition: .2s all ease-in-out;
														
 
															+  box-shadow: 0px 0px 20px 2px #ff6600;
														
 
															+  &:hover{
														
 
															+    background-color: #e45d03;
														
 
															+  }
														
 
															+}
														
 
															+.watch-movie-btn{
														
 
															+  right: px2rem(15);
														
 
															+  bottom: px2rem(15);
														
 
															+}
														
 
															+.wrapper{
														
 
															+  top: 0;
														
 
															+  bottom: 0;
														
 
															+  right: 0;
														
 
															+  width: px2rem(200);
														
 
															+}
														
 
															+.wrapper img{
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.nav{
														
 
															+    position: fixed;
														
 
															+    top: px2rem(20);
														
 
															+    left: px2rem(20);
														
 
															+    z-index: 99;
														
 
															+    a{
														
 
															+      float: left;
														
 
															+      text-decoration: none;
														
 
															+      color: #ffffff;
														
 
															+      background-color: rgba($color: #000000, $alpha: .6);
														
 
															+      line-height: px2rem(50);
														
 
															+      font-size: px2rem(18);
														
 
															+      font-weight: bold;
														
 
															+      width: px2rem(156);
														
 
															+      text-align: center;
														
 
															+      cursor: pointer;
														
 
															+      transition: .2s all ease-in-out;
														
 
															+      &.current{
														
 
															+        opacity: 1;
														
 
															+        background-color: #ff6600;
														
 
															+        color: #ffffff;
														
 
															+        text-shadow: 0px 0 1px #ffffff;
														
 
															+      }
														
 
															+      &.disable{
														
 
															+        background: url('../img/lock.png') px2rem(10) center no-repeat;
														
 
															+        color: #4c4c4c;
														
 
															+        background-color: #070c10;
														
 
															+        background-size: px2rem(20) px2rem(20);
														
 
															+        pointer-events: none;
														
 
															+      }
														
 
															+      &:hover{
														
 
															+        opacity: 1;
														
 
															+      }
														
 
															+    }
														
 
															+}
														
 
															+
														
 
															+.pub-modal{
														
 
															+  position: fixed;
														
 
															+  z-index: 999;
														
 
															+  top: px2rem(110);
														
 
															+  left: px2rem(20);
														
 
															+  display: none;
														
 
															+  overflow: hidden;
														
 
															+  background-color: rgba($color: #000000, $alpha: 0.5);
														
 
															+  .top-bar {
														
 
															+    padding: 0 px2rem(20);
														
 
															+    height: px2rem(40);
														
 
															+    line-height: px2rem(40);
														
 
															+    font-weight: bold;
														
 
															+    color: #ffffff;
														
 
															+    border-bottom: 1px solid #ff6600;
														
 
															+    font-size: px2rem(20);
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .container{
														
 
															+    position: relative;
														
 
															+    padding: px2rem(20);
														
 
															+    box-sizing: border-box;
														
 
															+  }
														
 
															+  .article-title{
														
 
															+    font-size: px2rem(18);
														
 
															+    color: #ffffff;
														
 
															+    font-weight: bold;
														
 
															+    margin-bottom: px2rem(12);
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .article-text{
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(14);
														
 
															+  }
														
 
															+}
														
 
															+.close-icon{
														
 
															+  float: right;
														
 
															+  width: px2rem(16);
														
 
															+  height: px2rem(16);
														
 
															+  margin-top: px2rem(12);
														
 
															+  cursor: pointer;
														
 
															+  background: url('../img/close-icon.png');
														
 
															+  background-size: 100%;
														
 
															+}
														
 
															+.suggest-modal{
														
 
															+  .container{
														
 
															+    .line{
														
 
															+      position: absolute;
														
 
															+      bottom: 0;
														
 
															+      left: px2rem(20);
														
 
															+      right: px2rem(20);
														
 
															+      border-bottom: 1px dotted #808080;
														
 
															+    }
														
 
															+    .poster{
														
 
															+      float: left;
														
 
															+      width: px2rem(292);
														
 
															+      margin-right: px2rem(20);
														
 
															+    }
														
 
															+    .introduce{
														
 
															+      float: left;
														
 
															+      position: relative;
														
 
															+      width: px2rem(320);
														
 
															+      color: #ffffff;
														
 
															+      .article-text{
														
 
															+        line-height: px2rem(42);
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+  .tips{
														
 
															+    padding: px2rem(20);
														
 
															+    img{
														
 
															+      float: left;
														
 
															+      width: px2rem(116);
														
 
															+      height: px2rem(116);
														
 
															+      border-radius: 50%;
														
 
															+    }
														
 
															+    .tips-wrap{
														
 
															+      float: left;
														
 
															+      width: px2rem(500);
														
 
															+      margin-left: px2rem(20);
														
 
															+      h3{
														
 
															+        font-size: px2rem(18);
														
 
															+        color: #b0e345;
														
 
															+        margin-bottom: px2rem(10);
														
 
															+        text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+        font-weight: bold;
														
 
															+      }
														
 
															+      p{
														
 
															+        font-size: px2rem(14);
														
 
															+        color: #ffffff;
														
 
															+        line-height: 1.6;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.big-modal{
														
 
															+  .left-side{
														
 
															+    float: left;
														
 
															+    width: px2rem(296);
														
 
															+    margin-right: px2rem(20);
														
 
															+    img{
														
 
															+      width: 100%;
														
 
															+    }
														
 
															+    p{
														
 
															+      margin-top: px2rem(6);
														
 
															+      color: #ffffff;
														
 
															+      font-size: px2rem(14);
														
 
															+      line-height: 1.6;
														
 
															+    }
														
 
															+  }
														
 
															+  .right-side{
														
 
															+    float: left;
														
 
															+    width: px2rem(336);
														
 
															+    .article-text{
														
 
															+      line-height: 1.6;
														
 
															+      margin-bottom: px2rem(25);
														
 
															+      &:last-of-type{
														
 
															+        margin-bottom: 0;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.small-modal{
														
 
															+  left: 20%;
														
 
															+  top: 22%;
														
 
															+  img{
														
 
															+    float: left;
														
 
															+  }
														
 
															+  .article-text{
														
 
															+    float: left;
														
 
															+    width: px2rem(224);
														
 
															+    margin-left: px2rem(20);
														
 
															+    line-height: 1.6;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.snow-circle{
														
 
															+  width: px2rem(20);
														
 
															+  opacity: .8;
														
 
															+  height: auto;
														
 
															+}
														
 
															+
														
 
															+#psv-marker-location-foot{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-deer{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-rabit{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-beer{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-lake{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-road{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-lynx{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-bird{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+#psv-marker-location-fox{
														
 
															+  border-radius: 50%;
														
 
															+  animation: jump 1.3s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes jump {
														
 
															+  0% {
														
 
															+    margin-top: 0;
														
 
															+    opacity: .8;
														
 
															+    width: 35px;
														
 
															+    height: 35px;
														
 
															+  }
														
 
															+  50% {
														
 
															+    margin-top: -15px;
														
 
															+    opacity: 1;
														
 
															+    width: 40px;
														
 
															+    height: 40px;
														
 
															+  }
														
 
															+  100% {
														
 
															+    margin-top: 0;
														
 
															+    opacity: .8;
														
 
															+    width: 35px;
														
 
															+    height: 35px;
														
 
															+  }
														
 
															+}
														
 
															+.psv-tooltip{
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.hide-video{
														
 
															+  opacity: 0;
														
 
															+  transform: translate(-3000px);
														
 
															+}
														
 
															+.poster{
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.video-wrapper{
														
 
															+  position: fixed;
														
 
															+  z-index: 1999;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  background-color: rgba($color: #000000, $alpha: .4);
														
 
															+  video {
														
 
															+    width: px2rem(800);
														
 
															+  }
														
 
															+  .part-screen{
														
 
															+    position: relative;
														
 
															+  }
														
 
															+  .close-icon{
														
 
															+    position: absolute;
														
 
															+    top: -px2rem(15);
														
 
															+    right: -px2rem(15);
														
 
															+    margin-top: 0;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.fullscreen-video{
														
 
															+  position: fixed;
														
 
															+  z-index: 1999;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  background-color: #000000;
														
 
															+}
														
 
															+.close-full-video{
														
 
															+  position: absolute;
														
 
															+  z-index: 2000;
														
 
															+  top: px2rem(5);
														
 
															+  right: px2rem(10);
														
 
															+}
														
 
															+
														
 
															+.mod-full-picture{
														
 
															+  position: fixed;
														
 
															+  z-index: 1000;
														
 
															+  top: -10px;
														
 
															+  left: -10px;
														
 
															+  right: -10px;
														
 
															+  bottom: -10px;
														
 
															+  .go-back{
														
 
															+    position: absolute;
														
 
															+    top: px2rem(30);
														
 
															+    right: px2rem(30);
														
 
															+    padding: 0 px2rem(40);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+#lookout-pic{
														
 
															+  background: url('../img/lookout-pic.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+#lookout-snow-pic{
														
 
															+  background: url('../img/P2-lookout.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+#lookout-hunt-pic{
														
 
															+  background: url('../img/P3-lookout.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+#lake-pic{
														
 
															+  background: url('../img/P1-lake.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+#road-pic{
														
 
															+  background: url('../img/P2-road.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+#p3-road-pic{
														
 
															+  background: url('../img/P3-road.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+.e-tips{
														
 
															+  position: absolute;
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  transform: translate(-50%, -50%);
														
 
															+  animation: tips 1.2s ease-in-out infinite;
														
 
															+}
														
 
															+@keyframes tips {
														
 
															+  0%{
														
 
															+    margin-top: 0;
														
 
															+  }
														
 
															+  50%{
														
 
															+    margin-top: px2rem(20);
														
 
															+  }
														
 
															+  100%{
														
 
															+    margin-top: 0;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.loading-bg{
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  z-index: 999;
														
 
															+  .loading-gif {
														
 
															+    position: absolute;
														
 
															+    top: px2rem(15);
														
 
															+    left: px2rem(15);
														
 
															+    width: px2rem(150);
														
 
															+    height: px2rem(150);
														
 
															+  }
														
 
															+}
														
 
															+.loading-bg-scene1{
														
 
															+  background: url('../img/P1-loading.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+.loading-bg-scene2{
														
 
															+  background: url('../img/P2-loading.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+.loading-bg-scene3{
														
 
															+  background: url('../img/P3-loading.jpg') center center no-repeat;
														
 
															+  background-size: cover;
														
 
															+}
														
 
															+.hunt-btn{
														
 
															+  position: absolute;
														
 
															+  left: px2rem(15);
														
 
															+  bottom: px2rem(22);
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+.equit-tips{
														
 
															+  position: absolute;
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  transform: translate(-50%,-50%);
														
 
															+  animation: tips 1.2s ease-in-out infinite;
														
 
															+}
														
 
															+.equit-success {
														
 
															+  display: none;
														
 
															+  position: absolute;
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  transform: translate(-50%,-50%);
														
 
															+  width: px2rem(360);
														
 
															+  border-radius: px2rem(6);
														
 
															+  background-color: rgba($color: #000000, $alpha: .6);
														
 
															+  text-align: center;
														
 
															+  padding: px2rem(50) 0 px2rem(20);
														
 
															+  h3{
														
 
															+    text-align: center;
														
 
															+    color: #fffefe;
														
 
															+    font-size: px2rem(28);
														
 
															+    font-weight: bold;
														
 
															+    margin-bottom: px2rem(40);
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .close-equit-btn{
														
 
															+    position: static;
														
 
															+    display: inline-block;
														
 
															+    box-shadow: none;
														
 
															+    padding: 0 px2rem(30);
														
 
															+    line-height: px2rem(40);
														
 
															+    height: px2rem(40);
														
 
															+  }
														
 
															+}
														
 
															+.start-equit-btn {
														
 
															+  right: px2rem(20);
														
 
															+  bottom: px2rem(20);
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.equit-modal{
														
 
															+  width: px2rem(860);
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  transform: translate(-50%, -50%);
														
 
															+  .container{
														
 
															+    height: px2rem(390);
														
 
															+  }
														
 
															+  .main{
														
 
															+    margin-top: px2rem(10);
														
 
															+  }
														
 
															+  .img-box{
														
 
															+    float: left;
														
 
															+    margin-left: px2rem(120);
														
 
															+    width: px2rem(332);
														
 
															+    text-align: center;
														
 
															+    img{
														
 
															+      display: inline-block;
														
 
															+      height: auto;
														
 
															+    }
														
 
															+    .weapon-img{
														
 
															+      width: px2rem(359);
														
 
															+    }
														
 
															+    .fodder-img{
														
 
															+      width: px2rem(187);
														
 
															+    }
														
 
															+    .aim-img{
														
 
															+      width: px2rem(364);
														
 
															+    }
														
 
															+    .bag-b-img{
														
 
															+      width: px2rem(350);
														
 
															+    }
														
 
															+  }
														
 
															+  .info{
														
 
															+    float: right;
														
 
															+    width: px2rem(318);
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(14);
														
 
															+    .title{
														
 
															+      font-size: px2rem(18);
														
 
															+      font-weight: bold;
														
 
															+      margin-bottom: px2rem(18);
														
 
															+      color: #ffffff;
														
 
															+    }
														
 
															+    .text{
														
 
															+      line-height: 2;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+.equit-nav{
														
 
															+  display: flex;
														
 
															+  .nav-item-wrap{
														
 
															+    flex: 1;
														
 
															+    height: px2rem(74);
														
 
															+    line-height: px2rem(74);
														
 
															+    text-align: center;
														
 
															+    cursor: pointer;
														
 
															+    &.active{
														
 
															+      background: url('../img/orange-bg.png') center center no-repeat;
														
 
															+      background-size: contain;
														
 
															+    }
														
 
															+  }
														
 
															+  .nav-item{
														
 
															+    display: inline-block;
														
 
															+    line-height: px2rem(32);
														
 
															+    color: #fffefe;
														
 
															+    font-size: px2rem(20);
														
 
															+    font-weight: bold;
														
 
															+    i{
														
 
															+      display: inline-block;
														
 
															+      width: px2rem(32);
														
 
															+      height: px2rem(32);
														
 
															+      vertical-align: bottom;
														
 
															+    }
														
 
															+    .weapon-icon{
														
 
															+      background: url('../img/weapon-icon.png') center center no-repeat;
														
 
															+    }
														
 
															+    .fodder-icon{
														
 
															+      background: url('../img/fodder-icon.png') center center no-repeat;
														
 
															+    }
														
 
															+    .aim-icon{
														
 
															+      background: url('../img/glass-icon.png') center center no-repeat;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.book-icon{
														
 
															+  position: fixed;
														
 
															+  z-index: 10;
														
 
															+  width: px2rem(156);
														
 
															+  height: px2rem(50);
														
 
															+  background: url('../img/book-icon.jpg') center center no-repeat;
														
 
															+  background-size: 100%;
														
 
															+  color: #ffffff;
														
 
															+  right: px2rem(20);
														
 
															+  bottom: px2rem(20);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.fade-in{
														
 
															+  opacity: 0;
														
 
															+}
														
 
															+.delay-200 {
														
 
															+  animation-delay: 200ms;
														
 
															+}
														
 
															+.delay-400 {
														
 
															+  animation-delay: 400ms;
														
 
															+}
														
 
															+
														
 
															+.progress-modal{
														
 
															+  position: fixed;
														
 
															+  width: px2rem(305);
														
 
															+  height: px2rem(140);
														
 
															+  box-sizing: border-box;
														
 
															+  padding-top: px2rem(30);
														
 
															+  top: px2rem(100);
														
 
															+  right: px2rem(20);
														
 
															+  background-color: rgba($color: #000000, $alpha: .5);
														
 
															+  border: 1px solid #ff620c;
														
 
															+  .tips{
														
 
															+    text-align: center;
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(16);
														
 
															+    margin-bottom: px2rem(24);
														
 
															+  }
														
 
															+  .progress{
														
 
															+    text-align: center;
														
 
															+    font-size: px2rem(20);
														
 
															+    color: #ffffff;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.reset-modal{
														
 
															+  display: none;
														
 
															+  z-index: 99;
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  margin-top: -px2rem(70);
														
 
															+  margin-left: -px2rem(152);
														
 
															+  .tips{
														
 
															+    font-weight: bold;
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .btn-wrap{
														
 
															+    width: px2rem(180);
														
 
															+    margin: 0 auto;
														
 
															+  }
														
 
															+  .btn{
														
 
															+    display: inline-block;
														
 
															+    width: px2rem(68);
														
 
															+    height: px2rem(30);
														
 
															+    line-height: px2rem(30);
														
 
															+    text-align: center;
														
 
															+    background-color: #ff6600;
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(16);
														
 
															+    cursor: pointer;
														
 
															+    &:hover{
														
 
															+      background-color: #e45d03
														
 
															+    }
														
 
															+  }
														
 
															+  .yes-btn{
														
 
															+    float: left;
														
 
															+  }
														
 
															+  .no-btn{
														
 
															+    float: right;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.book-success-modal{
														
 
															+  display: block;
														
 
															+  background-color: rgba($color: #000000, $alpha: .9);
														
 
															+  .btn-wrap{
														
 
															+    text-align: center;
														
 
															+  }
														
 
															+  .tips{
														
 
															+    font-size: px2rem(20);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.complete-modal{
														
 
															+  background-color: rgba($color: #000000, $alpha: .6);
														
 
															+  width: px2rem(400);
														
 
															+  height: auto;
														
 
															+  padding: px2rem(30) px2rem(20);
														
 
															+  display: none;
														
 
															+  z-index: 99;
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  margin-top: -px2rem(70);
														
 
															+  margin-left: -px2rem(152);
														
 
															+  .tips{
														
 
															+    font-weight: bold;
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .btn-wrap{
														
 
															+    width: px2rem(180);
														
 
															+    margin: 0 auto;
														
 
															+  }
														
 
															+  .btn{
														
 
															+    display: inline-block;
														
 
															+    width: px2rem(68);
														
 
															+    height: px2rem(30);
														
 
															+    line-height: px2rem(30);
														
 
															+    text-align: center;
														
 
															+    background-color: #ff6600;
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(16);
														
 
															+    cursor: pointer;
														
 
															+    &:hover{
														
 
															+      background-color: #e45d03
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.toolbar-box{
														
 
															+  position: fixed;
														
 
															+  z-index: 99;
														
 
															+  top: px2rem(20);
														
 
															+  right: px2rem(20);
														
 
															+  width: px2rem(305);
														
 
															+  text-align: center;
														
 
															+  .toolbar-icon{
														
 
															+    display: inline-block;
														
 
															+    margin: 0 px2rem(15);
														
 
															+    cursor: pointer;
														
 
															+    width: px2rem(62);
														
 
															+    height: px2rem(62);
														
 
															+    &:hover{
														
 
															+      opacity: .8;
														
 
															+    }
														
 
															+  }
														
 
															+  .bgm-icon{
														
 
															+    width: px2rem(60);
														
 
															+    height: px2rem(60);
														
 
															+    position: relative;
														
 
															+    background-color: rgba($color: #000000, $alpha: .6);
														
 
															+    border-radius: 50%;
														
 
															+    &:after{
														
 
															+      content: '';
														
 
															+      position: absolute;
														
 
															+      width: px2rem(30);
														
 
															+      height: px2rem(30);
														
 
															+      top: 50%;
														
 
															+      left: 50%;
														
 
															+      margin-top: -px2rem(13);
														
 
															+      margin-left: -px2rem(15);
														
 
															+      background: url('../img/bgm-icon.png') top center no-repeat;
														
 
															+      background-size: 100%;
														
 
															+    }
														
 
															+    &.pause {
														
 
															+      &:after{
														
 
															+        background: url('../img/bgm-icon.png') bottom center no-repeat;
														
 
															+        background-size: 100%;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+  .comment-icon{
														
 
															+    background: url('../img/comment-icon.png') bottom center no-repeat;
														
 
															+    background-size: 100%;
														
 
															+  }
														
 
															+  .reset-icon{
														
 
															+    width: px2rem(60);
														
 
															+    height: px2rem(60);
														
 
															+    position: relative;
														
 
															+    background-color: rgba($color: #000000, $alpha: .6);
														
 
															+    border-radius: 50%;
														
 
															+    &:after{
														
 
															+      content: '';
														
 
															+      position: absolute;
														
 
															+      width: px2rem(30);
														
 
															+      height: px2rem(30);
														
 
															+      top: 50%;
														
 
															+      left: 50%;
														
 
															+      margin-top: -px2rem(13);
														
 
															+      margin-left: -px2rem(15);
														
 
															+      background: url('../img/reset-btn.png') center center no-repeat;
														
 
															+      background-size: 100%;
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.full-pic-modal{
														
 
															+  display: block;
														
 
															+  width: px2rem(430);
														
 
															+  left: px2rem(30);
														
 
															+  top: px2rem(30);
														
 
															+  position: fixed;
														
 
															+  z-index: 999;
														
 
															+  overflow: hidden;
														
 
															+  background-color: rgba($color: #000000, $alpha: 0.5);
														
 
															+  .top-bar {
														
 
															+    padding: 0 px2rem(20);
														
 
															+    height: px2rem(40);
														
 
															+    line-height: px2rem(40);
														
 
															+    font-weight: bold;
														
 
															+    color: #ffffff;
														
 
															+    border-bottom: 1px solid #ff6600;
														
 
															+    font-size: px2rem(20);
														
 
															+    text-shadow: 0 2px #000000, 2px 0 #000000, -2px 0 #000000, 0 -2px #000000;
														
 
															+  }
														
 
															+  .container{
														
 
															+    position: relative;
														
 
															+    padding: px2rem(20);
														
 
															+    box-sizing: border-box;
														
 
															+  }
														
 
															+  p{
														
 
															+    color: #ffffff;
														
 
															+    font-size: px2rem(14);
														
 
															+    text-indent: 2em;
														
 
															+    margin-bottom: px2rem(10);
														
 
															+    line-height: 1.5;
														
 
															+  }
														
 
															+  .eyes-btn{
														
 
															+    margin-top: px2rem(25);
														
 
															+    width: px2rem(100);
														
 
															+    height: px2rem(40);
														
 
															+    background: url('../img/eyes-logo.png') no-repeat;
														
 
															+    background-size: 100%;
														
 
															+    cursor: pointer;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.equit-bag{
														
 
															+  position: absolute;
														
 
															+  left: px2rem(30);
														
 
															+  height:px2rem(76);
														
 
															+  width: px2rem(55);
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+.bag-a{
														
 
															+  top: px2rem(120);
														
 
															+  background: url('../img/bag-a.png') center center no-repeat;
														
 
															+  background-size: 100%;
														
 
															+  &.bag-a-active{
														
 
															+    background: url('../img/bag-a-active.png') center center no-repeat;
														
 
															+    background-size: 100%;
														
 
															+  }
														
 
															+}
														
 
															+.bag-b{
														
 
															+  top: px2rem(290);
														
 
															+  background: url('../img/bag-b.png') center center no-repeat;
														
 
															+  background-size: 100%;
														
 
															+  &.bag-b-active{
														
 
															+    background: url('../img/bag-b-active.png') center center no-repeat;
														
 
															+    background-size: 100%;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.group-B {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+.group-A {
														
 
															+  width: 100%;
														
 
															+}
														
--- a/2018专题/1806全景图专题-商务/scss/media.scss
+++ b/2018专题/1806全景图专题-商务/scss/media.scss
--- a/2018专题/1806全景图专题-商务/scss/page/scene1.scss
+++ b/2018专题/1806全景图专题-商务/scss/page/scene1.scss
@@ -0,0 +1,160 @@
 
															+@import '../base/mixin.scss';
														
 
															+.comment-page{
														
 
															+    display: none;
														
 
															+    position: fixed;
														
 
															+    z-index: 1000;
														
 
															+    top: 0;
														
 
															+    left: 0;
														
 
															+    right: 0;
														
 
															+    bottom: 0;
														
 
															+    background: url('../../img/comment-bg.jpg') center center no-repeat;
														
 
															+    background-size: cover;
														
 
															+    .move-bg{
														
 
															+        position: fixed;
														
 
															+        z-index: -1;
														
 
															+        top: -10px;
														
 
															+        left: -10px;
														
 
															+        right: -10px;
														
 
															+        bottom: -10px;
														
 
															+        background: url('../../img/comment-bg.jpg') center center no-repeat;
														
 
															+        background-size: cover;
														
 
															+    }
														
 
															+    .book-header{
														
 
															+        height: px2rem(96);
														
 
															+        line-height: px2rem(96);
														
 
															+        background: url('../../img/hunter-logo.png') 10px center no-repeat;
														
 
															+        background-size: px2rem(786) px2rem(63);
														
 
															+        background-color: rgba($color: #000000, $alpha: .4);
														
 
															+        border-bottom: 1px solid #ff6600;
														
 
															+        padding-left: px2rem(900);
														
 
															+    }
														
 
															+    .mod-btn{
														
 
															+        display: inline-block;
														
 
															+        width: px2rem(160);
														
 
															+        line-height: px2rem(50);
														
 
															+        height: px2rem(50);
														
 
															+        word-spacing: 4px;
														
 
															+        text-align: center;
														
 
															+        color: #fffefe;
														
 
															+        font-size: px2rem(20);
														
 
															+        background-color: #080807;
														
 
															+        margin-right: px2rem(46);
														
 
															+        cursor: pointer;
														
 
															+        &.active{
														
 
															+            background-color: #ff6600;
														
 
															+            color: #ffffff;
														
 
															+        }
														
 
															+    }
														
 
															+    .go-back-btn{
														
 
															+        float: right;
														
 
															+        width: px2rem(158);
														
 
															+        line-height: px2rem(48);
														
 
															+        font-size: px2rem(20);
														
 
															+        color: #ff6600;
														
 
															+        border: 1px solid #ff6600;
														
 
															+        text-align: center;
														
 
															+        margin-top: px2rem(26);
														
 
															+        margin-right: px2rem(20);
														
 
															+        cursor: pointer;
														
 
															+    }
														
 
															+    .page-comment{
														
 
															+        display: none;
														
 
															+    }
														
 
															+    .fl{
														
 
															+        float: left;
														
 
															+    }
														
 
															+    .fr{
														
 
															+        float: right;
														
 
															+    }
														
 
															+    .book-modal{
														
 
															+        position: absolute;
														
 
															+        z-index: 1;
														
 
															+        padding: px2rem(20);
														
 
															+        border-top: 2px solid #ff6600;
														
 
															+        background-color: rgba($color: #000000, $alpha: .5);
														
 
															+        img{
														
 
															+            width: px2rem(294);
														
 
															+            height: auto;
														
 
															+            &.fr{
														
 
															+                margin-left: px2rem(20);
														
 
															+            }
														
 
															+            &.fl{
														
 
															+                margin-right: px2rem(20);
														
 
															+            }
														
 
															+        }
														
 
															+        .info{
														
 
															+            width: px2rem(680);
														
 
															+        }
														
 
															+        h3{
														
 
															+            color: #ffffff;
														
 
															+            font-size: px2rem(30);
														
 
															+            margin-bottom: px2rem(10);
														
 
															+        }
														
 
															+        p{
														
 
															+            color: #ffffff;
														
 
															+            font-size: px2rem(14);
														
 
															+            line-height: 1.6;
														
 
															+        }
														
 
															+    }
														
 
															+    .book-modal-1{
														
 
															+        top: px2rem(158);
														
 
															+        left: px2rem(36);
														
 
															+    }
														
 
															+    .book-modal-2{
														
 
															+        top: px2rem(380);
														
 
															+        right: px2rem(122);
														
 
															+    }
														
 
															+    .bear{
														
 
															+        position: absolute;       
														
 
															+        top: px2rem(366);
														
 
															+        left: px2rem(20);
														
 
															+        width: px2rem(648);
														
 
															+        height: px2rem(571);
														
 
															+        background: url('../../img/book-bear.png');
														
 
															+        background-size: 100%;
														
 
															+    }
														
 
															+    .deer{
														
 
															+        position: absolute;       
														
 
															+        top: px2rem(60);
														
 
															+        right: px2rem(130);
														
 
															+        width: px2rem(635);
														
 
															+        height: px2rem(777);
														
 
															+        background: url('../../img/book-deer.png');
														
 
															+        background-size: 100%;
														
 
															+    }
														
 
															+    .book-btn-bottom{
														
 
															+        position: absolute;
														
 
															+        z-index: 10;
														
 
															+        bottom: px2rem(280);
														
 
															+        left: 50%;
														
 
															+        width: px2rem(208);
														
 
															+        margin-left: -px2rem(104);
														
 
															+        height: px2rem(71);
														
 
															+        background: url('../../img/book-btn.png') no-repeat;
														
 
															+        background-size: 100%;
														
 
															+        cursor: pointer;
														
 
															+    }
														
 
															+    .poster-wrapper{
														
 
															+        position: absolute;
														
 
															+        cursor: pointer;
														
 
															+        bottom: 0;
														
 
															+        left: 0;
														
 
															+        right: 0;
														
 
															+        img{
														
 
															+            display: inline-block;
														
 
															+            width: px2rem(582);
														
 
															+            margin-right: px2rem(15);
														
 
															+        }
														
 
															+    }
														
 
															+    video{
														
 
															+        width: px2rem(1000);
														
 
															+    }
														
 
															+    .page-comment{
														
 
															+        width: 1100px;
														
 
															+        margin: 0 auto;
														
 
															+        iframe{
														
 
															+            height: px2rem(840);
														
 
															+            overflow: auto;
														
 
															+        }
														
 
															+    }
														
 
															+}
														
--- a/2018专题/1806全景图专题-商务/scss/photo-sphere-viewer.min.css
+++ b/2018专题/1806全景图专题-商务/scss/photo-sphere-viewer.min.css
--- a/2018专题/1806全景图专题-商务/scss/reset.scss
+++ b/2018专题/1806全景图专题-商务/scss/reset.scss
--- a/2018专题/1806全景图专题-商务/video/hunt.mp3
+++ b/2018专题/1806全景图专题-商务/video/hunt.mp3
--- a/2018专题/1806全景图专题-商务/video/index-bgm.mp3
+++ b/2018专题/1806全景图专题-商务/video/index-bgm.mp3
--- a/2018专题/1806全景图专题-商务/video/p1-bgm.mp3
+++ b/2018专题/1806全景图专题-商务/video/p1-bgm.mp3
--- a/2018专题/1806全景图专题-商务/video/p2-bgm.mp3
+++ b/2018专题/1806全景图专题-商务/video/p2-bgm.mp3