6 年之前 · 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