diff --git a/public/index.html b/public/index.html
index e9ddc94..63072ea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -266,6 +266,16 @@
     </ul>
 
     <script>
+      var _hmt = _hmt || [];
+      (function() {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script>
+
+    <!-- <script>
       var _hmt = _hmt || [];
       (function(c, l, a, r, i, t, y) {
         c[a] =
@@ -279,6 +289,6 @@
         y = l.getElementsByTagName(r)[0];
         y.parentNode.insertBefore(t, y);
       })(window, document, "clarity", "script", "h6euw7u8lp");
-    </script>
+    </script> -->
   </body>
 </html>
diff --git a/public/js/ckplayerX2/ckplayer.min.js b/public/js/ckplayerX2/ckplayer.min.js
index 417af53..f061afe 100644
--- a/public/js/ckplayerX2/ckplayer.min.js
+++ b/public/js/ckplayerX2/ckplayer.min.js
@@ -13,4 +13,4 @@
 	1：flashls-http://flashls.org/
 	=====================================================================================================================
 */
-!(function(){var ckplayerPath='';!function(){var scriptList=document.scripts,thisPath=scriptList[scriptList.length-1].src;for(var i=0;i<scriptList.length;i++){var scriptName=scriptList[i].getAttribute('name')||scriptList[i].getAttribute('data-name');if(scriptName&&scriptName=='ckplayer'){thisPath=scriptList[i].src}}ckplayerPath=thisPath.substring(0,thisPath.lastIndexOf('/')+1)}();var ckplayer=function(obj){this.varsDefault={playerID:'',container:'',variable:'ckplayer',volume:0.8,poster:'',autoplay:false,loop:false,live:false,duration:0,forceduration:0,seek:0,drag:'',front:'',next:'',loaded:'',flashplayer:false,html5m3u8:false,track:null,cktrack:null,cktrackdelay:0,preview:null,prompt:null,video:null,config:'',type:'',crossorigin:'',crossdomain:'',unescape:false,mobileCkControls:false,mobileAutoFull:true,playbackrate:1,h5container:'',debug:false,overspread:true,language:'',style:'',adfront:'',adfronttime:'',adfrontlink:'',adpause:'',adpausetime:'',adpauselink:'',adinsert:'',adinserttime:'',adinsertlink:'',inserttime:'',adend:'',adendtime:'',adendlink:'',advertisements:''};this.vars={};this.ckConfig={};this.jsonConfig={};this.ckLanguage={};this.jsonLanguage={};this.ckStyle={};this.jsonStyle={};this.contextMenu=[['ckplayer','link','http://www.ckplayer.com','_blank'],['version:X2','default','line']];this.errorList=[['000','Object does not exist'],['001','Variables type is not a object'],['002','Video object does not exist'],['003','Video object format error'],['004','Video object format error'],['005','Video object format error'],['006','[error] does not exist'],['007','Ajax error'],['008','Ajax error'],['009','Ajax object format error'],['010','Ajax.status:[error]'],['011','[error] File loading failed or error'],['012','[error]']];this.playbackRateArr=[[0.5,'0.5X'],[1,'1X'],[1.25,'1.25X'],[1.5,'1.5X'],[2,'2X'],[4,'4X']];this.playbackRateTemp=1;this.playbackRateDefault=1;this.subtitlesTemp=-1;this.logo='';this.loaded=false;this.timerError=null;this.error=false;this.errorUrl=[];this.timerFull=null;this.full=false;this.timerTime=null;this.timerBuffer=null;this.isTimeButtonMove=true;this.isTimeButtonDown=false;this.timeButtonOver=null;this.buttonHide=false;this.isClick=false;this.timerClick=null;this.timerCBar=null;this.needSeek=0;this.volume=0;this.volumeTemp=0;this.time=0;this.isFirst=true;this.html5Video=true;this.pdCoor={x:0,y:0};this.playerType='';this.loadTime=0;this.body=document.body||document.documentElement;this.V=null;this.listenerJsArr=[];this.buttonLen=0;this.buttonArr=[];this.elementArr=[];this.elementTempArr=[];this.track=[];this.trackIndex=0;this.nowTrackShow={sn:''};this.trackElement=[];this.timerVCanvas=null;this.animateArray=[];this.animateElementArray=[];this.animatePauseArray=[];this.previewStart=0;this.previewDiv=null;this.previewTop=null;this.previewWidth=120;this.previewTween=null;this.isM3u8=false;this.promptArr=[];this.promptElement=null;this.conBarShow=true;this.errorAdd=false;this.errorSend=false;this.controlBarIsShow=true;this.videoScale=1;this.fontFamily='"Microsoft YaHei"; YaHei; "\5FAE\8F6F\96C5\9ED1"; SimHei; "\9ED1\4F53";Arial';this.timeSliderLeftTemp=0;this.durationSendJS=false;this.adAnalysisEnd=false;this.advertisements={};this.isFirstTimePlay=true;this.adType='';this.adI=0;this.videoTemp={src:'',source:'',currentSrc:'',loop:false};this.adTimeAllTotal=0;this.adTimeTotal=0;this.adCountDownObj=null;this.adPlayStart=false;this.adPlayerPlay=false;this.adIsPause=false;this.adVideoMute=false;this.adIsVideoTime=false;this.endAdPlay=false;this.adPauseShow=false;this.adReset=false;this.videoClickXy={x:0,y:0};this.adVideoPlay=false;this.loadTimeTemp=0;this.hlsAutoPlay=true;this.loadingShow=false;this.videoString='';this.customeElement=[];this.cdWH={w:0,h:0};this.CB={};if(obj){this.embed(obj)}};ckplayer.prototype={embed:function(c){if(window.location.href.substr(0,7)=='file://'){alert('Please use the HTTP protocol to open the page');return}if(this.isUndefined(c)){this.eject(this.errorList[0]);return}if(this.varType(c)!='object'){this.eject(this.errorList[1])}this.vars=this.standardization(this.varsDefault,c);if(!this.vars['mobileCkControls']&&this.isMobile()){this.vars['flashplayer']=false;this.conBarShow=false}var videoStringTemp=this.vars['video'];if(!videoStringTemp){this.eject(this.errorList[2]);return}if(this.varType(videoStringTemp)=='string'){if(videoStringTemp.substr(0,3)=='CK:'||videoStringTemp.substr(0,3)=='CE:'||videoStringTemp.substr(8,3)=='CK:'||videoStringTemp.substr(8,3)=='CE:'){this.vars['flashplayer']=true}}if(this.varType(videoStringTemp)=='object'){if(videoStringTemp.length>1){if(videoStringTemp[0][0].substr(0,3)=='CK:'||videoStringTemp[0][0].substr(0,3)=='CE:'||videoStringTemp[0][0].substr(8,3)=='CK:'||videoStringTemp[0][0].substr(8,3)=='CE:'){this.vars['flashplayer']=true}}}this.videoString=videoStringTemp;this.checkUpConfig()},checkUpConfig:function(){var thisTemp=this;var configPath='';var jsTemp=null;if(this.vars['config']){if(this.vars['config'].substr(0,8)!='website:'){jsTemp=eval(this.vars['config']+'()');if(!this.isUndefined(jsTemp)){this.ckConfig=this.newObj(jsTemp);this.jsonConfig=this.newObj(jsTemp);this.loadConfig(null)}else{this.loadConfig(ckplayerPath+this.vars['config'])}}else{this.loadConfig(ckplayerPath+this.vars['config'].substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerConfig)==='function'){isFun=true}}catch(e){}if(isFun){jsTemp=ckplayerConfig();if(jsTemp){this.ckConfig=this.newObj(jsTemp);this.jsonConfig=this.newObj(jsTemp);this.loadConfig(null)}else{this.loadConfig(ckplayerPath+'ckplayer.json')}}else{this.loadConfig(ckplayerPath+'ckplayer.json')}}catch(e){thisTemp.sysError(thisTemp.errorList[12],e)}}},loadConfig:function(file){var thisTemp=this;if(file){this.ajax({url:file,success:function(data){if(data){thisTemp.ckConfig=data;thisTemp.jsonConfig=thisTemp.newObj(data);if(!thisTemp.isUndefined(data['flashvars'])){thisTemp.vars=thisTemp.objectAssign(data['flashvars'],thisTemp.vars)}thisTemp.checkUpLanguage()}else{thisTemp.sysError(thisTemp.errorList[11],'Config')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.checkUpLanguage()}},checkUpLanguage:function(){var thisTemp=this;var languagePath='';var jsTemp=null;if(this.vars['language']){languagePath=this.vars['language']}else{if(this.ckConfig['languagePath']){languagePath=this.ckConfig['languagePath']}}if(languagePath){if(languagePath.substr(0,8)!='website:'){jsTemp=eval(languagePath+'()');if(jsTemp){this.ckLanguage=this.newObj(jsTemp);this.jsonLanguage=this.newObj(jsTemp);this.loadLanguage(null)}else{this.loadLanguage(ckplayerPath+languagePath)}}else{this.loadLanguage(ckplayerPath+languagePath.substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerLanguage)==='function'){isFun=true}}catch(e){}if(isFun){jsTemp=ckplayerLanguage();if(jsTemp){this.ckLanguage=this.newObj(jsTemp);this.jsonLanguage=this.newObj(jsTemp);this.loadLanguage(null)}else{this.loadLanguage(ckplayerPath+'language.json')}}else{this.loadLanguage(ckplayerPath+'language.json')}}catch(e){thisTemp.sysError(thisTemp.errorList[12],e)}}},loadLanguage:function(file){var thisTemp=this;if(file){this.ajax({url:file,success:function(data){if(data){thisTemp.ckLanguage=data;thisTemp.jsonLanguage=thisTemp.newObj(data);thisTemp.checkUpStyle()}else{thisTemp.sysError(thisTemp.errorList[11],'language.json')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.checkUpStyle()}},checkUpStyle:function(){var thisTemp=this;var stylePath='';var jsTemp=null;var configJs=this.newObj(this.ckConfig);if(this.vars['style']){stylePath=this.vars['style']}else{if(this.ckConfig['stylePath']){stylePath=''+this.ckConfig['stylePath']}}if(stylePath){if(stylePath.substr(0,8)!='website:'){jsTemp=eval(stylePath+'()');if(!this.isUndefined(jsTemp)){this.jsonStyle=this.newObj(jsTemp);this.ckStyle=this.newObj(jsTemp);this.ckStyle['advertisement']=this.objectAssign(configJs['style']['advertisement'],this.ckStyle['advertisement']);this.ckStyle=this.objectAssign(configJs['style'],this.ckStyle);this.loadStyle(null)}else{this.loadStyle(ckplayerPath+stylePath)}}else{this.loadStyle(ckplayerPath+stylePath.substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerStyle)==='function'){isFun=true}}catch(e){isFun=false}if(isFun){jsTemp=ckplayerStyle();if(!this.isUndefined(jsTemp)){this.jsonStyle=this.newObj(jsTemp);this.ckStyle=this.newObj(jsTemp);this.ckStyle['advertisement']=this.objectAssign(configJs['style']['advertisement'],this.ckStyle['advertisement']);this.ckStyle=this.objectAssign(configJs['style'],this.ckStyle);this.loadStyle(null)}else{this.loadStyle(ckplayerPath+'style.json')}}else{this.loadStyle(ckplayerPath+'style.json')}}catch(e){}}},loadStyle:function(file){var thisTemp=this;if(file){var configJs=this.newObj(this.ckConfig);this.ajax({url:file,success:function(data){if(data){thisTemp.jsonStyle=thisTemp.newObj(data);thisTemp.ckStyle=thisTemp.newObj(data);thisTemp.ckStyle['advertisement']=thisTemp.objectAssign(configJs['style']['advertisement'],thisTemp.ckStyle['advertisement']);thisTemp.ckStyle=thisTemp.objectAssign(configJs['style'],thisTemp.ckStyle);thisTemp.loadConfigHandler()}else{thisTemp.sysError(thisTemp.errorList[11],'Style')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.loadConfigHandler()}},loadConfigHandler:function(){if((!this.supportVideo()&&this.vars['flashplayer']!='')||(this.vars['flashplayer']&&this.uploadFlash())||!this.isMsie()){this.html5Video=false;this.getVideo()}else if(this.videoString){this.analysedVideoUrl(this.videoString)}else{this.eject(this.errorList[2])}},analysedVideoUrl:function(video){var i=0,y=0;var thisTemp=this;this.VA=[];if(this.varType(video)=='string'){if(video.substr(0,8)!='website:'){this.VA=[[video,'','',0]];var fileExt=this.getFileExt(video);switch(fileExt){case'.mp4':this.VA[0][1]='video/mp4';break;case'.ogg':this.VA[0][1]='video/ogg';break;case'.webm':this.VA[0][1]='video/webm';break;default:break}this.getVideo()}else{if(this.html5Video){var ajaxObj={url:video.substr(8),success:function(data){if(data){thisTemp.analysedUrl(data)}else{thisTemp.eject(thisTemp.errorList[5]);this.VA=video;thisTemp.getVideo()}},error:function(data){thisTemp.eject(thisTemp.errorList[12],data)}};this.ajax(ajaxObj)}else{this.VA=video;this.getVideo()}}}else if(this.varType(video)=='array'){if(this.varType(video[0])=='array'){this.VA=video}this.getVideo()}else if(this.varType(video)=='object'){if(!this.isUndefined(video['type'])){this.VA.push([video['file'],video['type'],'',0]);this.getVideo()}else{this.eject(this.errorList[5])}}else{this.eject(this.errorList[4])}},analysedUrl:function(data){this.vars=this.standardization(this.vars,data);if(!this.isUndefined(data['video'])){this.vars['video']=data['video']}this.analysedVideoUrl(this.vars['video'])},getHtml5Video:function(){var va=this.VA;var nva=[];var mobile=this.isMobile();var video=document.createElement('video');var codecs=function(type){var cod='';switch(type){case'video/mp4':cod='avc1.4D401E, mp4a.40.2';break;case'video/ogg':cod='theora, vorbis';break;case'video/webm':cod='vp8.0, vorbis';break;default:break}return cod};var supportType=function(vidType,codType){if(!video.canPlayType){this.html5Video=false;return}var isSupp=video.canPlayType(vidType+';codecs="'+codType+'"');if(isSupp==''){return false}return true};if(this.vars['flashplayer']||!this.isMsie()){this.html5Video=false;return}for(var i=0;i<va.length;i++){var v=va[i];if(v){if(v[1]!=''&&!mobile&&supportType(v[1],codecs(v[1]))&&v[0].substr(0,4)!='rtmp'){nva.push(v)}if((this.getFileExt(v[0])=='.m3u8'||this.vars['type']=='video/m3u8'||this.vars['type']=='m3u8'||v[1]=='video/m3u8'||v[1]=='m3u8')&&this.vars['html5m3u8']&&!mobile){this.isM3u8=true;nva.push(v)}}}if(nva.length>0){this.VA=nva}else{if(!mobile){this.html5Video=false}}},getVideo:function(){var thisTemp=this;var v=this.vars;if(!this.adAnalysisEnd&&(v['adfront']!=''||v['adpause']!=''||v['adinsert']!=''||v['adend']!=''||v['advertisements']!='')){this.adAnalysisEnd=true;this.adAnalysis();return}if(this.V){this.changeVideo();return}if(this.vars['cktrack']){this.loadTrack()}if(this.supportVideo()&&!this.vars['flashplayer']){this.getHtml5Video()}var src='',source='',poster='',loop='',autoplay='',track='',crossorigin='';var video=v['video'];var i=0;var vBg=this.ckStyle['background']['backgroundColor'].replace('0x','#');this.CD=this.getByElement(v['container']);volume=v['volume'];if(this.isUndefined(this.CD)){this.eject(this.errorList[6],v['container']);return false}this.V=undefined;var thisPd=null;if(v['h5container']!=''){thisPd=this.getByElement(v['h5container']);if(this.isUndefined(thisPd)){thisPd=null}}var isVideoH5=null;if(v['playerID']!=''){isVideoH5=this.getByElement('#'+v['playerID']);if(this.isUndefined(isVideoH5)){isVideoH5=null}}if(thisPd!=null&&isVideoH5!=null){this.PD=thisPd}else{var playerID='ckplayer-'+this.randomString();var playerDiv=document.createElement('div');playerDiv.className=playerID;this.CD.innerHTML='';this.CD.appendChild(playerDiv);this.PD=playerDiv}this.css(this.CD,{backgroundColor:vBg,overflow:'hidden',position:'relative'});this.css(this.PD,{backgroundColor:vBg,width:'100%',height:'100%',fontFamily:this.fontFamily});if(this.html5Video){this.PD.onselectstart=this.PD.ondrag=function(){return false};if(this.VA.length==1){this.videoTemp['src']=decodeURIComponent(this.VA[0][0]);src=' src="'+this.videoTemp['src']+'"'}else{var videoArr=this.VA.slice(0);videoArr=this.arrSort(videoArr);for(i=0;i<videoArr.length;i++){var type='';var va=videoArr[i];if(va[1]){type=' type="'+va[1]+'"';if(type==' type="video/m3u8"'||type==' type="m3u8"'){type=''}}source+='<source src="'+decodeURIComponent(va[0])+'"'+type+'>'}this.videoTemp['source']=source}if(v['autoplay']){autoplay=' autoplay="autoplay"'}if(v['poster']){poster=' poster="'+v['poster']+'"'}if(v['loop']){loop=' loop="loop"'}if(v['seek']>0){this.needSeek=v['seek']}if(v['track']!=null&&v['cktrack']==null){var trackArr=v['track'];var trackDefault='';var defaultHave=false;for(i=0;i<trackArr.length;i++){var trackObj=trackArr[i];if(trackObj['default']&&!defaultHave){trackDefault=' default';defaultHave=true}else{trackDefault=''}track+='<track kind="'+trackObj['kind']+'" src="'+trackObj['src']+'" srclang="'+trackObj['srclang']+'" label="'+trackObj['label']+'"'+trackDefault+'>'}}if(v['crossorigin']){crossorigin=' crossorigin="'+v['crossorigin']+'"'}var autoLoad=this.ckConfig['config']['autoLoad'];var preload='';if(!autoLoad){preload=' preload="meta"'}var vid=this.randomString();var controls='';var mobileAutoFull=v['mobileAutoFull'];var mobileautofull='';if(!mobileAutoFull){mobileautofull=' x-webkit-airplay="true" playsinline  webkit-playsinline="true"  x5-video-player-type="h5"'}if(this.isMobile()){controls=' controls="controls"'}if(isVideoH5!=null&&thisPd!=null){this.V=isVideoH5;if(v['poster']){this.V.poster=v['poster']}}else{var html='';if(!this.isM3u8){html='<video id="'+vid+'"'+src+' width="100%" height="100%"'+autoplay+poster+loop+preload+controls+mobileautofull+track+crossorigin+'>'+source+'</video>'}else{html='<video id="'+vid+'" width="100%" height="100%"'+poster+loop+preload+controls+mobileautofull+track+crossorigin+'></video>'}this.PD.innerHTML=html;this.V=this.getByElement('#'+vid)}try{this.V.volume=volume;if(this.playbackRateArr&&this.vars['playbackrate']>-1){if(this.vars['playbackrate']<this.playbackRateArr.length){this.playbackRateDefault=this.vars['playbackrate']}this.V.playbackRate=this.playbackRateArr[this.playbackRateDefault][0]}}catch(error){}this.css(this.V,{backgroundColor:vBg,width:'100%',height:'100%'});if(this.isM3u8){var loadJsHandler=function(){thisTemp.embedHls(thisTemp.VA[0][0],v['autoplay'])};this.loadJs(ckplayerPath+'hls/hls.min.js',loadJsHandler)}this.css(this.V,'backgroundColor',vBg);if(this.ckConfig['config']['videoDrawImage']){var canvasDiv=document.createElement('div');this.PD.appendChild(canvasDiv);this.MD=canvasDiv;this.css(this.MD,{backgroundColor:vBg,width:'100%',height:'100%',position:'absolute',display:'none',cursor:'pointer',left:'0px',top:'0px',zIndex:'10'});var cvid='ccanvas'+this.randomString();this.MD.innerHTML=this.newCanvas(cvid,this.MD.offsetWidth,this.MD.offsetHeight);this.MDC=this.getByElement(cvid+'-canvas');this.MDCX=this.MDC.getContext('2d')}this.playerType='html5video';this.addVEvent();if(this.conBarShow){this.definition();if(!this.vars['live']&&this.playbackRateArr&&this.vars['playbackrate']>-1){this.playbackRate()}if(v['autoplay']){this.loadingStart(true)}this.subtitleSwitch()}this.playerLoad()}else{this.embedSWF()}},adAnalysis:function(){var thisTemp=this;var v=this.vars;var isAdvShow=[];var i=0;if(v['advertisements']!=''&&v['advertisements'].substr(0,8)=='website:'){var ajaxObj={url:v['advertisements'].substr(8),success:function(data){if(data){var newData={};var val=null;try{if(!thisTemp.isUndefined(data['front'])||!thisTemp.isUndefined(data['pause'])||!thisTemp.isUndefined(data['end'])||!thisTemp.isUndefined(data['insert'])||!thisTemp.isUndefined(data['other'])){val=thisTemp.arrayDel(data['front']);if(!thisTemp.isUndefined(val)){newData['front']=val}val=thisTemp.arrayDel(data['pause']);if(!thisTemp.isUndefined(val)){newData['pause']=val}val=thisTemp.arrayDel(data['insert']);if(!thisTemp.isUndefined(val)){newData['insert']=val;if(!thisTemp.isUndefined(data['inserttime'])){newData['inserttime']=thisTemp.arrayInt(data['inserttime']);isAdvShow=[];for(i=0;i<newData['inserttime'].length;i++){isAdvShow.push(false)}newData['insertPlay']=isAdvShow}}val=thisTemp.arrayDel(data['end']);if(!thisTemp.isUndefined(val)){newData['end']=val}val=thisTemp.arrayDel(data['other']);if(!thisTemp.isUndefined(val)){newData['other']=val;isAdvShow=[];var arrTemp=[];for(i=0;i<val.length;i++){isAdvShow.push(false);arrTemp.push(parseInt('0'+val[i]['startTime']))}newData['othertime']=arrTemp;newData['otherPlay']=isAdvShow}}}catch(event){thisTemp.log(event)}thisTemp.advertisements=newData}thisTemp.getVideo()},error:function(data){}};this.ajax(ajaxObj)}else{this.adAnalysisOne('front','adfront','adfronttime','adfrontlink','adfronttype');this.adAnalysisOne('pause','adpause','adpausetime','adpauselink','adpausetype');this.adAnalysisOne('insert','adinsert','adinserttime','adinsertlink','adinserttype');this.adAnalysisOne('end','adend','adendtime','adendlink','adendtype');if(!this.isUndefined(this.advertisements['insert'])){if(!this.isUndefined(v['inserttime'])){thisTemp.advertisements['inserttime']=v['inserttime']}}if(!this.isUndefined(thisTemp.advertisements['inserttime'])){thisTemp.advertisements['inserttime']=thisTemp.arrayInt(thisTemp.advertisements['inserttime']);isInsert=[];for(i=0;i<thisTemp.advertisements['inserttime'].length;i++){isInsert.push(false)}thisTemp.advertisements['insertPlay']=isInsert}thisTemp.getVideo()}},arrayDel:function(arr){if(this.isUndefined(arr)){return arr}if(arr.length==0){return null}var newArr=[];for(var i=0;i<arr.length;i++){var type=arr[i]['type'];if(type=='mp4'||type=='mov'||this.isStrImage(type)){newArr.push(arr[i])}}if(newArr.length>0){return newArr}return null},adAnalysisOne:function(adType,adName,adTime,adLink,adStype){var v=this.vars;if(this.isUndefined(v[adName])){v[adName]=''}if(this.isUndefined(v[adTime])){v[adTime]=''}if(this.isUndefined(v[adLink])){v[adLink]=''}if(this.isUndefined(v[adStype])){v[adStype]=''}if(v[adName]!=''){var adList=[];var ad=v[adName].split(',');var adtime=v[adTime].split(',');var adlink=v[adLink].split(',');var adstype=v[adStype].split(',');var i=0;if(ad.length>0){var adLinkLen=adlink.length,adTimeLen=adtime.length;if(v[adLink]==''){adLinkLen=0;adlink=[]}if(v[adTime]==''){adTimeLen=0;adtime=[]}if(adLinkLen<ad.length){for(i=adLinkLen;i<ad.length;i++){adlink.push('')}}if(adTimeLen<ad.length){for(i=adTimeLen;i<ad.length;i++){adtime.push('')}}var adstypeLen=adstype.length;if(v[adStype]==''){adstypeLen=0;adstype=[]}if(adstypeLen<ad.length){for(i=adstypeLen;i<ad.length;i++){adstype.push(this.getFileExt(ad[i]).replace('.',''))}}for(i=0;i<ad.length;i++){var type=adstype[i];if(type=='mp4'||type=='mov'||this.isStrImage(type)){var obj={file:ad[i],type:type,time:parseInt(adtime[i])>0?parseInt(adtime[i]):this.ckStyle['advertisement']['time'],link:adlink[i]};adList.push(obj)}}if(this.isUndefined(this.advertisements)){this.advertisements={}}if(adList.length>0){this.advertisements[adType]=adList}}}},playerLoad:function(){var thisTemp=this;if(this.isFirst){this.isFirst=false;setTimeout(function(){thisTemp.loadedHandler()},1)}},addVEvent:function(){var thisTemp=this;var duration=0;var eventVideoClick=function(event){thisTemp.videoClickXy={x:event.clientX,y:event.clientY};thisTemp.videoClick()};this.addListenerInside('click',eventVideoClick);this.addListenerInside('click',eventVideoClick,this.MDC);this.timerErrorFun();var eventJudgeIsLive=function(event){thisTemp.sendJS('loadedmetadata');if(thisTemp.varType(thisTemp.V.duration)=='number'&&thisTemp.V.duration>1){duration=thisTemp.V.duration;if(!duration){if(thisTemp.vars['duration']>0){duration=thisTemp.vars['duration']}}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}thisTemp.sendJS('duration',duration);thisTemp.formatInserttime(duration);if(thisTemp.adPlayerPlay){thisTemp.advertisementsTime(duration+1)}thisTemp.durationSendJS=true}if(thisTemp.conBarShow){thisTemp.V.controls=null;thisTemp.videoCss()}thisTemp.judgeIsLive()};var eventPlaying=function(event){thisTemp.playingHandler();thisTemp.sendJS('play');thisTemp.sendJS('paused',false);if(!thisTemp.durationSendJS&&thisTemp.varType(thisTemp.V.duration)=='number'&&thisTemp.V.duration>0){duration=thisTemp.V.duration;if(!duration){if(thisTemp.vars['duration']>0){duration=thisTemp.vars['duration']}}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}thisTemp.durationSendJS=true;thisTemp.sendJS('duration',duration);thisTemp.formatInserttime(duration)}};this.addListenerInside('playing',eventPlaying);var eventPause=function(event){thisTemp.pauseHandler();thisTemp.sendJS('pause');thisTemp.sendJS('paused',true)};this.addListenerInside('pause',eventPause);var eventEnded=function(event){thisTemp.endedHandler()};this.addListenerInside('ended',eventEnded);var eventTimeupdate=function(event){if(thisTemp.loadingShow){thisTemp.loadingStart(false)}if(thisTemp.time){if(!thisTemp.adPlayerPlay){thisTemp.sendJS('time',thisTemp.time);if(!thisTemp.isUndefined(thisTemp.advertisements['insert'])){thisTemp.checkAdInsert(thisTemp.time)}if(!thisTemp.isUndefined(thisTemp.advertisements['other'])){thisTemp.checkAdOther(thisTemp.time)}if(thisTemp.time<3&&thisTemp.adReset){thisTemp.adReset=false;thisTemp.endedAdReset()}}else{thisTemp.adPlayerTimeHandler(thisTemp.time)}}};this.addListenerInside('timeupdate',eventTimeupdate);var eventWaiting=function(event){thisTemp.loadingStart(true)};this.addListenerInside('waiting',eventWaiting);var eventSeeking=function(event){thisTemp.sendJS('seek','start')};this.addListenerInside('seeking',eventSeeking);var eventSeeked=function(event){thisTemp.seekedHandler();thisTemp.sendJS('seek','ended')};this.addListenerInside('seeked',eventSeeked);var eventVolumeChange=function(event){try{thisTemp.volumechangeHandler();thisTemp.sendJS('volume',thisTemp.volume||thisTemp.V.volume)}catch(event){}};this.addListenerInside('volumechange',eventVolumeChange);var eventFullChange=function(event){var fullState=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;thisTemp.sendJS('full',fullState)};this.addListenerInside('fullscreenchange',eventFullChange);this.addListenerInside('webkitfullscreenchange',eventFullChange);this.addListenerInside('mozfullscreenchange',eventFullChange);if(this.conBarShow){this.interFace()}this.addListenerInside('loadedmetadata',eventJudgeIsLive)},resetPlayer:function(){this.timeTextHandler();if(this.conBarShow){this.timeProgress(0,1);this.changeLoad(0);this.initPlayPause();this.definition();this.deletePrompt();this.deletePreview();this.trackHide();this.resetTrack();this.trackElement=[];this.track=[]}},interFace:function(){this.conBarShow=true;var thisTemp=this;var html='';var i=0;var thisStyle=this.ckStyle;var styleC=thisStyle['controlBar'];var styleCB=styleC['button'];var styleAS=thisStyle['advertisement'];var styleDF=styleC['definition'];var bWidth=38;var timeInto=this.formatTime(0,this.vars['duration'],this.ckLanguage['vod']);this.CB={menu:null};var divEle={controlBarBg:null,controlBar:null,pauseCenter:null,errorText:null,promptBg:null,prompt:null,promptTriangle:null,definitionP:null,playbackrateP:null,subtitlesP:null,loading:null,logo:null,adBackground:null,adElement:null,adLink:null,adPauseClose:null,adTime:null,adTimeText:null,adMute:null,adEscMute:null,adSkip:null,adSkipText:null,adSkipButton:null};var k='';for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.PD.appendChild(this.CB[k])}this.CB['menu']=document.createElement('div');this.body.appendChild(this.CB['menu']);if(this.vars['live']){timeInto=this.formatTime(0,0,this.ckLanguage['live'])}divEle={play:null,pause:null,mute:null,escMute:null,full:null,escFull:null,definition:null,playbackrate:null,subtitles:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){this.CB[k].dataset.title=this.ckLanguage['buttonOver'][k]}this.CB['controlBar'].appendChild(this.CB[k])}divEle={timeProgressBg:null,timeBoBg:null,volume:null,timeText:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['controlBar'].appendChild(this.CB[k])}this.CB['timeText'].innerHTML=timeInto;divEle={loadProgress:null,timeProgress:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['timeProgressBg'].appendChild(this.CB[k])}this.CB['timeButton']=document.createElement('div');this.CB['timeBoBg'].appendChild(this.CB['timeButton']);divEle={volumeBg:null,volumeBO:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['volume'].appendChild(this.CB[k])}this.CB['volumeUp']=document.createElement('div');this.CB['volumeBg'].appendChild(this.CB['volumeUp']);var imgTemp=null;var imgFile='';var imgFile=thisStyle['loading']['file'];if(!this.isUndefined(thisStyle['loading']['fileH5'])){imgFile=thisStyle['loading']['fileH5']}if(imgFile){imgTemp=document.createElement('img');imgTemp.src=imgFile;imgTemp.border=0;this.CB['loading'].appendChild(imgTemp)}imgFile=thisStyle['logo']['file'];if(!this.isUndefined(thisStyle['logo']['fileH5'])){imgFile=thisStyle['logo']['fileH5']}if(imgFile){imgTemp=document.createElement('img');imgTemp.src=imgFile;imgTemp.border=0;this.CB['logo'].appendChild(imgTemp)}if(this.ckConfig['config']['buttonMode']['player']){this.css(this.PD,{cursor:'pointer'})}this.controlBar();var cssTemp=null;var promptCss=thisStyle['prompt'];cssTemp=this.getEleCss(promptCss,{overflow:'hidden',zIndex:900,display:'none'});this.css(this.CB['promptBg'],cssTemp);this.css(this.CB['promptBg'],'padding','0px');cssTemp['backgroundColor']='';cssTemp['border']='';cssTemp['borderRadius']='';cssTemp['whiteSpace']='nowrap';this.css(this.CB['prompt'],cssTemp);cssTemp={width:0,height:0,borderLeft:promptCss['triangleWidth']*0.5+'px solid transparent',borderRight:promptCss['triangleWidth']*0.5+'px solid transparent',borderTop:promptCss['triangleHeight']+'px solid '+promptCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:promptCss['triangleAlpha'],filter:'alpha(opacity:'+promptCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:900,display:'none'};this.css(this.CB['promptTriangle'],cssTemp);this.elementCoordinate();this.css([this.CB['pauseCenter'],this.CB['loading'],this.CB['errorText']],'display','none');this.carbarButton();this.playerCustom();this.carbarCustom();this.timeProgressDefault();this.videoCss();this.initPlayPause();if(this.vars['volume']>0){this.css(this.CB['escMute'],'display','none')}else{this.css(this.CB['mute'],'display','none')}if(!this.ckConfig['config']['mobileVolumeBarShow']&&this.isMobile()){this.css([this.CB['mute'],this.CB['escMute'],this.CB['volume']],{display:'none'})}this.css(this.CB['escFull'],'display','none');var cssObj={align:'top',vAlign:'left',width:'100%',height:'100%',offsetX:0,offsetY:0,zIndex:910,display:'none'};cssTemp=this.getEleCss(styleAS['background'],cssObj);this.css(this.CB['adBackground'],cssTemp);this.css(this.CB['adElement'],{position:'absolute',overflow:'hidden',top:'0px',zIndex:911,float:'center',display:'none'});this.advertisementStyle();this.css([this.CB['adTime'],this.CB['adTimeText'],this.CB['adMute'],this.CB['adEscMute'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink'],this.CB['adPauseClose']],'display','none');var timeProgressOut=function(event){thisTemp.timeProgressMouseOut()};this.addListenerInside('mouseout',timeProgressOut,this.CB['timeBoBg']);var timeProgressOver=function(event){thisTemp.timeProgressDefault()};this.addListenerInside('mouseover',timeProgressOver,this.CB['controlBar']);this.buttonEventFun(this.CB['play'],styleCB['play']);this.buttonEventFun(this.CB['pause'],styleCB['pause']);this.buttonEventFun(this.CB['mute'],styleCB['mute']);this.buttonEventFun(this.CB['escMute'],styleCB['escMute']);this.buttonEventFun(this.CB['full'],styleCB['full']);this.buttonEventFun(this.CB['escFull'],styleCB['escFull']);this.buttonEventFun(this.CB['adMute'],styleAS['muteButton']);this.buttonEventFun(this.CB['adEscMute'],styleAS['escMuteButton']);this.buttonEventFun(this.CB['adSkipButton'],styleAS['skipAdButton']);this.buttonEventFun(this.CB['adLink'],styleAS['adLinkButton']);this.buttonEventFun(this.CB['adPauseClose'],styleAS['closeButton']);this.buttonEventFun(this.CB['pauseCenter'],thisStyle['centerPlay']);this.buttonEventFun(this.CB['volumeBO'],styleC['volumeSchedule']['button']);this.buttonEventFun(this.CB['timeButton'],styleC['timeSchedule']['button']);this.addButtonEvent();this.controlBarHide();this.newMenu();this.keypress();this.changeVolume(this.vars['volume']);setTimeout(function(){thisTemp.elementCoordinate()},100);this.checkBarWidth();var resize=function(){thisTemp.log('window.resize');thisTemp.playerResize()};var MutationObserver=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;var observer=new MutationObserver(function(){thisTemp.log('video.resize');var cdW=parseInt(thisTemp.css(thisTemp.CD,'width')),cdH=parseInt(thisTemp.css(thisTemp.CD,'height'));if(cdW!=thisTemp.cdWH['w']||cdH!=thisTemp.cdWH['h']){thisTemp.cdWH={w:cdW,h:cdH};thisTemp.changeSize(cdW,cdH)}});observer.observe(this.CD,{attributes:true,attributeFilter:['style'],attributeOldValue:true});this.addListenerInside('resize',resize,window)},timeProgressDefault:function(){var styleCT=this.ckStyle['controlBar']['timeSchedule'];var cssObj=this.newObj(styleCT['default']);var loadBackImg=cssObj['loadProgressImg'],playBackImg=cssObj['playProgressImg'];var cssTemp=null;this.css(this.CB['timeBoBg'],'display','block');cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:2},this.CB['controlBarBg']);this.css(this.CB['timeProgressBg'],cssTemp);cssObj={align:'left',vAlign:'top',width:1,height:cssObj['height'],backgroundImg:loadBackImg};if(this.CB['loadProgress'].offsetWidth>1){cssObj['width']=this.CB['loadProgress'].offsetWidth}cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:1},this.CB['timeProgressBg']);this.css(this.CB['loadProgress'],cssTemp);cssObj['width']=0;if(this.CB['timeProgress'].offsetWidth>1&&parseInt(this.css(this.CB['timeButton'],'left'))>0){cssObj['width']=this.CB['timeProgress'].offsetWidth}cssObj['backgroundImg']=playBackImg;cssTemp=this.getEleCss(cssObj,{overflow:'hidden',zIndex:2});this.css(this.CB['timeProgress'],cssTemp);cssTemp=this.getEleCss(styleCT['buttonContainer'],{position:'absolute',overflow:'hidden',zIndex:3},this.CB['controlBar']);if(this.ckConfig['config']['buttonMode']['timeSchedule']){cssTemp['cursor']='pointer'}this.css(this.CB['timeBoBg'],cssTemp);cssTemp=this.getEleCss(styleCT['button'],{cursor:'pointer',overflow:'hidden',zIndex:4},this.CB['timeBoBg']);this.css(this.CB['timeButton'],cssTemp)},timeProgressMouseOut:function(){var styleCT=this.ckStyle['controlBar']['timeSchedule'];var cssObj=this.newObj(styleCT['mouseOut']);var loadBackImg=cssObj['loadProgressImg'],playBackImg=cssObj['playProgressImg'];var cssTemp=null;this.css(this.CB['timeBoBg'],'display','block');cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:2},this.CB['controlBarBg']);this.css(this.CB['timeProgressBg'],cssTemp);cssObj={align:'left',vAlign:'top',width:1,height:cssObj['height'],backgroundImg:loadBackImg};if(this.CB['loadProgress'].offsetWidth>1){cssObj['width']=this.CB['loadProgress'].offsetWidth}cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:1},this.CB['timeProgressBg']);this.css(this.CB['loadProgress'],cssTemp);cssObj['width']=1;if(this.CB['timeProgress'].offsetWidth>1&&parseInt(this.css(this.CB['timeButton'],'left'))>0){cssObj['width']=this.CB['timeProgress'].offsetWidth;cssObj['backgroundImg']=playBackImg}cssTemp=this.getEleCss(cssObj,{overflow:'hidden',zIndex:2});this.css(this.CB['timeProgress'],cssTemp);this.css(this.CB['timeBoBg'],'display','none')},buttonEventFun:function(ele,cssEle){var thisTemp=this;var overFun=function(event){thisTemp.css(ele,{backgroundImage:'url('+cssEle['mouseOver']+')'});thisTemp.promptShow(ele)};var outFun=function(event){thisTemp.css(ele,{backgroundImage:'url('+cssEle['mouseOut']+')'});thisTemp.promptShow(false)};outFun();this.addListenerInside('mouseover',overFun,ele);this.addListenerInside('mouseout',outFun,ele);if(!this.isUndefined(cssEle['clickEvent'])){var clickFun=function(event){thisTemp.runFunction(cssEle['clickEvent'])};this.addListenerInside('click',clickFun,ele)}},formatNumPx:function(str,z){if(!str){return 0}if(str.toString().indexOf('%')>-1){if(!this.isUndefined(z)){return parseInt(str)*z*0.01+'px'}return str}else{return str+'px'}},formatZToNum:function(str,z){if(!str){return 0}if(str.toString().indexOf('%')>-1){if(!this.isUndefined(z)){return parseInt(str)*z*0.01}return str}else{return str}},newObj:function(obj){if(this.isUndefined(obj)){return obj}var str,newobj={};if(this.varType(obj)!='object'){return obj}else{for(var k in obj){if(this.isUndefined(obj[k])){newobj[k]=obj[k]}else{if(this.varType(obj[k])=='object'){newobj[k]=this.newObj(obj[k])}else{newobj[k]=obj[k]}}}}return newobj},loadImgBg:function(eleid,obj){this.css(this.getByElement(eleid),{backgroundImage:'url('+obj+')'})},getEleCss:function(eleObj,supplement,rrEle){var eleName=null;var pdW=this.PD.offsetWidth,pdH=this.PD.offsetHeight;if(rrEle){pdW=rrEle.offsetWidth;pdH=rrEle.offsetHeight}if(this.isUndefined(eleObj)){return null}eleName=this.newObj(eleObj);var cssObject={};if(!this.isUndefined(eleName['width'])){cssObject['width']=this.formatZToNum(eleName['width'],pdW)+'px'}if(!this.isUndefined(eleName['height'])){cssObject['height']=this.formatZToNum(eleName['height'],pdH)+'px'}if(!this.isUndefined(eleName['background'])){var bg=eleName['background'];if(!this.isUndefined(bg['backgroundColor'])){cssObject['backgroundColor']=bg['backgroundColor'].replace('0x','#')}if(!this.isUndefined(bg['backgroundImg'])){cssObject['backgroundImage']='url('+bg['backgroundImg']+')'}if(!this.isUndefined(bg['alpha'])){cssObject['filter']='alpha(opacity:'+bg['alpha']+')';cssObject['opacity']=bg['alpha']}}if(!this.isUndefined(eleName['backgroundColor'])){cssObject['backgroundColor']=eleName['backgroundColor'].replace('0x','#')}if(!this.isUndefined(eleName['backgroundImg'])){cssObject['backgroundImage']='url('+eleName['backgroundImg']+')'}if(!this.isUndefined(eleName['color'])){cssObject['color']=eleName['color'].replace('0x','#')}if(!this.isUndefined(eleName['font'])){cssObject['fontFamily']=eleName['font']}if(!this.isUndefined(eleName['size'])){cssObject['fontSize']=eleName['size']+'px'}if(!this.isUndefined(eleName['alpha'])){cssObject['filter']='alpha(opacity:'+eleName['alpha']+')';cssObject['opacity']=eleName['alpha']}if(!this.isUndefined(eleName['lineHeight'])){cssObject['lineHeight']=eleName['lineHeight']+'px'}if(!this.isUndefined(eleName['textAlign'])){cssObject['textAlign']=eleName['textAlign']}if(!this.isUndefined(eleName['borderRadius'])){cssObject['borderRadius']=eleName['borderRadius']+'px'}if(!this.isUndefined(eleName['radius'])){cssObject['borderRadius']=eleName['radius']+'px'}if(!this.isUndefined(eleName['padding'])){cssObject['padding']=eleName['padding']+'px'}if(!this.isUndefined(eleName['paddingLeft'])){cssObject['paddingLeft']=eleName['paddingLeft']+'px'}if(!this.isUndefined(eleName['paddingRight'])){cssObject['paddingRight']=eleName['paddingRight']+'px'}if(!this.isUndefined(eleName['paddingTop'])){cssObject['paddingTop']=eleName['paddingTop']+'px'}if(!this.isUndefined(eleName['paddingBottom'])){cssObject['paddingBottom']=eleName['paddingBottom']+'px'}if(!this.isUndefined(eleName['margin'])){cssObject['margin']=eleName['margin']+'px'}if(!this.isUndefined(eleName['marginLeft'])){cssObject['marginLeft']=eleName['marginLeft']+'px'}if(!this.isUndefined(eleName['marginRight'])){cssObject['marginRight']=eleName['marginRight']+'px'}if(!this.isUndefined(eleName['marginTop'])){cssObject['marginTop']=eleName['marginTop']+'px'}if(!this.isUndefined(eleName['marginBottom'])){cssObject['marginBottom']=eleName['marginBottom']+'px'}if(!this.isUndefined(eleName['border'])&&!this.isUndefined(eleName['borderColor'])){cssObject['border']=eleName['border']+'px solid '+eleName['borderColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderLeft'])&&!this.isUndefined(eleName['borderLeftColor'])){cssObject['borderLeft']=eleName['borderLeft']+'px solid '+eleName['borderLeftColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderRight'])&&!this.isUndefined(eleName['borderRightColor'])){cssObject['borderRight']=eleName['borderRight']+'px solid '+eleName['borderRightColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderTop'])&&!this.isUndefined(eleName['borderTopColor'])){cssObject['borderTop']=eleName['borderTop']+'px solid '+eleName['borderTopColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderBottom'])&&!this.isUndefined(eleName['borderBottomColor'])){cssObject['borderBottom']=eleName['borderBottom']+'px solid '+eleName['borderBottomColor'].replace('0x','#')}if(!this.isUndefined(supplement)){for(var k in supplement){cssObject[k]=supplement[k]}}cssObject['position']='absolute';var left=-10000,top=-10000,right=-10000,bottom=-10000;var offsetX=0,offsetY=0;if(!this.isUndefined(eleName['offsetX'])){offsetX=eleName['offsetX']}if(!this.isUndefined(eleName['marginX'])){offsetX=eleName['marginX']}if(!this.isUndefined(eleName['offsetY'])){offsetY=eleName['offsetY']}if(!this.isUndefined(eleName['marginY'])){offsetY=eleName['marginY']}offsetX=this.formatZToNum(offsetX,pdW);offsetY=this.formatZToNum(offsetY,pdH);if(!this.isUndefined(eleName['align'])){left=0;switch(eleName['align']){case'left':left=offsetX;break;case'center':left=pdW*0.5+offsetX;break;case'right':left=pdW+offsetX;break;case'right2':left=-10000;right=offsetX;break}}if(!this.isUndefined(eleName['vAlign'])){top=0;switch(eleName['vAlign']){case'top':top=offsetY;break;case'middle':top=pdH*0.5+offsetY;break;case'bottom':top=pdH+offsetY;break;case'bottom2':top=-10000;bottom=offsetY;break}}if(left>-10000){cssObject['left']=left+'px'}if(right>-10000){cssObject['right']=right+'px'}if(top>-10000){cssObject['top']=top+'px'}if(bottom>-10000){cssObject['bottom']=bottom+'px'}return cssObject},newCanvas:function(id,width,height){return'<canvas class="'+id+'-canvas" width="'+width+'" height="'+height+'"></canvas>'},addButtonEvent:function(){var thisTemp=this;var promptHide=function(event){thisTemp.promptShow(false)};var definitionOver=function(event){thisTemp.promptShow(thisTemp.CB['definition'])};this.addListenerInside('mouseover',definitionOver,this.CB['definition']);this.addListenerInside('mouseout',promptHide,this.CB['definition']);var playbackrateOver=function(event){thisTemp.promptShow(thisTemp.CB['playbackrate'])};this.addListenerInside('mouseover',playbackrateOver,this.CB['playbackrate']);this.addListenerInside('mouseout',promptHide,this.CB['playbackrate']);var subtitlesOver=function(event){thisTemp.promptShow(thisTemp.CB['subtitles'])};this.addListenerInside('mouseover',subtitlesOver,this.CB['subtitles']);this.addListenerInside('mouseout',promptHide,this.CB['subtitles']);var volumePrompt=function(vol){var volumeBOXY=thisTemp.getCoor(thisTemp.CB['volumeBO']);var promptObj={title:thisTemp.ckLanguage['volumeSliderOver'].replace('[$volume]',vol),x:volumeBOXY['x']+thisTemp.CB['volumeBO'].offsetWidth*0.5,y:volumeBOXY['y']};thisTemp.promptShow(false,promptObj)};var volumeObj={slider:this.CB['volumeBO'],follow:this.CB['volumeUp'],refer:this.CB['volumeBg'],grossValue:'volume',pd:true,startFun:function(vol){},monitorFun:function(vol){thisTemp.changeVolume(vol*0.01,false,false);volumePrompt(vol)},endFun:function(vol){},overFun:function(vol){volumePrompt(vol)}};this.slider(volumeObj);var volumeClickObj={refer:this.CB['volumeBg'],grossValue:'volume',fun:function(vol){thisTemp.changeVolume(vol*0.01,true,true)}};this.progressClick(volumeClickObj);this.timeButtonMouseDown();var volumeBgMove=function(event){var volumeBgXY=thisTemp.getCoor(thisTemp.CB['volumeBg']);var eventX=thisTemp.client(event)['x'];var eventVolume=parseInt((eventX-volumeBgXY['x'])*100/thisTemp.CB['volumeBg'].offsetWidth);var buttonPromptObj={title:thisTemp.ckLanguage['volumeSliderOver'].replace('[$volume]',eventVolume),x:eventX,y:volumeBgXY['y']};thisTemp.promptShow(false,buttonPromptObj)};this.addListenerInside('mousemove',volumeBgMove,this.CB['volumeBg']);this.addListenerInside('mouseout',promptHide,this.CB['volumeBg']);this.addListenerInside('mouseout',promptHide,this.CB['volumeBO']);this.addDefListener();this.addPlaybackrate();this.addSubtitles()},videoClick:function(){var thisTemp=this;var clearTimerClick=function(){if(thisTemp.timerClick!=null){if(thisTemp.timerClick.runing){thisTemp.timerClick.stop()}thisTemp.timerClick=null}};var timerClickFun=function(){clearTimerClick();thisTemp.isClick=false;thisTemp.sendJS('videoClick',thisTemp.videoClickXy);if(thisTemp.adPlayerPlay){var ad=thisTemp.getNowAdvertisements();try{if(ad['link']!=''){window.open(ad['link'])}thisTemp.ajaxSuccessNull(ad['clickMonitor'])}catch(event){}}else{if(thisTemp.ckConfig['config']['click']){thisTemp.playOrPause()}}};clearTimerClick();if(this.isClick){this.isClick=false;thisTemp.sendJS('videoDoubleClick',thisTemp.videoClickXy);if(thisTemp.ckConfig['config']['doubleClick']){if(!this.full){thisTemp.fullScreen()}else{thisTemp.quitFullScreen()}}}else{this.isClick=true;this.timerClick=new this.timer(300,timerClickFun,1)}},timeButtonMouseDown:function(){var thisTemp=this;var timePrompt=function(time){if(isNaN(time)){time=0}var timeButtonXY=thisTemp.getCoor(thisTemp.CB['timeButton']);var promptObj={title:thisTemp.formatTime(time,0,thisTemp.ckLanguage['timeSliderOver']),x:timeButtonXY['x']-thisTemp.pdCoor['x']+thisTemp.CB['timeButton'].offsetWidth*0.5,y:timeButtonXY['y']-thisTemp.pdCoor['y']};thisTemp.promptShow(false,promptObj)};var timeObj={slider:this.CB['timeButton'],follow:this.CB['timeProgress'],refer:this.CB['timeBoBg'],grossValue:'time',pd:false,startFun:function(time){thisTemp.isTimeButtonMove=false},monitorFun:function(time){},endFun:function(time){if(thisTemp.V){if(thisTemp.V.duration>0){thisTemp.needSeek=0;thisTemp.videoSeek(parseInt(time))}}},overFun:function(time){timePrompt(time)}};var timeClickObj={refer:this.CB['timeBoBg'],grossValue:'time',fun:function(time){if(thisTemp.V){if(thisTemp.V.duration>0){thisTemp.needSeek=0;thisTemp.videoSeek(parseInt(time))}}}};var timeBoBgmousemove=function(event){var timeBoBgXY=thisTemp.getCoor(thisTemp.CB['timeBoBg']);var eventX=thisTemp.client(event)['x'];var duration=thisTemp.V.duration;if(isNaN(duration)||parseInt(duration)<0.2){duration=thisTemp.vars['duration']}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}var eventTime=parseInt((eventX-timeBoBgXY['x'])*duration/thisTemp.CB['timeBoBg'].offsetWidth);var buttonPromptObj={title:thisTemp.formatTime(eventTime,0,thisTemp.ckLanguage['timeSliderOver']),x:eventX,y:timeBoBgXY['y']};thisTemp.promptShow(false,buttonPromptObj);var def=false;if(!thisTemp.isUndefined(thisTemp.CB['definitionP'])){if(thisTemp.css(thisTemp.CB['definitionP'],'display')!='block'){def=true}}if(thisTemp.vars['preview']!=null&&def){buttonPromptObj['time']=eventTime;thisTemp.preview(buttonPromptObj)}};var promptHide=function(event){thisTemp.promptShow(false);if(thisTemp.previewDiv!=null){thisTemp.css([thisTemp.previewDiv,thisTemp.previewTop],'display','none')}};if(!this.vars['live']){this.isTimeButtonDown=true;this.addListenerInside('mousemove',timeBoBgmousemove,this.CB['timeBoBg']);this.addListenerInside('mouseout',promptHide,this.CB['timeBoBg'])}else{this.isTimeButtonDown=false;timeObj['removeListenerInside']=true;timeClickObj['removeListenerInside']=true}this.slider(timeObj);this.progressClick(timeClickObj)},progressClick:function(obj){var thisTemp=this;var referMouseClick=function(event){var referX=thisTemp.client(event)['x']-thisTemp.getCoor(obj['refer'])['x'];var rWidth=obj['refer'].offsetWidth;var grossValue=0;if(obj['grossValue']=='volume'){grossValue=100}else{if(thisTemp.V){grossValue=thisTemp.V.duration;if(isNaN(grossValue)||parseInt(grossValue)<0.2){grossValue=thisTemp.vars['duration']}if(thisTemp.vars['forceduration']>0){grossValue=thisTemp.vars['forceduration']}}}var nowZ=parseInt(referX*grossValue/rWidth);if(obj['fun']){if(obj['grossValue']==='time'){var sliderXY=thisTemp.getCoor(thisTemp.CB['timeButton']);sliderLeft=sliderXY['x'];if(!thisTemp.checkSlideLeft(referX,sliderLeft,rWidth)){return}var bimeButtonWB=thisTemp.CB['timeButton'].offsetWidth*0.5;thisTemp.css(thisTemp.CB['timeButton'],'left',(referX-bimeButtonWB)+'px');thisTemp.css(thisTemp.CB['timeProgress'],'width',(referX)+'px')}obj['fun'](nowZ)}};if(this.isUndefined(obj['removeListenerInside'])){this.addListenerInside('click',referMouseClick,obj['refer'])}else{this.removeListenerInside('click',referMouseClick,obj['refer'])}},slider:function(obj){var thisTemp=this;var clientX=0,criterionWidth=0,sliderLeft=0,referLeft=0;var value=0;var calculation=function(){var sLeft=parseInt(thisTemp.css(obj['slider'],'left'));var rWidth=obj['refer'].offsetWidth-obj['slider'].offsetWidth;var grossValue=0;if(thisTemp.isUndefined(sLeft)||isNaN(sLeft)){sLeft=0}if(obj['grossValue']=='volume'){grossValue=100}else{if(thisTemp.V){grossValue=thisTemp.V.duration}}return parseInt(sLeft*grossValue/rWidth)};var mDown=function(event){thisTemp.addListenerInside('mousemove',mMove,document);thisTemp.addListenerInside('mouseup',mUp,document);var referXY=thisTemp.getCoor(obj['refer']);var sliderXY=thisTemp.getCoor(obj['slider']);clientX=thisTemp.client(event)['x'];referLeft=referXY['x'];sliderLeft=sliderXY['x'];criterionWidth=clientX-sliderLeft;if(obj['startFun']){obj['startFun'](calculation())}};var mMove=function(event){clientX=thisTemp.client(event)['x'];var newX=clientX-criterionWidth-referLeft;if(newX<0){newX=0}if(newX>obj['refer'].offsetWidth-obj['slider'].offsetWidth){newX=obj['refer'].offsetWidth-obj['slider'].offsetWidth}if(obj['slider']===thisTemp.CB['timeButton']){if(!thisTemp.checkSlideLeft(newX,sliderLeft,obj['refer'].offsetWidth)){return}}thisTemp.css(obj['slider'],'left',newX+'px');thisTemp.css(obj['follow'],'width',(newX+obj['slider'].offsetWidth*0.5)+'px');var nowZ=calculation();if(obj['monitorFun']){obj['monitorFun'](nowZ)}};var mUp=function(event){thisTemp.removeListenerInside('mousemove',mMove,document);thisTemp.removeListenerInside('mouseup',mUp,document);if(obj['endFun']){obj['endFun'](calculation())}};var mOver=function(event){if(obj['overFun']){obj['overFun'](calculation())}};if(this.isUndefined(obj['removeListenerInside'])){this.addListenerInside('mousedown',mDown,obj['slider']);this.addListenerInside('mouseover',mOver,obj['slider'])}else{this.removeListenerInside('mousedown',mDown,obj['slider']);this.removeListenerInside('mouseover',mOver,obj['slider'])}},checkSlideLeft:function(newX,sliderLeft,refer){var timeSA=this.ckConfig['config']['timeScheduleAdjust'];switch(timeSA){case 0:return false;break;case 2:if(newX<sliderLeft){return false}break;case 3:if(newX>sliderLeft){return false}break;case 4:if(!this.timeSliderLeftTemp){this.timeSliderLeftTemp=sliderLeft/refer}if(newX<this.timeSliderLeftTemp*refer){return false}break;case 5:if(!this.timeSliderLeftTemp){this.timeSliderLeftTemp=sliderLeft/refer}else{var timeSliderMax=sliderLeft/refer;if(timeSliderMax>this.timeSliderLeftTemp){this.timeSliderLeftTemp=timeSliderMax}}if(newX>this.timeSliderLeftTemp*refer){return false}break;default:return true;break}return true},loadingStart:function(rot){var thisTemp=this;if(this.isUndefined(rot)){rot=true}if(this.conBarShow){this.css(thisTemp.CB['loading'],'display','none');this.loadingShow=false}var buffer=0;if(rot){if(this.conBarShow){this.css(thisTemp.CB['loading'],'display','block');this.loadingShow=true}}else{thisTemp.sendJS('buffer',100)}},promptShow:function(ele,data){if(!this.conBarShow){return}var obj={};var eleTitle='';if(!this.isUndefined(ele)){eleTitle=this.getDataset(ele,'title');if(this.isUndefined(eleTitle)){ele=null}}if(ele||data){if(!this.isUndefined(data)){obj=data}else{var offsetCoor=this.getCoor(ele);obj={title:eleTitle,x:offsetCoor['x']+ele.offsetWidth*0.5,y:offsetCoor['y']}}this.CB['prompt'].innerHTML=obj['title'];this.css(this.CB['prompt'],'display','block');var promptStye=this.ckStyle['prompt'];var promoptWidth=this.CB['prompt'].offsetWidth,promoptHeight=this.CB['prompt'].offsetHeight;this.css(this.CB['promptBg'],{width:promoptWidth+'px',height:promoptHeight+'px'});var x=obj['x']-(promoptWidth*0.5);var y=obj['y']-this.CB['prompt'].offsetHeight-promptStye['marginBottom']-promptStye['triangleHeight'];if(x<0){x=0}if(x>this.PD.offsetWidth-promoptWidth){x=this.PD.offsetWidth-promoptWidth}this.css([this.CB['promptBg'],this.CB['prompt']],{display:'block',left:x+'px',top:y+'px'});this.css(this.CB['promptTriangle'],{display:'block',left:x+(promoptWidth-promptStye['triangleWidth'])*0.5+parseInt(promptStye['triangleDeviationX'])+'px',top:y+promoptHeight+'px'})}else{this.css([this.CB['promptBg'],this.CB['prompt'],this.CB['promptTriangle']],{display:'none'})}},timerErrorFun:function(){var thisTemp=this;this.errorSend=false;var clearIntervalError=function(event){if(thisTemp.timerError!=null){if(thisTemp.timerError.runing){thisTemp.timerError.stop()}thisTemp.timerError=null}};var errorFun=function(event){clearIntervalError();thisTemp.error=true;thisTemp.errorUrl=thisTemp.getVideoUrl();if(!thisTemp.errorSend){thisTemp.errorSend=true;thisTemp.sendJS('error')}if(thisTemp.conBarShow){thisTemp.CB['errorText'].innerHTML=thisTemp.ckLanguage['error']['streamNotFound'];thisTemp.css(thisTemp.CB['errorText'],'display','block');thisTemp.css([thisTemp.CB['pauseCenter'],thisTemp.CB['loading']],'display','none')}thisTemp.V.removeAttribute('poster');thisTemp.resetPlayer()};var errorListenerFun=function(event){setTimeout(function(){if(isNaN(thisTemp.V.duration)){errorFun(event)}},500)};if(!this.errorAdd){this.errorAdd=true;this.addListenerInside('error',errorListenerFun)}clearIntervalError();var timerErrorFun=function(){if(thisTemp.V&&parseInt(thisTemp.V.networkState)==3){errorFun()}};this.timerError=new this.timer(this.ckConfig['config']['errorTime'],timerErrorFun)},judgeFullScreen:function(){var thisTemp=this;if(this.timerFull!=null){if(this.timerFull.runing){this.timerFull.stop()}this.timerFull=null}var fullFun=function(){thisTemp.isFullScreen()};this.timerFull=new this.timer(20,fullFun)},isFullScreen:function(){if(!this.conBarShow){return}var fullState=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen||document.msFullscreenElement;if(fullState&&!this.full){this.full=true;this.sendJS('full',true);this.elementCoordinate();this.carbarButton();this.customCoor();this.css(this.CB['full'],'display','none');this.css(this.CB['escFull'],'display','block');if(this.vars['live']==0){this.timeUpdateHandler()}this.PD.appendChild(this.CB['menu'])}if(!fullState&&this.full){this.full=false;this.sendJS('full',false);this.elementCoordinate();this.carbarButton();this.customCoor();this.css(this.CB['full'],'display','block');this.css(this.CB['escFull'],'display','none');if(this.timerFull!=null){if(this.timerFull.runing){this.timerFull.stop()}this.timerFull=null}if(this.vars['live']==0){this.timeUpdateHandler()}this.body.appendChild(this.CB['menu'])}},newMenu:function(){var thisTemp=this;var i=0;this.css(this.CB['menu'],{backgroundColor:'#FFFFFF',padding:'5px',position:'absolute',left:'10px',top:'20px',display:'none',zIndex:'999',color:'#A1A9BE',boxShadow:'2px 2px 3px #AAAAAA'});var mArr=this.contextMenu;var cMenu=this.ckConfig['menu'];if(cMenu['name']){if(cMenu['link']){mArr[0]=[cMenu['name'],'link',cMenu['link']]}else{mArr[0]=[cMenu['name'],'default']}}if(cMenu['version']){mArr[1]=[cMenu['version'],'default','line']}if(cMenu['more']){if(this.varType(cMenu['more'])=='array'){if(cMenu['more'].length>0){var moreArr=cMenu['more'];for(i=0;i<moreArr.length;i++){var mTemp=moreArr[i];var arrTemp=[];if(mTemp['name']){arrTemp.push(mTemp['name'])}if(mTemp['clickEvent']&&mTemp['clickEvent']!='none'){var eveObj=this.clickEvent(mTemp['clickEvent']);arrTemp.push(eveObj['type']);if(eveObj['fun']){arrTemp.push(eveObj['fun'])}if(eveObj['link']){arrTemp.push(eveObj['link'])}if(eveObj['target']){arrTemp.push(' target="'+eveObj['target']+'"')}}if(mTemp['separatorBefore']){arrTemp.push('line')}mArr.push(arrTemp)}}}}var html='';for(i=0;i<mArr.length;i++){var me=mArr[i];switch(me[1]){case'default':html+='<p>'+me[0]+'</p>';break;case'link':if(me[3]){me[3]='target="'+me[3]+'"'}html+='<p><a href="'+me[2]+'"'+me[3]+'>'+me[0]+'</a></p>';break;case'javaScript':html+='<p><a href="javascript:'+me[2]+'">'+me[0]+'</a></p>';break;case'actionScript':html+='<p><a href="javascript:'+this.vars['variable']+me[2].replace('thisTemp','')+'">'+me[0]+'</a></p>';break;default:break}}this.CB['menu'].innerHTML=html;var pArr=this.CB['menu'].childNodes;for(i=0;i<pArr.length;i++){this.css(pArr[i],{height:'30px',lineHeight:'30px',margin:'0px',fontFamily:this.fontFamily,fontSize:'12px',paddingLeft:'10px',paddingRight:'30px'});if(mArr[i][mArr[i].length-1]=='line'){this.css(pArr[i],'borderBottom','1px solid #e9e9e9')}var aArr=pArr[i].childNodes;for(var n=0;n<aArr.length;n++){if(aArr[n].localName=='a'){this.css(aArr[n],{color:'#000000',textDecoration:'none'})}}}this.PD.oncontextmenu=function(event){var eve=event||window.event;var client=thisTemp.client(event);if(eve.button==2){eve.returnvalue=false;var x=client['x']+thisTemp.pdCoor['x']-2;var y=client['y']+thisTemp.pdCoor['y']-2;thisTemp.css(thisTemp.CB['menu'],{display:'block',left:x+'px',top:y+'px'});return false}return true};var setTimeOutPClose=function(){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};var setTimeOutP=null;var mouseOut=function(event){setTimeOutPClose();setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['menu'],'display','none')},500)};this.addListenerInside('mouseout',mouseOut,thisTemp.CB['menu']);var mouseOver=function(event){setTimeOutPClose()};this.addListenerInside('mouseover',mouseOver,thisTemp.CB['menu'])},controlBarHide:function(hide){var thisTemp=this;var client={x:0,y:0},oldClient={x:0,y:0};var cShow=true,force=false;var oldCoor=[0,0];var controlBarShow=function(show){if(show&&!cShow&&thisTemp.controlBarIsShow){cShow=true;thisTemp.sendJS('controlBar',true);thisTemp.css(thisTemp.CB['controlBarBg'],'display','block');thisTemp.css(thisTemp.CB['controlBar'],'display','block');thisTemp.timeProgressDefault();thisTemp.changeVolume(thisTemp.volume);thisTemp.changeLoad();if(!thisTemp.timerBuffer){thisTemp.bufferEdHandler()}}else{if(cShow){cShow=false;var paused=thisTemp.getMetaDate()['paused'];if(force){paused=false}if(!paused){thisTemp.sendJS('controlBar',false);thisTemp.css(thisTemp.CB['controlBarBg'],'display','none');thisTemp.css(thisTemp.CB['controlBar'],'display','none');thisTemp.promptShow(false)}}}thisTemp.videoCss()};var cbarFun=function(event){if(client['x']==oldClient['x']&&client['y']==oldClient['y']){var cdH=parseInt(thisTemp.CD.offsetHeight);if((client['y']<cdH-50||client['y']>cdH-2)&&cShow&&!thisTemp.getMetaDate()['paused']){controlBarShow(false)}}else{if(!cShow){controlBarShow(true)}}oldClient={x:client['x'],y:client['y']}};this.timerCBar=new this.timer(2000,cbarFun);var cdMove=function(event){var getClient=thisTemp.client(event);client['x']=getClient['x'];client['y']=getClient['y'];if(!cShow){controlBarShow(true)}thisTemp.sendJS('mouse',client)};this.addListenerInside('mousemove',cdMove,thisTemp.CD);this.addListenerInside('ended',cdMove);this.addListenerInside('resize',cdMove,window);if(hide===true){cShow=true;force=true;controlBarShow(false)}if(hide===false){cShow=false;force=true;controlBarShow(true)}},keypress:function(){var thisTemp=this;var keyDown=function(eve){var keycode=eve.keyCode||eve.which;if(thisTemp.adPlayerPlay){return}switch(keycode){case 32:thisTemp.playOrPause();break;case 37:thisTemp.fastBack();break;case 39:thisTemp.fastNext();break;case 38:now=thisTemp.volume+thisTemp.ckConfig['config']['volumeJump'];thisTemp.changeVolume(now>1?1:now);break;case 40:now=thisTemp.volume-thisTemp.ckConfig['config']['volumeJump'];thisTemp.changeVolume(now<0?0:now);break;default:break}};this.addListenerInside('keydown',keyDown,window||document)},playbackRate:function(){if(!this.conBarShow||!this.ckConfig['config']['playbackRate']){return}var styleCD=this.ckStyle['controlBar']['playbackrate'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var thisTemp=this;var dArr=this.playbackRateArr;var html='';var nowD='';var i=0,nowI=0;nowD=dArr[this.playbackRateDefault][1];nowI=this.playbackRateDefault;this.removeChildAll(this.CB['playbackrateP']);if(dArr.length>1){this.CB['playbackratePB']=document.createElement('div'),this.CB['playbackratePC']=document.createElement('div');this.CB['playbackrateP'].appendChild(this.CB['playbackratePB']);this.CB['playbackrateP'].appendChild(this.CB['playbackratePC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['playbackratePC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['playbackrateP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['playbackratePB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i][1];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['playbackrateP'],dArr[i][1],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['playbackrateP'],dArr[i][1],'')}this.css(buttonDiv,'position','static');this.CB['playbackratePC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['playbackratePC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var subClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['playbackrateP'],'display','none');thisTemp.newPlaybackrate(dName)}};this.addListenerInside('click',subClick,buttonDiv)}this.CB['playbackrateTriangle']=document.createElement('div');this.CB['playbackrateP'].appendChild(this.CB['playbackrateTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['playbackrateTriangle'],cssTemp);this.CB['playbackrateButtonText'].innerHTML=nowD}else{this.CB['playbackrateButtonText'].innerHTML=this.ckLanguage['playbackrate']}},addPlaybackrate:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['playbackrateP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['playbackratePC'])){thisTemp.css(thisTemp.CB['playbackrateP'],'display','block');var tbCss=thisTemp.ckStyle['controlBar']['playbackrate']['background'];thisTemp.css(thisTemp.CB['playbackratePB'],{width:thisTemp.CB['playbackratePC'].offsetWidth+'px',height:thisTemp.CB['playbackratePC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['playbackrateP'],{width:(thisTemp.CB['playbackratePC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['playbackratePC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['playbackratePB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['playbackrateTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['playbackrateP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['playbackrate']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['playbackrateP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['playbackrateP']);var defMouseOver=function(event){if(setTimeOutP){thisTemp.buttonHide=false;window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['playbackrateP'])},newPlaybackrate:function(title){var vArr=this.playbackRateArr;var nVArr=[];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[1]==title){this.playbackRateDefault=i;this.V.playbackRate=v[0];if(this.conBarShow){this.CB['playbackrateButtonText'].innerHTML=v[1];this.playbackRate()}this.sendJS('playbackRate',v);this.playbackRateTemp=v[0]}}},subtitleSwitch:function(){if(!this.conBarShow||!this.ckConfig['config']['subtitle']){return}var thisTemp=this;var dArr=this.vars['cktrack'];if(this.varType(dArr)!='array'){return}if(dArr[0][1]==''){return}var styleCD=this.ckStyle['controlBar']['subtitle'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var html='';var nowD='';var i=0,nowI=0;if(this.subtitlesTemp==-1&&dArr.length>0){this.subtitlesTemp=dArr.length-1}for(i=0;i<dArr.length;i++){if(this.subtitlesTemp==i){nowD=dArr[i][1];nowI=i}}if(!nowD){nowD=dArr[0][1]}this.removeChildAll(this.CB['subtitlesP']);if(dArr.length>1){this.CB['subtitlesPB']=document.createElement('div'),this.CB['subtitlesPC']=document.createElement('div');this.CB['subtitlesP'].appendChild(this.CB['subtitlesPB']);this.CB['subtitlesP'].appendChild(this.CB['subtitlesPC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['subtitlesPC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['subtitlesP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['subtitlesPB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i][1];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['subtitlesP'],dArr[i][1],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['subtitlesP'],dArr[i][1],'')}this.css(buttonDiv,'position','static');this.CB['subtitlesPC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['subtitlesPC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var subClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['subtitlesP'],'display','none');thisTemp.newSubtitles(dName)}};this.addListenerInside('click',subClick,buttonDiv)}this.CB['subtitlesTriangle']=document.createElement('div');this.CB['subtitlesP'].appendChild(this.CB['subtitlesTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['subtitlesTriangle'],cssTemp);this.CB['subtitleButtonText'].innerHTML=nowD}else{this.CB['subtitleButtonText'].innerHTML=this.ckLanguage['subtitle']}},addSubtitles:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['subtitlesP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['subtitlesPC'])){var tbCss=thisTemp.ckStyle['controlBar']['subtitle']['background'];thisTemp.css(thisTemp.CB['subtitlesP'],'display','block');thisTemp.css(thisTemp.CB['subtitlesPB'],{width:thisTemp.CB['subtitlesPC'].offsetWidth+'px',height:thisTemp.CB['subtitlesPC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['subtitlesP'],{width:(thisTemp.CB['subtitlesPC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['subtitlesPC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['subtitlesPB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['subtitlesTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['subtitlesP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['subtitles']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['subtitlesP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['subtitlesP']);var defMouseOver=function(event){thisTemp.buttonHide=false;if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['subtitlesP'])},changeSubtitles:function(n){if(!this.loaded||n<0){return}var vArr=this.vars['cktrack'];if(this.varType(vArr)!='array'){return}if(this.playerType=='flashplayer'){this.V.changeSubtitles(n);return}if(vArr.length>n){var arr=vArr[n];if(arr.length>2){var title=arr[1];if(title){this.newSubtitles(title)}}}},changeSubtitlesSize:function(n,m){if(!this.loaded||n<0){return}if(this.playerType=='flashplayer'){this.V.changeSubtitlesSize(n,m);return}this.ckStyle['cktrack']['size']=n;if(!this.isUndefined(m)){this.ckStyle['cktrack']['leading']=m}this.trackShowAgain()},newSubtitles:function(title){var vArr=this.vars['cktrack'];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[1]==title){this.subtitlesTemp=i;if(this.conBarShow){this.CB['subtitleButtonText'].innerHTML=v[1];this.subtitleSwitch();this.loadTrack(i)}this.sendJS('subtitles',v)}}},definition:function(){if(!this.conBarShow||!this.ckConfig['config']['definition']){return}var styleCD=this.ckStyle['controlBar']['definition'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var thisTemp=this;var vArr=this.VA;var dArr=[];var html='';var nowD='';var i=0,nowI=0;for(i=0;i<vArr.length;i++){var d=vArr[i][2];if(dArr.indexOf(d)==-1){dArr.push(d)}if(this.V){if(vArr[i][0]==this.V.currentSrc){nowD=d;nowI=i}}}if(!nowD){nowD=dArr[0]}this.removeChildAll(this.CB['definitionP']);if(dArr.length>1){this.CB['definitionPB']=document.createElement('div'),this.CB['definitionPC']=document.createElement('div');this.CB['definitionP'].appendChild(this.CB['definitionPB']);this.CB['definitionP'].appendChild(this.CB['definitionPC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['definitionPC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['definitionP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['definitionPB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['definitionP'],dArr[i],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['definitionP'],dArr[i],'')}this.css(buttonDiv,'position','static');this.CB['definitionPC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['definitionPC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var defClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['definitionP'],'display','none');thisTemp.newDefinition(dName)}};this.addListenerInside('click',defClick,buttonDiv)}this.CB['definitionTriangle']=document.createElement('div');this.CB['definitionP'].appendChild(this.CB['definitionTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['definitionTriangle'],cssTemp);this.CB['defaultButtonText'].innerHTML=nowD;this.css(this.CB['definition'],'display','block')}else{this.CB['defaultButtonText'].innerHTML=this.ckLanguage['definition']}},removeChildAll:function(ele){for(var i=ele.childNodes.length-1;i>=0;i--){var childNode=ele.childNodes[i];ele.removeChild(childNode)}},addDefListener:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['definitionP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['definitionPC'])){thisTemp.css(thisTemp.CB['definitionP'],'display','block');var tbCss=thisTemp.ckStyle['controlBar']['definition']['background'];thisTemp.css(thisTemp.CB['definitionPB'],{width:thisTemp.CB['definitionPC'].offsetWidth+'px',height:thisTemp.CB['definitionPC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['definitionP'],{width:(thisTemp.CB['definitionPC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['definitionPC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['definitionPB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['definitionTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['definitionP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['definition']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['definitionP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['definitionP']);var defMouseOver=function(event){thisTemp.buttonHide=false;if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['definitionP'])},changeDefinition:function(n){if(!this.loaded||n<0){return}if(this.playerType=='flashplayer'){this.V.changeDefinition(n);return}if(this.VA.length>n){var arr=this.VA[n];if(arr.length>3){var title=arr[2];if(title){this.newDefinition(title)}}}},newDefinition:function(title){var vArr=this.VA;var nVArr=[];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[2]==title){nVArr.push(v);this.sendJS('definitionChange',i+'')}}if(nVArr.length<1){return}if(this.V!=null&&this.needSeek==0){this.needSeek=this.V.currentTime}if(this.getFileExt(nVArr[0][0])!='.m3u8'){this.isM3u8=false}if(!this.isM3u8){if(nVArr.length==1){this.V.innerHTML='';this.V.src=nVArr[0][0];this.V.currentSrc=nVArr[0][0]}else{var source='';nVArr=this.arrSort(nVArr);for(i=0;i<nVArr.length;i++){var type='';var va=nVArr[i];if(va[1]){type=' type="'+va[1]+'"'}source+='<source src="'+va[0]+'"'+type+'>'}this.V.removeAttribute('src');this.V.innerHTML=source;this.V.currentSrc=nVArr[0][0]}}else{this.embedHls(vArr[0][0],this.vars['autoplay'])}this.V.autoplay='autoplay';this.V.load();if(this.playbackRateTemp!=1){this.V.playbackRate=this.playbackRateTemp}this.timerErrorFun()},embedHls:function(url,autoplay){var thisTemp=this;thisTemp.hlsAutoPlay=autoplay;if(Hls.isSupported()){var hls=new Hls();hls.loadSource(url);hls.attachMedia(this.V);hls.on(Hls.Events.MANIFEST_PARSED,function(){thisTemp.playerLoad();if(autoplay){thisTemp.videoPlay()}})}},prompt:function(){if(!this.conBarShow){return}var thisTemp=this;var prompt=this.vars['promptSpot'];if(prompt==null||this.promptArr.length>0){return}var showPrompt=function(event){if(thisTemp.promptElement==null){var random2='prompte-'+thisTemp.randomString(5);var ele2=document.createElement('div');ele2.className=random2;thisTemp.PD.appendChild(ele2);thisTemp.promptElement=thisTemp.getByElement(random2);thisTemp.css(thisTemp.promptElement,{overflowX:'hidden',lineHeight:thisTemp.ckStyle['previewPrompt']['lineHeight']+'px',fontFamily:thisTemp.ckStyle['previewPrompt']['font'],fontSize:thisTemp.ckStyle['previewPrompt']['size']+'px',color:thisTemp.ckStyle['previewPrompt']['color'].replace('0x','#'),position:'absolute',display:'block',zIndex:'90'})}var pcon=thisTemp.getPromptTest();var pW=pcon['pW'],pT=pcon['pT'],pL=parseInt(thisTemp.css(this,'left'))-parseInt(pW*0.5);if(pcon['pL']>10){pL=pcon['pL']}if(pL<0){pL=0}thisTemp.css(thisTemp.promptElement,{width:pW+'px',left:(-pW-10)+'px',display:'block'});thisTemp.promptElement.innerHTML=thisTemp.getDataset(this,'words');thisTemp.css(thisTemp.promptElement,{left:pL+'px',top:(pT-thisTemp.promptElement.offsetHeight-thisTemp.ckStyle['previewPrompt']['marginBottom'])+'px'})};var hidePrompt=function(event){if(thisTemp.promptElement!=null){thisTemp.css(thisTemp.promptElement,{display:'none'})}};var i=0;for(i=0;i<prompt.length;i++){var pr=prompt[i];var words=pr['words'];var time=pr['time'];var random='prompttitle-'+this.randomString(5);var ele=document.createElement('div');ele.className=random;this.CB['timeBoBg'].appendChild(ele);var div=this.getByElement(random);try{div.setAttribute('data-time',time);if(this.ckConfig['config']['promptSpotTime']){words=this.formatTime(time,0,this.ckLanguage['timeSliderOver'])+' '+words}div.setAttribute('data-words',words)}catch(event){}var pCss=this.getEleCss(this.ckStyle['promptSpotH5'],{marginY:-10000,zIndex:1});try{this.css(div,pCss)}catch(event){}this.addListenerInside('mouseover',showPrompt,div);this.addListenerInside('mouseout',hidePrompt,div);this.promptArr.push(div)}this.changePrompt()},getPromptTest:function(){var pW=this.previewWidth,pT=this.getCoor(this.CB['timeProgressBg'])['y'],pL=0;if(this.previewTop!=null){pT=parseInt(this.css(this.previewTop,'top'));pL=parseInt(this.css(this.previewTop,'left'))}else{pT-=35}pL+=2;if(pL<0){pL=0}if(pL>this.PD.offsetWidth-pW){pL=this.PD.offsetWidth-pW}return{pW:pW,pT:pT,pL:pL}},deletePrompt:function(){var arr=this.promptArr;if(arr.length>0){for(var i=0;i<arr.length;i++){if(arr[i]){this.deleteChild(arr[i])}}}this.promptArr=[]},changePrompt:function(){if(this.promptArr.length==0){return}var arr=this.promptArr;var duration=this.getMetaDate()['duration'];var bw=this.CB['timeBoBg'].offsetWidth;for(var i=0;i<arr.length;i++){var time=parseInt(this.getDataset(arr[i],'time'));var left=parseInt(time*bw/duration)-parseInt(arr[i].offsetWidth*0.5);if(left<0){left=0}if(left>bw-parseInt(arr[i].offsetWidth*0.5)){left=bw-parseInt(arr[i].offsetWidth*0.5)}this.css(arr[i],{left:left+'px',display:'block'})}},preview:function(obj){var thisTemp=this;var preview={file:null,scale:0};preview=this.standardization(preview,this.vars['preview']);if(preview['file']==null||preview['scale']<=0){return}var srcArr=preview['file'];if(this.previewStart==0){this.previewStart=1;if(srcArr.length>0){var i=0;var imgW=0,imgH=0;var random='preview-'+thisTemp.randomString(10);var loadNum=0;var loadImg=function(i){srcArr[i]=thisTemp.getNewUrl(srcArr[i]);var n=0;var img=new Image();img.src=srcArr[i];img.className=random+i;img.onload=function(event){loadNum++;if(thisTemp.previewDiv==null){imgW=img.width;imgH=img.height;thisTemp.previewWidth=parseInt(imgW*0.1);var ele=document.createElement('div');ele.className=random;thisTemp.PD.appendChild(ele);thisTemp.previewDiv=thisTemp.getByElement(random);var eleTop=0;eleTop=thisTemp.PD.offsetHeight-thisTemp.ckStyle['preview']['bottom'];thisTemp.css(thisTemp.previewDiv,{width:srcArr.length*imgW*10+'px',height:parseInt(imgH*0.1)+'px',backgroundColor:'#000000',position:'absolute',left:'0px',top:eleTop+'px',display:'none',zIndex:'80'});ele.setAttribute('data-x','0');ele.setAttribute('data-y',eleTop);var ele2=document.createElement('div');ele2.className=random+'d2';thisTemp.PD.appendChild(ele2);thisTemp.previewTop=thisTemp.getByElement(ele2.className);thisTemp.css(thisTemp.previewTop,{width:parseInt(imgW*0.1)+'px',height:parseInt(imgH*0.1)+'px',position:'absolute',border:thisTemp.ckStyle['preview']['border']+'px solid '+thisTemp.ckStyle['preview']['borderColor'].replace('0x','#'),left:'0px',top:eleTop+'px',display:'none',zIndex:'81'});var html='';for(n=0;n<srcArr.length;n++){html+=thisTemp.newCanvas(random+n,imgW*10,parseInt(imgH*0.1))}thisTemp.previewDiv.innerHTML=html}thisTemp.previewDiv.appendChild(img);var cimg=thisTemp.getByElement(img.className);var canvas=thisTemp.getByElement(img.className+'-canvas');var context=canvas.getContext('2d');var sx=0,sy=0,x=0,h=parseInt(imgH*0.1);for(n=0;n<100;n++){x=parseInt(n*imgW*0.1);context.drawImage(cimg,sx,sy,parseInt(imgW*0.1),h,x,0,parseInt(imgW*0.1),h);sx+=parseInt(imgW*0.1);if(sx>=imgW){sx=0;sy+=h}thisTemp.css(cimg,'display','none')}if(loadNum==srcArr.length){thisTemp.previewStart=2}else{i++;loadImg(i)}}}}loadImg(i);return}if(this.previewStart==2){var isTween=true;var nowNum=parseInt(obj['time']/this.vars['preview']['scale']);var numTotal=parseInt(thisTemp.getMetaDate()['duration']/this.vars['preview']['scale']);if(thisTemp.css(thisTemp.previewDiv,'display')=='none'){isTween=false}thisTemp.css(thisTemp.previewDiv,'display','block');var imgWidth=thisTemp.previewDiv.offsetWidth*0.01/srcArr.length;var left=(imgWidth*nowNum)-obj['x']+parseInt(imgWidth*0.5),top=thisTemp.PD.offsetHeight-thisTemp.previewDiv.offsetHeight-thisTemp.ckStyle['preview']['bottom'];thisTemp.css(thisTemp.previewDiv,'top',top+2+'px');var topLeft=obj['x']-parseInt(imgWidth*0.5);var timepieces=0;if(topLeft<0){topLeft=0;timepieces=obj['x']-topLeft-imgWidth*0.5}if(topLeft>thisTemp.PD.offsetWidth-imgWidth){topLeft=thisTemp.PD.offsetWidth-imgWidth;timepieces=obj['x']-topLeft-imgWidth*0.5}if(left<0){left=0}if(left>numTotal*imgWidth-thisTemp.PD.offsetWidth){left=numTotal*imgWidth-thisTemp.PD.offsetWidth}thisTemp.css(thisTemp.previewTop,{left:topLeft+'px',top:top+2+'px',display:'block'});if(thisTemp.previewTop.offsetHeight>thisTemp.previewDiv.offsetHeight){thisTemp.css(thisTemp.previewTop,{height:thisTemp.previewDiv.offsetHeight-(thisTemp.previewTop.offsetHeight-thisTemp.previewDiv.offsetHeight)+'px'})}if(this.previewTween!=null){this.animatePause(this.previewTween);this.previewTween=null}var nowLeft=parseInt(thisTemp.css(thisTemp.previewDiv,'left'));var leftC=nowLeft+left;if(nowLeft==-(left+timepieces)){return}if(isTween){var obj={element:thisTemp.previewDiv,start:null,end:-(left+timepieces),speed:0.3};this.previewTween=this.animate(obj)}else{thisTemp.css(thisTemp.previewDiv,'left',-(left+timepieces)+'px')}}},deletePreview:function(){if(this.previewDiv!=null){this.deleteChild(this.previewDiv);this.previewDiv=null;this.previewStart=0}},changeVideo:function(){if(!this.html5Video){this.getVarsObject();this.V.newVideo(this.vars);return}var vArr=this.VA;var v=this.vars;var i=0;if(vArr.length<1){return}if(this.V!=null&&this.needSeek==0){this.needSeek=this.V.currentTime}if(v['poster']){this.V.poster=v['poster']}else{this.V.removeAttribute('poster')}if(v['loop']){this.V.loop='loop'}else{this.V.removeAttribute('loop')}if(v['seek']>0){this.needSeek=v['seek']}else{this.needSeek=0}if(this.getFileExt(vArr[0][0])!='.m3u8'){this.isM3u8=false}if(!this.isM3u8){if(vArr.length==1){this.V.innerHTML='';this.V.src=vArr[0][0]}else{var source='';vArr=this.arrSort(vArr);for(i=0;i<vArr.length;i++){var type='';var va=vArr[i];if(va[1]){type=' type="'+va[1]+'"'}source+='<source src="'+va[0]+'"'+type+'>'}this.V.removeAttribute('src');this.V.innerHTML=source}if(v['autoplay']){this.V.autoplay='autoplay'}else{this.V.removeAttribute('autoplay')}this.V.load()}else{this.embedHls(vArr[0][0],v['autoplay'])}if(!this.isUndefined(v['volume'])){this.changeVolume(v['volume'])}this.resetPlayer();this.timerErrorFun();if(this.vars['cktrack']){this.loadTrack()}},elementCoordinate:function(){this.pdCoor=this.getXY(this.PD);var cssTemp=null;try{cssTemp=this.getEleCss(this.ckStyle['centerPlay'],{cursor:'pointer'});this.css(this.CB['pauseCenter'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['loading']);this.css(this.CB['loading'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['error']);this.css(this.CB['errorText'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['logo']);this.css(this.CB['logo'],cssTemp)}catch(event){this.log(event)}this.checkBarWidth()},carbarButton:function(){var styleC=this.ckStyle['controlBar'];var styleCB=styleC['button'];var cssTemp=null;var cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};var cssSup2={overflow:'hidden',cursor:'default',zIndex:1};var cssSup4={overflow:'hidden',cursor:'pointer',display:'none',zIndex:995};cssTemp=this.getEleCss(styleCB['play'],cssSup,this.CB['controlBarBg']);this.css(this.CB['play'],cssTemp);cssTemp=this.getEleCss(styleCB['pause'],cssSup,this.CB['controlBarBg']);this.css(this.CB['pause'],cssTemp);cssTemp=this.getEleCss(styleCB['mute'],cssSup,this.CB['controlBarBg']);this.css(this.CB['mute'],cssTemp);cssTemp=this.getEleCss(styleCB['escMute'],cssSup,this.CB['controlBarBg']);this.css(this.CB['escMute'],cssTemp);cssTemp=this.getEleCss(styleCB['full'],cssSup,this.CB['controlBarBg']);this.css(this.CB['full'],cssTemp);cssTemp=this.getEleCss(styleCB['escFull'],cssSup,this.CB['controlBarBg']);this.css(this.CB['escFull'],cssTemp);cssTemp=this.getEleCss(styleC['timeText']['vod'],cssSup2,this.CB['controlBarBg']);this.css(this.CB['timeText'],cssTemp);var volumeSchedule=this.newObj(styleC['volumeSchedule']);volumeSchedule['backgroundImg']='';cssTemp=this.getEleCss(volumeSchedule,cssSup2,this.CB['controlBarBg']);this.css(this.CB['volume'],cssTemp);cssTemp={width:cssTemp['width'],height:styleC['volumeSchedule']['backgroundHeight']+'px',overflow:'hidden',backgroundRepeat:'no-repeat',backgroundPosition:'left center'};if(this.ckConfig['config']['buttonMode']['volumeSchedule']){cssTemp['cursor']='pointer'}this.css(this.CB['volumeBg'],cssTemp);this.css(this.CB['volumeBg'],{position:'absolute'});cssTemp['width']=(this.CB['volumeBO'].offsetWidth*0.5+parseInt(this.css(this.CB['volumeBO'],'left')))+'px';this.css(this.CB['volumeUp'],cssTemp);this.css(this.CB['volumeBg'],'backgroundImage','url('+styleC['volumeSchedule']['backgroundImg']+')');this.css(this.CB['volumeUp'],'backgroundImage','url('+styleC['volumeSchedule']['maskImg']+')');cssTemp=this.getEleCss(styleC['volumeSchedule']['button'],{overflow:'hidden',cursor:'pointer',backgroundRepeat:'no-repeat',backgroundPosition:'left center'});this.css(this.CB['volumeBO'],cssTemp);if(this.ckConfig['config']['playbackRate']){if(!this.CB['playbackrateButtonText']){this.textButton(this.CB['playbackrate'],styleC['playbackrate']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['playbackrate']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['playbackrate'],'playbackrateButtonText')}cssTemp=this.getEleCss(styleC['playbackrate']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['playbackrate'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['playbackrateP'],'display','none');cssTemp=this.getEleCss(styleC['playbackrate']['backgroundCoorH5'],cssSup4);this.css(this.CB['playbackrateP'],cssTemp)}if(this.ckConfig['config']['definition']){if(!this.CB['defaultButtonText']){this.textButton(this.CB['definition'],styleC['definition']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['definition']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['definition'],'defaultButtonText')}cssTemp=this.getEleCss(styleC['definition']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['definition'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['definitionP'],'display','none');cssTemp=this.getEleCss(styleC['definition']['backgroundCoorH5'],cssSup4);this.css(this.CB['definitionP'],cssTemp)}if(this.ckConfig['config']['subtitle']){if(!this.CB['subtitleButtonText']){this.textButton(this.CB['subtitles'],styleC['subtitle']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['subtitle']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['subtitle'],'subtitleButtonText')}cssTemp=this.getEleCss(styleC['subtitle']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['subtitles'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['subtitlesP'],'display','none');cssTemp=this.getEleCss(styleC['subtitle']['backgroundCoorH5'],cssSup4);this.css(this.CB['subtitlesP'],cssTemp)}},textButton:function(ele,css,cssSup,upEle,text,newName){var thisTemp=this;var bgCss={width:css['width'],height:css['height']};if(cssSup){bgCss={width:css['width'],height:css['height'],align:cssSup['align'],vAlign:cssSup['vAlign'],marginX:cssSup['marginX'],marginY:cssSup['marginY'],offsetX:cssSup['offsetX'],offsetY:cssSup['offsetY'],zIndex:2}}cssTemp=this.getEleCss(bgCss,null,upEle);thisTemp.css(ele,cssTemp);var outCss=this.newObj(css);var overCss=this.newObj(css);var textOutCss=this.newObj(css);var textOverCss=this.newObj(css);var cssTemp=null;outCss['alpha']=css['backgroundAlpha'];overCss['backgroundColor']=css['overBackgroundColor'];overCss['alpha']=css['backgroundAlpha'];textOutCss['color']=css['textColor'];textOverCss['color']=css['overTextColor'];textOutCss['textAlign']=css['align'];textOverCss['textAlign']=css['align'];textOutCss['backgroundColor']=textOverCss['backgroundColor']='';var bgEle=document.createElement('div');this.removeChildAll(ele);ele.appendChild(bgEle);if(newName){this.CB[newName]=document.createElement('div');ele.appendChild(this.CB[newName]);this.CB[newName].innerHTML=text}else{var newEle=document.createElement('div');ele.appendChild(newEle);newEle.innerHTML=text}var outFun=function(){cssTemp=thisTemp.getEleCss(outCss,{cursor:'pointer',zIndex:1},bgEle);cssTemp['left']='';cssTemp['top']='';thisTemp.css(bgEle,cssTemp);cssTemp=thisTemp.getEleCss(textOutCss,{cursor:'pointer',zIndex:2},bgEle);cssTemp['left']='';cssTemp['top']='';if(newName){thisTemp.css(thisTemp.CB[newName],cssTemp,bgEle)}else{thisTemp.css(newEle,cssTemp,bgEle)}thisTemp.buttonHide=true;if(thisTemp.timeButtonOver){window.clearTimeout(thisTemp.timeButtonOver);thisTemp.timeButtonOver=null}thisTemp.timeButtonOver=window.setTimeout(function(){thisTemp.buttonListHide()},1000)};var overFun=function(){cssTemp=thisTemp.getEleCss(overCss,{zIndex:1},bgEle);cssTemp['left']='';cssTemp['top']='';thisTemp.css(bgEle,cssTemp);cssTemp=thisTemp.getEleCss(textOverCss,{zIndex:2},bgEle);cssTemp['left']='';cssTemp['top']='';if(newName){thisTemp.css(thisTemp.CB[newName],cssTemp)}else{thisTemp.css(newEle,cssTemp)}};outFun();this.addListenerInside('mouseout',outFun,ele);this.addListenerInside('mouseover',overFun,ele)},buttonListHide:function(){if(this.buttonHide){this.css([this.CB['definitionP'],this.CB['subtitlesP'],this.CB['playbackrateP']],'display','none')}if(this.timeButtonOver){window.clearTimeout(this.timeButtonOver);this.timeButtonOver=null}this.buttonHide=false},videoCss:function(){var cssTemp={};if(this.css(this.CB['controlBar'],'display')=='none'){cssTemp=this.ckStyle['video']['controlBarHideReserve']}else{cssTemp=this.ckStyle['video']['reserve']}var spacingBottom=cssTemp['spacingBottom'];if(this.V.controls&&this.isMobile()){spacingBottom-=40}var pW=this.PD.offsetWidth,pH=this.PD.offsetHeight;var vW=pW-cssTemp['spacingLeft']-cssTemp['spacingRight'];var vH=pH-cssTemp['spacingTop']-spacingBottom;if(!this.MD){this.css(this.V,{width:vW+'px',height:vH+'px',marginLeft:cssTemp['spacingLeft']+'px',marginTop:cssTemp['spacingTop']+'px'})}else{this.css([this.MD,this.MDC],{width:vW+'px',height:vH+'px',marginLeft:cssTemp['spacingLeft']+'px',marginTop:cssTemp['spacingTop']+'px'})}},playerCustom:function(){var custom=this.ckStyle['custom'];var button=custom['button'];var images=custom['images'];var cssTemp=null;var cssSup=null;var k='',tempID='';var b={};var tempDiv;var i=0;for(k in button){b=button[k];cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};cssTemp=this.getEleCss(b,cssSup);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'player-button',name:k});this.PD.appendChild(tempDiv);if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){tempDiv.dataset.title=this.ckLanguage['buttonOver'][k]}i++;this.buttonEventFun(tempDiv,b)}for(k in images){b=images[k];cssSup={overflow:'hidden',zIndex:1};cssTemp=this.getEleCss(b,cssSup);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'player-images',name:k});this.PD.appendChild(tempDiv);var img=new Image();img.src=images[k]['img'];tempDiv.appendChild(img);i++}},carbarCustom:function(){var custom=this.ckStyle['controlBar']['custom'];var button=custom['button'];var images=custom['images'];var cssTemp=null;var cssSup=null;var k='',tempID='';var b={};var tempDiv;var i=0;for(k in button){b=button[k];cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};cssTemp=this.getEleCss(b,cssSup,this.CB['controlBarBg']);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'controlBar-button',name:k});this.CB['controlBar'].appendChild(tempDiv);if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){tempDiv.dataset.title=this.ckLanguage['buttonOver'][k]}i++;this.buttonEventFun(tempDiv,b)}for(k in images){b=images[k];cssSup={overflow:'hidden',zIndex:1};cssTemp=this.getEleCss(b,cssSup,this.CB['controlBarBg']);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'controlBar-images',name:k});this.CB['controlBar'].appendChild(tempDiv);var img=new Image();img.src=images[k]['img'];tempDiv.appendChild(img);i++}},customCoor:function(){var cssTemp=null;if(this.customeElement.length>0){for(var i=0;i<this.customeElement.length;i++){if(this.customeElement[i]['type']=='controlBar'){cssTemp=this.getEleCss(this.customeElement[i]['css'],this.customeElement[i]['cssSup'],this.CB['controlBarBg'])}else{cssTemp=this.getEleCss(this.customeElement[i]['css'],this.customeElement[i]['cssSup'])}this.css(this.customeElement[i]['ele'],cssTemp)}}},customShow:function(show){if(this.customeElement.length>0){for(var i=0;i<this.customeElement.length;i++){if(this.customeElement[i]['type']=='player'){this.css(this.customeElement[i]['ele'],'display',show?'block':'none')}}}},advertisementStyle:function(){var asArr=['muteButton','escMuteButton','adLinkButton','closeButton','skipAdButton','countDown','countDownText','skipDelay','skipDelayText'];var eleArr=['adMute','adEscMute','adLink','adPauseClose','adSkipButton','adTime','adTimeText','adSkip','adSkipText'];for(var i=0;i<eleArr.length;i++){var cssUp={overflow:'hidden',zIndex:999};if(i<5){cssUp['cursor']='pointer'}var cssTemp=this.getEleCss(this.ckStyle['advertisement'][asArr[i]],cssUp);this.css(this.CB[eleArr[i]],cssTemp)}},checkBarWidth:function(){if(!this.conBarShow){return}},initPlayPause:function(){if(!this.conBarShow){return}if(this.vars['autoplay']){this.css([this.CB['play'],this.CB['pauseCenter']],'display','none');this.css(this.CB['pause'],'display','block')}else{this.css(this.CB['play'],'display','block');if(this.css(this.CB['errorText'],'display')=='none'){this.css(this.CB['pauseCenter'],'display','block')}this.css(this.CB['pause'],'display','none')}},loadedHandler:function(){this.loaded=true;if(this.vars['loaded']!=''){try{eval(this.vars['loaded']+'(\''+this.vars['variable']+'\')')}catch(event){this.log(event)}}},playingHandler:function(){this.playShow(true);if(this.isFirstTimePlay&&!this.isUndefined(this.advertisements['front'])){this.isFirstTimePlay=false;this.adI=0;this.adType='front';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();return}if(this.adPlayerPlay){return}if(this.needSeek>0){this.videoSeek(this.needSeek);this.needSeek=0}if(this.animatePauseArray.length>0){this.animateResume('pause')}if(this.playerType=='html5video'&&this.V!=null&&this.ckConfig['config']['videoDrawImage']){this.sendVCanvas()}if(!this.isUndefined(this.advertisements['pause'])&&!this.adPlayStart){this.closePauseAd()}},adPausePlayer:function(){this.adI=0;this.adType='pause';this.adPauseShow=true;this.loadAdPause();this.sendJS('pauseAd','play')},loadAdPause:function(){var ad=this.getNowAdvertisements();var type=ad['type'];var thisTemp=this;var width=this.PD.offsetWidth,height=this.PD.offsetHeight;if(this.isStrImage(type)&&this.adPauseShow){this.css(this.CB['adElement'],'display','block');var imgClass='adimg'+this.randomString(10);var imgHtml='<img src="'+ad['file']+'" class="'+imgClass+'">';if(ad['link']){imgHtml='<a href="'+ad['link']+'" target="_blank">'+imgHtml+'</a>'}this.CB['adElement'].innerHTML=imgHtml;this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css([thisTemp.getByElement(imgClass),thisTemp.CB['adElement']],{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});if(thisTemp.ckStyle['advertisement']['closeButtonShow']&&thisTemp.adPauseShow){thisTemp.css(thisTemp.CB['adPauseClose'],{display:'block'})}thisTemp.ajaxSuccessNull(ad['exhibitionMonitor']);thisTemp.adPauseCoor()},this.getByElement(imgClass));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adElement']);var newI=this.adI;if(this.adI<this.advertisements['pause'].length-1){newI++}else{newI=0}if(ad['time']>0){setTimeout(function(){if(thisTemp.adPauseShow){thisTemp.adI=newI;thisTemp.loadAdPause()}},ad['time']*1000)}}},adPauseCoor:function(){if(this.css(this.CB['adElement'],'display')=='block'){var w=this.CB['adElement'].offsetWidth,h=this.CB['adElement'].offsetHeight;var pw=this.PD.offsetWidth,ph=this.PD.offsetHeight;this.css(this.CB['adElement'],{top:(ph-h)*0.5+'px',left:(pw-w)*0.5+'px'});if(this.css(this.CB['adPauseClose'],'display')=='block'){var rr=this.ckStyle['advertisement']['closeButton'];var cxy=this.getPosition(rr,this.CB['adElement']);this.css(this.CB['adPauseClose'],{top:cxy['y']+'px',left:cxy['x']+'px'})}}},closePauseAd:function(){this.CB['adElement'].innerHTML='';this.css([this.CB['adElement'],this.CB['adPauseClose']],'display','none');this.adPauseShow=false;this.sendJS('pauseAd','ended')},advertisementsTime:function(nt){if(this.isUndefined(nt)){nt=0}var ad=this.advertisements[this.adType];if(nt>0){ad[this.adI]['time']=Math.ceil(nt)}this.adTimeAllTotal=0;for(var i=this.adI;i<ad.length;i++){if(!this.isUndefined(ad[i]['time'])){this.adTimeAllTotal+=Math.ceil(ad[i]['time'])}}if(this.adTimeAllTotal>0){this.CB['adTimeText'].innerHTML=this.ckLanguage['adCountdown'].replace('[$second]',this.adTimeAllTotal).replace('[$Second]',this.adTimeAllTotal>9?this.adTimeAllTotal:'0'+this.adTimeAllTotal)}if(this.adPauseShow){this.closePauseAd()}this.adOtherCloseAll();this.adTimeTotal=-1},adSkipButtonShow:function(){var thisTemp=this;var skipConfig=this.ckStyle['advertisement'];var delayTimeTemp=skipConfig[this.adType+'SkipButtonDelay'];var timeFun=function(){if(delayTimeTemp>=0){thisTemp.CB['adSkipText'].innerHTML=thisTemp.ckLanguage['skipDelay'].replace('[$second]',delayTimeTemp).replace('[$Second]',delayTimeTemp>9?delayTimeTemp:'0'+delayTimeTemp);thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','block');thisTemp.css(thisTemp.CB['adSkipButton'],'display','none');setTimeout(timeFun,1000)}else{thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','none');if(thisTemp.css(thisTemp.CB['adTime'],'display')=='block'){thisTemp.css(thisTemp.CB['adSkipButton'],'display','block')}}delayTimeTemp--};if(skipConfig['skipButtonShow']){if(skipConfig[this.adType+'SkipButtonDelay']>0&&this.isUndefined(this.adSkipButtonTime)){thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','block');timeFun()}else{thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','none');thisTemp.css(thisTemp.CB['adSkipButton'],'display','block')}}},advertisementsPlay:function(){this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink']],'display','none');this.adPlayerPlay=false;var ad=this.advertisements[this.adType];if(this.adI==0&&(this.adType=='front'||this.adType=='insert'||this.adType=='end')){this.sendJS('process',this.adType+' ad play');this.sendJS(this.adType+'Ad','play')}this.trackHide();if(this.adI<ad.length){if(!this.isUndefined(ad[this.adI]['time'])){this.adTimeTotal=parseInt(ad[this.adI]['time'])}this.loadAdvertisements()}else{this.adEnded()}},eliminateAd:function(){if(this.adType){var ad=this.advertisements[this.adType];this.adI=ad.length;this.advertisementsPlay()}},adEnded:function(){var thisTemp=this;this.adPlayStart=false;if(this.adType=='front'){this.time=0}this.adPlayerPlay=false;if(this.adVideoPlay){if(this.videoTemp['src']!=''){this.V.src=this.videoTemp['src']}else{if(this.V.src){this.V.removeAttribute('src')}}if(this.videoTemp['source']!=''){this.V.innerHTML=this.videoTemp['source']}if(this.videoTemp['currentSrc']!=''){this.V.src=this.videoTemp['currentSrc'];this.V.currentSrc=this.videoTemp['currentSrc']}if(this.videoTemp['loop']){this.V.loop=true;this.videoTemp['loop']=false}if(this.adType=='end'){this.endedHandler()}else{this.videoPlay()}}else{this.videoPlay()}this.changeVolume(this.vars['volume']);this.sendJS('process',this.adType+' ad ended');this.sendJS(this.adType+'Ad','ended');this.changeControlBarShow(true);this.css(this.CB['logo'],'display','block');this.customShow(true);this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink'],this.CB['adMute'],this.CB['adEscMute']],'display','none')},loadAdvertisements:function(){var ad=this.getNowAdvertisements();var type=ad['type'];var thisTemp=this;var width=this.PD.offsetWidth,height=this.PD.offsetHeight;this.changeControlBarShow(false);this.adPlayerPlay=true;this.css(this.CB['logo'],'display','none');this.customShow(false);if(this.isStrImage(type)){this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText']],'display','block');this.css([this.CB['adMute'],this.CB['adEscMute']],'display','none');var imgClass='adimg'+this.randomString(10);var imgHtml='<img src="'+ad['file']+'" class="'+imgClass+'">';if(ad['link']){imgHtml='<a href="'+ad['link']+'" target="_blank">'+imgHtml+'</a>'}this.CB['adElement'].innerHTML=imgHtml;this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css(thisTemp.getByElement(imgClass),{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});thisTemp.css(thisTemp.CB['adElement'],{width:imgWH['width']+'px',height:imgWH['height']+'px',top:(height-imgWH['height'])*0.5+'px',left:(width-imgWH['width'])*0.5+'px'});thisTemp.ajaxSuccessNull(ad['exhibitionMonitor'])},this.getByElement(imgClass));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adElement']);if(!this.isUndefined(ad['time'])){this.adCountDown()}}else{this.css([this.CB['adTime'],this.CB['adTimeText']],'display','block');if(this.adVideoMute){this.css(this.CB['adEscMute'],'display','block');this.css(this.CB['adMute'],'display','none')}else{this.css(this.CB['adEscMute'],'display','none');this.css(this.CB['adMute'],'display','block')}this.CB['adElement'].innerHTML='';if(this.videoTemp['currentSrc']==''){this.videoTemp['currentSrc']=this.getCurrentSrc()}if(this.V.loop){this.videoTemp['loop']=true;this.V.loop=false}if(this.V!=null&&this.V.currentTime>0&&this.adIsVideoTime&&this.adType!='front'){this.adIsVideoTime=false;this.needSeek=this.V.currentTime}this.V.src=ad['file'];this.V.currentSrc=ad['file'];this.V.innerHTML='';this.V.play();this.adVideoPlay=true;this.ajaxSuccessNull(ad['exhibitionMonitor']);if(!this.adVideoMute){this.escAdMute()}}if(ad['link']){this.css(this.CB['adLink'],'display','block');var adLinkClick=function(event){thisTemp.sendJS('clickEvent','javaScript->adLinkClick')};this.addListenerInside('click',adLinkClick,this.CB['adLink']);this.adLinkTemp=ad['link'];var linkTemp='<a href="'+ad['link']+'" target="_blank" class="ckadmorelink"><img src="'+this.ckStyle['png-1-1']+'" width="'+this.ckStyle['advertisement']['adLinkButton']['width']+'" height="'+this.ckStyle['advertisement']['adLinkButton']['height']+'"></a>';this.CB['adLink'].innerHTML=linkTemp;this.css(this.getByElement('ckadmorelink'),{color:'#FFFFFF',textDecoration:'none'});this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adLink'])}else{this.css(this.CB['adLink'],'display','none')}},adCountDown:function(){var thisTemp=this;if(this.adTimeTotal>0){if(!this.adIsPause){this.adTimeTotal--;this.showAdTime();this.adCountDownObj=null;this.adCountDownObj=setTimeout(function(){thisTemp.adCountDown()},1000)}}else{this.adI++;this.advertisementsPlay()}},adPlayerTimeHandler:function(time){var ad=this.getNowAdvertisements();var type=ad['type'];if(this.isStrImage(type)){return}if(this.adTimeTotal!=parseInt(time)){this.adTimeTotal=parseInt(time);this.showAdTime()}},showAdTime:function(){this.adTimeAllTotal--;var n=this.adTimeAllTotal;if(n<0){n=0}this.CB['adTimeText'].innerHTML=this.ckLanguage['adCountdown'].replace('[$second]',n).replace('[$Second]',n<10?'0'+n:n)},checkAdOther:function(t){if(this.adPlayerPlay){return}var adTime=this.advertisements['othertime'];var adPlay=this.advertisements['otherPlay'];for(var i=0;i<adTime.length;i++){if(t>=adTime[i]&&!adPlay[i]){adPlay[i]=true;this.newAdOther(i)}}},newAdOther:function(i){var thisTemp=this;var ad=this.advertisements['other'][i];var randomS=this.randomString(10);var adDivID='adother'+randomS;imgClassName='adimgother'+randomS;var adDiv=document.createElement('div');adDiv.className=adDivID;this.PD.appendChild(adDiv);ad['div']=adDivID;ad['element']=imgClassName;var adHtml='<img src="'+ad['file']+'" class="'+imgClassName+'">';if(ad['link']){adHtml='<a href="'+ad['link']+'" target="blank">'+adHtml+'</a>'}this.getByElement(adDivID).innerHTML=adHtml;this.css(adDivID,{position:'absolute',overflow:'hidden',zIndex:'996',top:'-600px',left:'-600px',cursor:'pointer'});if(this.ckStyle['advertisement']['closeOtherButtonShow']){var closeAdDivID='adotherclose-'+randomS;var closeAdDiv=document.createElement('div');closeAdDiv.className=closeAdDivID;this.PD.appendChild(closeAdDiv);ad['closeDiv']=closeAdDivID;ad['close']=false;var closeAdDivCss=this.getEleCss(this.ckStyle['advertisement']['closeOtherButton'],{offsetX:-10000,offsetY:-10000,cursor:'pointer',zIndex:997});this.css(closeAdDivID,closeAdDivCss);var adOtherCloseOver=function(){thisTemp.loadImgBg(closeAdDivID,thisTemp.ckStyle['advertisement']['closeOtherButton']['mouseOver'])};var adOtherCloseOut=function(){thisTemp.loadImgBg(closeAdDivID,thisTemp.ckStyle['advertisement']['closeOtherButton']['mouseOut'])};adOtherCloseOut();this.addListenerInside('mouseover',adOtherCloseOver,this.getByElement(closeAdDivID));this.addListenerInside('mouseout',adOtherCloseOut,this.getByElement(closeAdDivID))}this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css([thisTemp.getByElement(imgClassName),thisTemp.getByElement(adDivID)],{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});thisTemp.advertisements['other'][i]=ad;thisTemp.ajaxSuccessNull(ad['exhibitionMonitor']);thisTemp.adOtherCoor()},this.getByElement(imgClassName));this.addListenerInside('click',function(){thisTemp.adOtherClose(i)},this.getByElement(closeAdDivID));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.getByElement(imgClassName));if(ad['time']>0){setTimeout(function(){thisTemp.adOtherClose(i)},ad['time']*1000)}},adOtherClose:function(i){var ad=this.advertisements['other'][i];if(!this.isUndefined(ad['close'])){if(!ad['close']){ad['close']=true;this.PD.removeChild(this.getByElement(ad['div']));this.PD.removeChild(this.getByElement(ad['closeDiv']))}}},adOtherCloseAll:function(){if(!this.isUndefined(this.advertisements['other'])){var ad=this.advertisements['other'];for(var i=0;i<ad.length;i++){this.adOtherClose(i)}}},adOtherCoor:function(){if(!this.isUndefined(this.advertisements['other'])){var arr=this.advertisements['other'];for(var i=0;i<arr.length;i++){var ad=arr[i];if(!this.isUndefined(ad['close'])){if(!ad['close']){var rr=this.ckStyle['advertisement']['closeOtherButton'];var coor=this.getPosition(ad);var x=coor['x'],y=coor['y'];this.css(this.getByElement(ad['div']),{left:x+'px',top:y+'px'});var cxy=this.getPosition(rr,this.getByElement(ad['div']));if(!this.isUndefined(ad['closeDiv'])){this.css(this.getByElement(ad['closeDiv']),{left:cxy['x']+'px',top:cxy['y']+'px'})}}}}}},checkAdInsert:function(t){if(this.adPlayerPlay){return}var adTime=this.advertisements['inserttime'];var adPlay=this.advertisements['insertPlay'];var duration=this.getMetaDate()['duration'];for(var i=adTime.length-1;i>-1;i--){if(t>=adTime[i]&&t<duration-2&&t>1&&!adPlay[i]){this.adI=0;this.adType='insert';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();adPlay[i]=true;for(var n=0;n<i+1;n++){adPlay[n]=true}break}}},formatInserttime:function(duration){if(!this.isUndefined(this.advertisements['inserttime'])){var arr=this.advertisements['inserttime'];var newArr=[];for(var i=0;i<arr.length;i++){if(arr[i].toString().substr(-1)=='%'){newArr.push(parseInt(duration*parseInt(arr[i])*0.01))}else{newArr.push(parseInt(arr[i]))}}this.advertisements['inserttime']=newArr}},getNowAdvertisements:function(){if(this.adI==-1){return{file:'',time:0,link:''}}return this.advertisements[this.adType][this.adI]},adjustmentWH:function(w,h){var width=this.PD.offsetWidth,height=this.PD.offsetHeight;var nw=0,nh=0;if(w>=width||h>=height){if(width/w>height/h){nh=height-20;nw=w*nh/h}else{nw=width-20;nh=h*nw/w}}else{nw=w;nh=h}return{width:nw,height:nh}},ajaxSuccessNull:function(url){if(!this.isUndefined(url)){var ajaxObj={url:url,success:function(data){}};this.ajax(ajaxObj)}},runFunction:function(s){try{var arr=s.split('->');if(arr.length==2){switch(arr[0]){case'javaScript':if(arr[1].substr(0,11)!='[flashvars]'){eval(arr[1]+'()')}else{eval(this.vars[arr[1].substr(11)]+'()')}break;case'actionScript':eval('this.'+arr[1]+'()');break}}this.sendJS('clickEvent',s)}catch(event){}},sendVCanvas:function(){if(this.timerVCanvas==null){this.css(this.V,'display','none');this.css(this.MD,'display','block');var thisTemp=this;var videoCanvas=function(){if(thisTemp.MDCX.width!=thisTemp.MD.offsetWidth){thisTemp.MDC.width=thisTemp.MD.offsetWidth}if(thisTemp.MDCX.height!=thisTemp.MD.offsetHeight){thisTemp.MDC.height=thisTemp.MD.offsetHeight}thisTemp.MDCX.clearRect(0,0,thisTemp.MDCX.width,thisTemp.MDCX.height);var coor=thisTemp.getProportionCoor(thisTemp.PD.offsetWidth,thisTemp.PD.offsetHeight,thisTemp.V.videoWidth,thisTemp.V.videoHeight);thisTemp.MDCX.drawImage(thisTemp.V,0,0,thisTemp.V.videoWidth,thisTemp.V.videoHeight,coor['x'],coor['y'],coor['width'],coor['height'])};this.timerVCanvas=new this.timer(0,videoCanvas)}},pauseHandler:function(){var thisTemp=this;this.playShow(false);if(this.animatePauseArray.length>0){this.animatePause('pause')}if(this.playerType=='html5video'&&this.V!=null&&this.ckConfig['config']['videoDrawImage']){this.stopVCanvas()}if(!this.isUndefined(this.advertisements['pause'])&&!this.adPlayStart&&!this.adPauseShow){setTimeout(function(){if(!thisTemp.isUndefined(thisTemp.advertisements['pause'])&&!thisTemp.adPlayStart&&!thisTemp.adPauseShow&&thisTemp.time>1){thisTemp.adPausePlayer()}},300)}},stopVCanvas:function(){if(this.timerVCanvas!=null){this.css(this.V,'display','block');this.css(this.MD,'display','none');if(this.timerVCanvas.runing){this.timerVCanvas.stop()}this.timerVCanvas=null}},playShow:function(b){if(!this.conBarShow){return}if(b){this.css(this.CB['play'],'display','none');this.css(this.CB['pauseCenter'],'display','none');this.css(this.CB['pause'],'display','block')}else{this.css(this.CB['play'],'display','block');if(this.css(this.CB['errorText'],'display')=='none'){if(!this.adPlayerPlay){this.css(this.CB['pauseCenter'],'display','block')}}else{this.css(this.CB['pauseCenter'],'display','none')}this.css(this.CB['pause'],'display','none')}},seekedHandler:function(){this.resetTrack();this.isTimeButtonMove=true;if(this.V.paused){if(this.hlsAutoPlay){this.videoPlay()}else{this.hlsAutoPlay=true}}},endedHandler:function(){this.sendJS('ended');if(this.adPlayerPlay){this.adI++;this.advertisementsPlay();return}if(!this.endAdPlay&&!this.isUndefined(this.advertisements['end'])){this.endAdPlay=true;this.adI=0;this.adType='end';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();this.adReset=true;return}this.endedAdReset();if(this.vars['loop']){this.videoSeek(0)}},endedAdReset:function(){var arr=[];var i=0;if(!this.isUndefined(this.advertisements['insertPlay'])){arr=this.advertisements['insertPlay'];for(i=0;i<arr.length;i++){this.advertisements['insertPlay'][i]=false}}if(!this.isUndefined(this.advertisements['otherPlay'])){arr=this.advertisements['otherPlay'];for(i=0;i<arr.length;i++){this.advertisements['otherPlay'][i]=false}}},volumechangeHandler:function(){if(!this.conBarShow){return}if((this.ckConfig['config']['mobileVolumeBarShow']||!this.isMobile())&&this.css(this.CB['volume'],'display')!='none'){try{var volume=this.volume||this.V.volume;if(volume>0){this.css(this.CB['mute'],'display','block');this.css(this.CB['escMute'],'display','none')}else{this.css(this.CB['mute'],'display','none');this.css(this.CB['escMute'],'display','block')}}catch(event){}}},timeUpdateHandler:function(){var duration=0;if(this.playerType=='html5video'){try{duration=this.V.duration}catch(event){}}if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}if(duration>0){this.time=this.V.currentTime;this.timeTextHandler();this.trackShowHandler();if(this.isTimeButtonMove){this.timeProgress(this.time,duration)}}},controlBar:function(){var cb=this.ckStyle['controlBar'];var cssObjTemp={align:cb['align'],vAlign:cb['vAlign'],width:cb['width'],height:cb['height'],offsetX:cb['offsetX'],offsetY:cb['offsetY']};var bgCss={backgroundColor:cb['background']['backgroundColor'],backgroundImg:cb['background']['backgroundImg'],alpha:cb['background']['alpha']};var cssTemp=this.getEleCss(this.objectAssign(cssObjTemp,bgCss),{zIndex:888});this.css(this.CB['controlBarBg'],cssTemp);cssTemp=this.getEleCss(cssObjTemp,{zIndex:889});this.css(this.CB['controlBar'],cssTemp)},timeProgress:function(time,duration){if(!this.conBarShow){return}var timeProgressBgW=this.CB['timeProgressBg'].offsetWidth;var timeBOW=parseInt((time*timeProgressBgW/duration)-(this.CB['timeButton'].offsetWidth*0.5));if(timeBOW>timeProgressBgW-this.CB['timeButton'].offsetWidth){timeBOW=timeProgressBgW-this.CB['timeButton'].offsetWidth}if(timeBOW<0){timeBOW=0}this.css(this.CB['timeProgress'],'width',timeBOW+'px');this.css(this.CB['timeButton'],'left',parseInt(timeBOW)+'px')},timeTextHandler:function(){if(!this.conBarShow){return}var duration=this.V.duration;var time=this.V.currentTime;if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}this.CB['timeText'].innerHTML=this.formatTime(time,duration,this.ckLanguage['vod'])},bufferEdHandler:function(){if(!this.conBarShow||this.playerType=='flashplayer'){return}var thisTemp=this;var clearTimerBuffer=function(){if(thisTemp.timerBuffer!=null){if(thisTemp.timerBuffer.runing){thisTemp.sendJS('buffer',100);thisTemp.timerBuffer.stop()}thisTemp.timerBuffer=null}};clearTimerBuffer();var bufferFun=function(){if(!thisTemp.isUndefined(thisTemp.V)&&thisTemp.V.buffered.length>0){var duration=thisTemp.V.duration;var len=thisTemp.V.buffered.length;var bufferStart=thisTemp.V.buffered.start(len-1);var bufferEnd=thisTemp.V.buffered.end(len-1);var loadTime=bufferStart+bufferEnd;var loadProgressBgW=thisTemp.CB['timeProgressBg'].offsetWidth;var timeButtonW=thisTemp.CB['timeButton'].offsetWidth;var loadW=parseInt((loadTime*loadProgressBgW/duration)+timeButtonW);if(loadW>=loadProgressBgW){loadW=loadProgressBgW;clearTimerBuffer()}thisTemp.changeLoad(loadTime)}};this.timerBuffer=new this.timer(200,bufferFun)},changeLoad:function(loadTime){if(this.V==null){return}if(!this.conBarShow){return}var loadProgressBgW=this.CB['timeProgressBg'].offsetWidth;var timeButtonW=this.CB['timeButton'].offsetWidth;var duration=this.V.duration;if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}if(this.isUndefined(loadTime)){loadTime=this.loadTime}else{this.loadTime=loadTime}var loadW=parseInt((loadTime*loadProgressBgW/duration)+timeButtonW);this.css(this.CB['loadProgress'],'width',loadW+'px');this.sendJS('loadTime',loadTime);this.loadTimeTemp=loadTime},judgeIsLive:function(){var thisTemp=this;if(this.timerError!=null){if(this.timerError.runing){this.timerError.stop()}this.timerError=null}this.error=false;if(this.conBarShow){this.css(this.CB['errorText'],'display','none')}var timeupdate=function(event){thisTemp.timeUpdateHandler()};if(!this.vars['live']){if(this.V!=null&&this.playerType=='html5video'){this.addListenerInside('timeupdate',timeupdate);thisTemp.timeTextHandler();thisTemp.prompt();setTimeout(function(){thisTemp.bufferEdHandler()},200)}}else{this.removeListenerInside('timeupdate',timeupdate);if(this.timerTime!=null){window.clearInterval(this.timerTime);timerTime=null}if(this.timerTime!=null){if(this.timerTime.runing){this.timerTime.stop()}this.timerTime=null}var timeFun=function(){if(thisTemp.V!=null&&!thisTemp.V.paused&&thisTemp.conBarShow){thisTemp.CB['timeText'].innerHTML=thisTemp.formatTime(0,0,thisTemp.ckLanguage['live'])}};this.timerTime=new this.timer(1000,timeFun)}this.definition()},loadTrack:function(def){if(this.playerType=='flashplayer'||this.vars['flashplayer']==true){return}if(this.isUndefined(def)){def=-1}var track=this.vars['cktrack'];var loadTrackUrl='';var type=this.varType(track);var thisTemp=this;if(type=='array'){if(def==-1){var index=0;var indexN=0;for(var i=0;i<track.length;i++){var li=track[i];if(li.length==3&&li[2]>indexN){indexN=li[2];index=i}}}else{index=def}loadTrackUrl=track[index][0]}else{loadTrackUrl=track}var obj={method:'get',dataType:'text',url:loadTrackUrl,charset:'utf-8',success:function(data){if(data){thisTemp.track=thisTemp.parseSrtSubtitles(data);thisTemp.trackIndex=0;thisTemp.nowTrackShow={sn:''}}}};this.ajax(obj)},resetTrack:function(){this.trackIndex=0;this.nowTrackShow={sn:''}},trackShowHandler:function(){if(!this.conBarShow||this.adPlayerPlay){return}if(this.track.length<1){return}if(this.trackIndex>=this.track.length){this.trackIndex=0}var nowTrack=this.track[this.trackIndex];if(this.time>=nowTrack['startTime']&&this.time<=nowTrack['endTime']){var nowShow=this.nowTrackShow;if(nowShow['sn']!=nowTrack['sn']){this.trackHide();this.trackShow(nowTrack);this.nowTrackTemp=nowTrack}}else{this.trackHide();this.checkTrack()}},trackShowAgain:function(){this.trackHide();this.trackShow(this.nowTrackTemp)},trackShow:function(track){this.nowTrackShow=track;var arr=track['content'];for(var i=0;i<arr.length;i++){var obj={list:[{type:'text',text:arr[i],color:this.ckStyle['cktrack']['color'],size:this.ckStyle['cktrack']['size'],fontFamily:this.ckStyle['cktrack']['font'],lineHeight:this.ckStyle['cktrack']['leading']+'px'}],position:[1,2,null,-(arr.length-i)*this.ckStyle['cktrack']['leading']-this.ckStyle['cktrack']['marginBottom']]};var ele=this.addElement(obj);this.trackElement.push(ele)}},trackHide:function(){for(var i=0;i<this.trackElement.length;i++){this.deleteElement(this.trackElement[i])}this.trackElement=[]},checkTrack:function(){var num=this.trackIndex;var arr=this.track;var i=0;for(i=num;i<arr.length;i++){if(this.time>=arr[i]['startTime']&&this.time<=arr[i]['endTime']){this.trackIndex=i;break}}},playOrPause:function(){if(!this.loaded){return}if(this.V==null){return}if(this.playerType=='flashplayer'){this.V.playOrPause();return}if(this.V.paused){this.videoPlay()}else{this.videoPause()}},videoPlay:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoPlay();return}if(this.adPlayerPlay){this.eliminateAd();return}try{if(this.V.currentSrc){this.V.play()}}catch(event){}},videoPause:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoPause();return}try{this.V.pause()}catch(event){}},videoSeek:function(time){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoSeek(time);return}var duration=this.V.duration>0.2?this.V.duration:this.getMetaDate()['duration'];if(duration>0&&time>duration){if(this.vars['forceduration']>0){time=0;this.sendJS('ended')}else{time=duration-0.1}}if(time>=0){this.V.currentTime=time;this.sendJS('seekTime',time)}},changeVolume:function(vol,bg,button){if(this.loaded){if(this.playerType=='flashplayer'){this.V.changeVolume(vol);return}}if(isNaN(vol)||this.isUndefined(vol)){vol=0}if(!this.loaded){this.vars['volume']=vol}if(!this.html5Video){this.V.changeVolume(vol);return}try{if(this.isUndefined(bg)){bg=true}}catch(e){}try{if(this.isUndefined(button)){button=true}}catch(e){}if(!vol){vol=0}if(vol<0){vol=0}if(vol>1){vol=1}try{this.V.volume=vol}catch(error){}this.volume=vol;if(bg&&this.conBarShow){var bgW=vol*this.CB['volumeBg'].offsetWidth;if(bgW<0){bgW=0}if(bgW>this.CB['volumeBg'].offsetWidth){bgW=this.CB['volumeBg'].offsetWidth}this.css(this.CB['volumeUp'],'width',bgW+'px')}if(button&&this.conBarShow){var buLeft=parseInt(this.CB['volumeUp'].offsetWidth-(this.CB['volumeBO'].offsetWidth*0.5));if(buLeft>this.CB['volumeBg'].offsetWidth-this.CB['volumeBO'].offsetWidth){buLeft=this.CB['volumeBg'].offsetWidth-this.CB['volumeBO'].offsetWidth}if(buLeft<0){buLeft=0}this.css(this.CB['volumeBO'],'left',buLeft+'px')}},videoMute:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoMute();return}this.volumeTemp=this.V?(this.V.volume>0?this.V.volume:this.vars['volume']):this.vars['volume'];this.changeVolume(0)},videoEscMute:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoEscMute();return}this.changeVolume(this.volumeTemp>0?this.volumeTemp:this.vars['volume'])},adMute:function(){if(!this.loaded){return}this.changeVolume(0);this.adVideoMute=true;this.css(this.CB['adEscMute'],'display','block');this.css(this.CB['adMute'],'display','none')},escAdMute:function(){if(!this.loaded){return}var v=this.ckStyle['advertisement']['videoVolume'];this.changeVolume(v);this.adMuteInto()},adMuteInto:function(){this.adVideoMute=false;this.css(this.CB['adEscMute'],'display','none');this.css(this.CB['adMute'],'display','block')},fastBack:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.fastBack();return}var time=this.time-this.ckConfig['config']['timeJump'];if(time<0){time=0}this.videoSeek(time)},fastNext:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.fastNext();return}var time=this.time+this.ckConfig['config']['timeJump'];if(time>this.V.duration){time=this.V.duration}this.videoSeek(time)},getCurrentSrc:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){return this.V.getCurrentSrc()}return this.V.currentSrc},switchFull:function(){if(this.full){this.quitFullScreen()}else{this.fullScreen()}},fullScreen:function(){if(this.html5Video&&this.playerType=='html5video'){var element=this.PD;if(element.requestFullscreen){element.requestFullscreen()}else if(element.mozRequestFullScreen){element.mozRequestFullScreen()}else if(element.webkitRequestFullscreen){element.webkitRequestFullscreen()}else if(element.msRequestFullscreen){element.msRequestFullscreen()}else if(element.oRequestFullscreen){element.oRequestFullscreen()}this.judgeFullScreen()}else{}},quitFullScreen:function(){if(this.html5Video&&this.playerType=='html5video'){if(document.exitFullscreen){document.exitFullscreen()}else if(document.msExitFullscreen){document.msExitFullscreen()}else if(document.mozCancelFullScreen){document.mozCancelFullScreen()}else if(document.oRequestFullscreen){document.oCancelFullScreen()}else if(document.requestFullscreen){document.requestFullscreen()}else if(document.webkitExitFullscreen){document.webkitExitFullscreen()}else{this.css(document.documentElement,'cssText','');this.css(document.document.body,'cssText','');this.css(this.PD,'cssText','')}this.judgeFullScreen()}},videoRotation:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoRotation(n);return}if(this.isUndefined(n)){n=0}var tf=this.css(this.V,'transform');if(this.isUndefined(tf)&&!tf){tf='rotate(0deg)'}var reg=tf.match(/rotate\([^)]+\)/);reg=reg?reg[0].replace('rotate(','').replace('deg)',''):'';if(reg==''){reg=0}else{reg=parseInt(reg)}if(n==-1){reg-=90}else if(n==1){reg+=90}else{if(n!=90&&n!=180&&n!=270&&n!=-90&&n!=-180&&n!=-270){reg=0}else{reg=n}}n=reg;var y90=n%90,y180=n%180,y270=n%270;var ys=false;if(y90==0&&y180==90&&y270==90){ys=true}if(y90==0&&y180==90&&y270==0){ys=true}if(y90==-0&&y180==-90&&y270==-90){ys=true}if(y90==-0&&y180==-90&&y270==-0){ys=true}tf=tf.replace(/rotate\([^)]+\)/,'').replace(/scale\([^)]+\)/,'')+' rotate('+n+'deg)';var cdW=this.CD.offsetWidth,cdH=this.CD.offsetHeight,vW=this.V.videoWidth,vH=this.V.videoHeight;if(vW>0&&vH>0){if(ys){if(cdW/cdH>vH/vW){nH=cdH;nW=vH*nH/vW}else{nW=cdW;nH=vW*nW/vH}this.css(this.V,'transform','rotate(0deg)');this.css(this.V,'transform','scale('+nH/cdW+','+nW/cdH+')'+tf)}else{this.css(this.V,'transform',tf)}}else{this.css(this.V,'transform',tf)}return},videoBrightness:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoBrightness(n);return}},videoContrast:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoContrast(n);return}},videoSaturation:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoSaturation(n);return}},videoHue:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoHue(n);return}},videoZoom:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoZoom(n);return}if(this.isUndefined(n)){n=1}if(n<0){n=0}if(n>2){n=2}var tf=this.css(this.V,'transform');tf=tf.replace(/scale\([^)]+\)/,'')+' scale('+n+')';this.videoScale=n;this.css(this.V,'transform',tf);return},videoProportion:function(w,h){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoProportion(w,h);return}},adPlay:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.adPlay();return}if(this.adPlayerPlay){this.adIsPause=false;var ad=this.getNowAdvertisements();var type=ad['type'];if(this.isStrImage(type)){this.adCountDown()}else{this.V.play()}}},adPause:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.adPause();return}if(this.adPlayerPlay){this.adIsPause=true;var ad=this.getNowAdvertisements();var type=ad['type'];if(type!='jpg'&&type!='jpeg'&&type!='png'&&type!='svg'&&type!='gif'){this.videoPause()}}},videoError:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoError(n);return}},changeConfig:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){var args=Array.prototype.slice.call(arguments);switch(args.length){case 1:this.V.changeConfig(args[0]);break;case 2:this.V.changeConfig(args[0],args[1]);break;case 3:this.V.changeConfig(args[0],args[1],args[2]);break;case 4:this.V.changeConfig(args[0],args[1],args[2],args[3]);break;case 5:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4]);break;case 6:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5]);break;case 7:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);break;case 8:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6],args[7]);break;case 8:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6],args[7],args[8]);break}return}var obj=this.ckConfig;var arg=arguments;for(var i=0;i<arg.length-1;i++){if(obj.hasOwnProperty(arg[i])){obj=obj[arg[i]]}else{return}}var val=arg[arg.length-1];switch(arg.length){case 2:this.ckConfig[arg[0]]=val;break;case 3:this.ckConfig[arg[0]][arg[1]]=val;break;case 4:this.ckConfig[arg[0]][arg[1]][arg[2]]=val;break;case 5:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]]=val;break;case 6:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]]=val;break;case 7:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]]=val;break;case 8:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]]=val;break;case 9:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]][arg[7]]=val;break;case 10:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]][arg[7]][arg[8]]=val;break;default:break}this.sendJS('configChange',this.ckConfig)},custom:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.custom(arguments);return}if(this.isUndefined(arguments)){return}var type='',name='',display='';if(arguments.length==4){type='controlBar-'+arguments[1];name=arguments[2];display=arguments[3]?'block':'none'}else if(arguments.length==3){type='player-'+arguments[0];name=arguments[1];display=arguments[2]?'block':'none'}else{return}for(var k in this.customeElement){var obj=this.customeElement[k];if(obj['type']==type&&obj['name']==name){this.css(obj['ele'],'display',display)}}},getConfig:function(){if(!this.loaded){return null}if(this.playerType=='flashplayer'){return this.V.getConfig(arguments)}else{var temp=this.ckConfig;for(var index in arguments){try{temp=temp[arguments[index]]}catch(error){temp=null}};return temp}},openUrl:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.openUrl(n);return}},videoClear:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoClear();return}this.V.innerHTML='';this.V.src=''},newVideo:function(c){if(this.playerType=='flashplayer'){this.V.newVideo(c);return}else{this.embed(c)}},screenshot:function(obj,save,name){if(!this.loaded){return}if(this.playerType=='flashplayer'){try{this.V.screenshot(obj,save,name)}catch(error){this.log(error)}return}if(obj=='video'){var newCanvas=document.createElement('canvas');newCanvas.width=this.V.videoWidth;newCanvas.height=this.V.videoHeight;newCanvas.getContext('2d').drawImage(this.V,0,0,this.V.videoWidth,this.V.videoHeight);try{var base64=newCanvas.toDataURL('image/jpeg');this.sendJS('screenshot',{object:obj,save:save,name:name,base64:base64})}catch(error){this.log(error)}}},changeSize:function(w,h){if(this.isUndefined(w)){w=0}if(this.isUndefined(h)){h=0}if(w>0){this.css(this.CD,'width',w+'px')}if(h>0){this.css(this.CD,'height',h+'px')}if(this.html5Video){this.playerResize()}},playerResize:function(){this.controlBar();this.elementCoordinate();this.carbarButton();this.customCoor();this.timeProgressDefault();this.videoCss();this.timeUpdateHandler();this.changeElementCoor();this.changePrompt();this.advertisementStyle();this.adPauseCoor();this.adOtherCoor();this.changeLoad();this.sendJS('resize')},changePlaybackRate:function(n){if(this.html5Video){var arr=this.playbackRateArr;n=parseInt(n);if(n<arr.length){this.newPlaybackrate(arr[n][1])}}},changeControlBarShow:function(show){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.changeControlBarShow(show);return}if(show){this.controlBarIsShow=true;this.controlBarHide(false)}else{this.controlBarIsShow=false;this.controlBarHide(true)}},embedSWF:function(){var vid='ckplayer-'+this.randomString();var flashvars=this.getFlashVars();var param=this.getFlashplayerParam();var flashplayerUrl='http://www.macromedia.com/go/getflashplayer';var html='',src=ckplayerPath+'ckplayer.swf';id='id="'+vid+'" name="'+vid+'" ';html+='<object pluginspage="'+flashplayerUrl+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=11,3,0,0" width="100%" height="100%" '+id+' align="middle" wmode="transparent">';html+=param['v'];html+='<param name="movie" value="'+src+'">';html+='<param name="flashvars" value="'+flashvars+'">';html+='<param name="wmode" value="transparent">';html+='<embed wmode="transparent" '+param['w']+' src="'+src+'" flashvars="'+flashvars+'" width="100%" height="100%" '+id+' align="middle" type="application/x-shockwave-flash" pluginspage="'+flashplayerUrl+'" />';html+='</object>';this.PD.innerHTML=html;this.V=this.getObjectById(vid);this.playerType='flashplayer'},checkShockwaveFlash:function(){if(window.ActiveXObject){try{var s=new ActiveXObject('ShockwaveFlash.ShockwaveFlash');if(s){return true}}catch(e){}}else{try{var s=navigator.plugins['Shockwave Flash'];if(s){return true}}catch(e){}}return false},getFlashVars:function(){this.getVarsObject();var v=this.vars;var z='';for(k in v){if(k!='flashplayer'&&k!='container'&&v[k]!=''){if(z!=''){z+='&'}var vk=v[k];if(vk==true){vk=1}if(vk==false){vk=0}z+=k+'='+vk}}if(!v.hasOwnProperty('volume')||!v['volume']){if(z!=''){z+='&'}z+='volume=0'}return z},isStrImage:function(s){if(s=='jpg'||s=='jpeg'||s=='png'||s=='svg'||s=='gif'){return true}return false},getVarsObject:function(){var v=this.vars;var f='',d='',w='';var arr=this.VA;var prompt=v['promptSpot'];var i=0;var video=this.vars['video'];if(this.varType(video)=='array'){var arr=video;for(i=0;i<arr.length;i++){var arr2=arr[i];if(arr2){if(f!=''){f+=this.ckConfig['config']['split'];d+=',';w+=',';v['type']+=this.ckConfig['config']['split']}f+=encodeURIComponent(decodeURIComponent(arr2[0]));d+=arr2[2];w+=arr2[3];v['type']+=arr2[1].replace('video/','')}}}else if(this.varType(video)=='object'){f=encodeURIComponent(decodeURIComponent(video['file']));if(!this.isUndefined(video['type'])){v['type']=video['type']}d='';w=''}else{f=encodeURIComponent(decodeURIComponent(video))}if(v['preview']!=null){v['previewscale']=v['preview']['scale'];v['preview']=v['preview']['file'].join(',')}if(prompt!=null){v['promptspot']='';v['promptspottime']='';for(i=0;i<prompt.length;i++){if(v['promptspot']!=''){v['promptspot']+=',';v['promptspottime']+=','}v['promptspot']+=prompt[i]['words'];v['promptspottime']+=prompt[i]['time']}}if(f!=''){v['video']=f;v['definition']=d;v['weight']=w}if(!v['volume']){v['volume']=0}var newV={};for(var k in v){if(v[k]!=null){newV[k]=v[k]}if(k=='type'){newV[k]=v[k].replace('video/m3u8','m3u8')}}this.vars=newV},getFlashplayerParam:function(){var w='',v='',o={allowScriptAccess:'always',allowFullScreen:true,quality:'high',bgcolor:'#000'};for(var e in o){w+=e+'="'+o[e]+'" ';v+='<param name="'+e+'" value="'+o[e]+'" />'}w=w.replace('movie=','src=');return{w:w,v:v}},getMetaDate:function(){if(!this.loaded||this.V==null){return false}if(this.playerType=='html5video'){var duration=0;try{duration=!isNaN(this.V.duration)?this.V.duration:0;if(isNaN(duration)||parseInt(duration)<0.2){if(this.vars['duration']>0){duration=this.vars['duration']}}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}}catch(event){this.log(event)}var data={duration:duration,volume:this.V.volume,playbackRate:this.V.playbackRate,width:this.PD.offsetWidth||this.V.offsetWidth||this.V.width,height:this.PD.offsetHeight||this.V.offsetHeight||this.V.height,streamWidth:this.V.videoWidth,streamHeight:this.V.videoHeight,videoWidth:this.V.offsetWidth,videoHeight:this.V.offsetHeight,paused:this.V.paused,loadTime:this.loadTimeTemp};return data}else{try{return this.V.getMetaDate()}catch(event){this.log(event)}}return false},getVideoUrl:function(){if(this.playerType=='flashplayer'){return this.V.getVideoUrl()}var arr=[];if(this.V.src){arr.push(this.V.src)}else{var uArr=this.V.childNodes;for(var i=0;i<uArr.length;i++){arr.push(uArr[i].src)}}return arr},clickEvent:function(call){if(call=='none'||call==''||call==null){return{type:'none'}}var callArr=call.split('->');var type='',fun='',link='',target='';if(callArr.length==2){var callM=callArr[0];var callE=callArr[1];if(!callE){return{type:'none'}}var val='';var eArr=[];type=callM;switch(callM){case'actionScript':if(callE.indexOf('(')>-1){eArr=callE.split('(');callE=eArr[0];val=eArr[1].replace(')','')}if(val==''){fun='thisTemp.'+callE+'()'}else{fun='thisTemp.'+callE+'('+val+')'}break;case'javaScript':if(callE.substr(0,11)=='[flashvars]'){callE=callE.substr(11);if(this.vars.hasOwnProperty(callE)){callE=this.vars[callE]}else{break}}if(callE.indexOf('(')>-1){eArr=callE.split('(');callE=eArr[0];val=eArr[1].replace(')','')}if(val==''){fun=callE+'()'}else{fun=callE+'('+val+')'}break;case"link":var callLink=(callE+',').split(',');if(callLink[0].substr(0,11)=='[flashvars]'){var fl=callLink[0].replace('[flashvars]','');if(this.vars.hasOwnProperty(fl)){callLink[0]=this.vars[fl]}else{break}}if(!callLink[1]){callLink[1]='_blank'}link=callLink[0];target=callLink[1];break}}return{type:type,fun:fun,link:link,target:target}},getPosition:function(obj,rEle){var pw=this.PD.offsetWidth,ph=this.PD.offsetHeight;var x=0,y=0;var left=0,top=0,rw=0,rh=0;if(!this.isUndefined(rEle)){left=parseInt(this.css(rEle,'left')),top=parseInt(this.css(rEle,'top')),rw=rEle.offsetWidth,rh=rEle.offsetHeight}switch(obj['align']){case'left':x=obj['offsetX']+left;break;case'center':x=pw*0.5+obj['offsetX'];if(left){x-=(pw*0.5-rw*0.5-left)}break;case'right':x=pw+obj['offsetX'];if(left){x-=(pw-left-rw)}break}switch(obj['vAlign']){case'top':y=obj['offsetY']+top;break;case'middle':y=ph*0.5+obj['offsetY']-top-(rh*0.5);if(top){x-=(ph*0.5-rh*0.5-top)}break;case'bottom':y=ph+obj['offsetY'];if(top){y-=(ph-top-rh)}break}return{x:x,y:y}},addElement:function(attribute){var thisTemp=this;if(this.playerType=='flashplayer'){return this.V.addElement(attribute)}var i=0;var obj={list:null,x:'100%',y:"50%",position:null,alpha:1,backgroundColor:'',backAlpha:1,backRadius:0,clickEvent:''};obj=this.standardization(obj,attribute);var list=obj['list'];if(list==null){return''}var id='element-'+this.randomString(10);var ele=document.createElement('div');ele.className=id;if(obj['x']){ele.setAttribute('data-x',obj['x'])}if(obj['y']){ele.setAttribute('data-y',obj['y'])}if(obj['position']!=null){ele.setAttribute('data-position',obj['position'].join(','))}this.PD.appendChild(ele);this.css(ele,{position:'absolute',filter:'alpha(opacity:'+obj['alpha']+')',opacity:obj['alpha'].toString(),width:'800px',zIndex:'20'});var bgid='elementbg'+this.randomString(10);var bgAlpha=obj['alpha'].toString();var bgColor=obj['backgroundColor'].replace('0x','#');var html='';var idArr=[];var clickArr=[];if(!this.isUndefined(list)&&list.length>0){var textObj,returnObj,clickEvent;for(i=0;i<list.length;i++){var newEleid='elementnew'+this.randomString(10);switch(list[i]['type']){case'image':case'png':case'jpg':case'jpeg':case'gif':textObj={type:'image',file:'',radius:0,width:30,height:30,alpha:1,paddingLeft:0,paddingRight:0,paddingTop:0,paddingBottom:0,marginLeft:0,marginRight:0,marginTop:0,marginBottom:0,backgroundColor:'',clickEvent:''};list[i]=this.standardization(textObj,list[i]);clickEvent=this.clickEvent(list[i]['clickEvent']);clickArr.push(clickEvent);if(clickEvent['type']=='link'){html+='<div class="'+newEleid+'" data-i="'+i+'"><a href="'+clickEvent['link']+'" target="'+clickEvent['target']+'"><img class="'+newEleid+'_image" src="'+list[i]['file']+'" style="border:0;"></a></div>'}else{html+='<div class="'+newEleid+'" data-i="'+i+'"><img class="'+newEleid+'_image" src="'+list[i]['file']+'" style="border:0;"></div>'}break;case'text':textObj={type:'text',text:'',color:'0xFFFFFF',size:14,fontFamily:this.fontFamily,leading:0,alpha:1,paddingLeft:0,paddingRight:0,paddingTop:0,paddingBottom:0,marginLeft:0,marginRight:0,marginTop:0,marginBottom:0,backgroundColor:'',backAlpha:1,backRadius:0,clickEvent:''};list[i]=this.standardization(textObj,list[i]);clickEvent=this.clickEvent(list[i]['clickEvent']);clickArr.push(clickEvent);if(clickEvent['type']=='link'){html+='<div class="'+newEleid+'" data-i="'+i+'"><div class="'+newEleid+'_bg"></div><div class="'+newEleid+'_text"><a href="'+clickEvent['link']+'" target="'+clickEvent['target']+'">'+list[i]['text']+'</a></div></div>'}else{html+='<div  class="'+newEleid+'" data-i="'+i+'"><div class="'+newEleid+'_bg"></div><div class="'+newEleid+'_text">'+list[i]['text']+'</div></div>'}break;default:break}idArr.push(newEleid)}}var objClickEvent=this.clickEvent(obj['clickEvent']);ele.innerHTML='<div class="'+bgid+'"></div><div class="'+bgid+'_c">'+html+'</div>';if(objClickEvent['type']=='javaScript'||objClickEvent['type']=='actionScript'){var objClickHandler=function(){eval(objClickEvent['fun']);thisTemp.sendJS('clickEvent',clk['type']+'->'+clk['fun'].replace('thisTemp.','').replace('()',''))};this.addListenerInside('click',objClickHandler,this.getByElement(bgid+'_c'))}this.css(bgid+'_c',{position:'absolute',zIndex:'2'});for(i=0;i<idArr.length;i++){var clk=clickArr[i];if(clk['type']=='javaScript'||clk['type']=='actionScript'){var clickHandler=function(){clk=clickArr[thisTemp.getDataset(this,'i')];eval(clk['fun']);thisTemp.sendJS('clickEvent',clk['type']+'->'+clk['fun'].replace('thisTemp.','').replace('()',''))};this.addListenerInside('click',clickHandler,this.getByElement(idArr[i]))}switch(list[i]['type']){case'image':case'png':case'jpg':case'jpeg':case'gif':this.css(idArr[i],{float:'left',width:list[i]['width']+'px',height:list[i]['height']+'px',filter:'alpha(opacity:'+list[i]['alpha']+')',opacity:list[i]['alpha'].toString(),marginLeft:list[i]['marginLeft']+'px',marginRight:list[i]['marginRight']+'px',marginTop:list[i]['marginTop']+'px',marginBottom:list[i]['marginBottom']+'px',borderRadius:list[i]['radius']+'px',cursor:'pointer'});this.css(idArr[i]+'_image',{width:list[i]['width']+'px',height:list[i]['height']+'px',borderRadius:list[i]['radius']+'px'});break;case'text':this.css(idArr[i]+'_text',{filter:'alpha(opacity:'+list[i]['alpha']+')',opacity:list[i]['alpha'].toString(),borderRadius:list[i]['radius']+'px',fontFamily:list[i]['font'],fontSize:list[i]['size']+'px',color:list[i]['color'].replace('0x','#'),lineHeight:list[i]['leading']>0?list[i]['leading']+'px':'',paddingLeft:list[i]['paddingLeft']+'px',paddingRight:list[i]['paddingRight']+'px',paddingTop:list[i]['paddingTop']+'px',paddingBottom:list[i]['paddingBottom']+'px',whiteSpace:'nowrap',position:'absolute',zIndex:'3',cursor:'pointer'});this.css(idArr[i],{float:'left',width:this.getByElement(idArr[i]+'_text').offsetWidth+'px',height:this.getByElement(idArr[i]+'_text').offsetHeight+'px',marginLeft:list[i]['marginLeft']+'px',marginRight:list[i]['marginRight']+'px',marginTop:list[i]['marginTop']+'px',marginBottom:list[i]['marginBottom']+'px'});this.css(idArr[i]+'_bg',{width:this.getByElement(idArr[i]+'_text').offsetWidth+'px',height:this.getByElement(idArr[i]+'_text').offsetHeight+'px',filter:'alpha(opacity:'+list[i]['backAlpha']+')',opacity:list[i]['backAlpha'].toString(),borderRadius:list[i]['backRadius']+'px',backgroundColor:list[i]['backgroundColor'].replace('0x','#'),position:'absolute',zIndex:'2'});break;default:break}}this.css(bgid,{width:this.getByElement(bgid+'_c').offsetWidth+'px',height:this.getByElement(bgid+'_c').offsetHeight+'px',position:'absolute',filter:'alpha(opacity:'+bgAlpha+')',opacity:bgAlpha,backgroundColor:bgColor.replace('0x','#'),borderRadius:obj['backRadius']+'px',zIndex:'1'});this.css(ele,{width:this.getByElement(bgid).offsetWidth+'px',height:this.getByElement(bgid).offsetHeight+'px'});var eidCoor=this.calculationCoor(ele);this.css(ele,{left:eidCoor['x']+'px',top:eidCoor['y']+'px'});this.elementArr.push(ele.className);return ele},getElement:function(element){if(this.playerType=='flashplayer'){return this.V.getElement(element)}var ele=element;if(this.varType(element)=='string'){ele=this.getByElement(element)}var coor=this.getCoor(ele);return{x:coor['x'],y:coor['y'],width:ele.offsetWidth,height:ele.offsetHeight,alpha:!this.isUndefined(this.css(ele,'opacity'))?parseFloat(this.css(ele,'opacity')):1,show:this.css(ele,'display')=='none'?false:true}},elementShow:function(element,show){if(this.playerType=='flashplayer'){this.V.elementShow(element,show);return}if(this.varType(element)=='string'){if(element){this.css(ele,'display',show==true?'block':'none')}else{var arr=this.elementTempArr;for(var i=0;i<arr.length;i++){this.css(arr[i],'display',show==true?'block':'none')}}}},calculationCoor:function(ele){if(this.playerType=='flashplayer'){return this.V.calculationCoor(ele)}if(this.isUndefined(ele)){return}if(ele==[]){return}var x,y,position=[];var w=this.PD.offsetWidth,h=this.PD.offsetHeight;var ew=ele.offsetWidth,eh=ele.offsetHeight;if(!this.isUndefined(this.getDataset(ele,'x'))){x=this.getDataset(ele,'x')}if(!this.isUndefined(this.getDataset(ele,'y'))){y=this.getDataset(ele,'y')}if(!this.isUndefined(this.getDataset(ele,'position'))){try{position=this.getDataset(ele,'position').toString().split(',')}catch(event){}}if(position.length>0){position.push(null,null,null,null);var i=0;for(i=0;i<position.length;i++){if(this.isUndefined(position[i])||position[i]==null||position[i]=='null'||position[i]==''){position[i]=null}else{position[i]=parseFloat(position[i])}}if(position[2]==null){switch(position[0]){case 0:x=0;break;case 1:x=parseInt((w-ew)*0.5);break;default:x=w-ew;break}}else{switch(position[0]){case 0:x=position[2];break;case 1:x=parseInt(w*0.5)+position[2];break;default:x=w+position[2];break}}if(position[3]==null){switch(position[1]){case 0:y=0;break;case 1:y=parseInt((h-eh)*0.5);break;default:y=h-eh;break}}else{switch(position[1]){case 0:y=position[3];break;case 1:y=parseInt(h*0.5)+position[3];break;default:y=h+position[3];break}}}else{if(x.substring(x.length-1,x.length)=='%'){x=Math.floor(parseInt(x.substring(0,x.length-1))*w*0.01)}if(y.substring(y.length-1,y.length)=='%'){y=Math.floor(parseInt(y.substring(0,y.length-1))*h*0.01)}}return{x:x,y:y}},changeElementCoor:function(){for(var i=0;i<this.elementArr.length;i++){if(!this.isUndefined(this.getByElement(this.elementArr[i]))){if(this.getByElement(this.elementArr[i])!=[]){var c=this.calculationCoor(this.getByElement(this.elementArr[i]));if(c['x']&&c['y']){this.css(this.elementArr[i],{top:c['y']+'px',left:c['x']+'px'})}}}}},tween:function(){var Tween={None:{easeIn:function(t,b,c,d){return c*t/d+b},easeOut:function(t,b,c,d){return c*t/d+b},easeInOut:function(t,b,c,d){return c*t/d+b}},Quadratic:{easeIn:function(t,b,c,d){return c*(t/=d)*t+b},easeOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b}},Cubic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t+b;return c/2*((t-=2)*t*t+2)+b}},Quartic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t+b},easeOut:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t+b;return-c/2*((t-=2)*t*t*t-2)+b}},Quintic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t*t+b;return c/2*((t-=2)*t*t*t*t+2)+b}},Sine:{easeIn:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b},easeOut:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b},easeInOut:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b}},Exponential:{easeIn:function(t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b},easeOut:function(t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b},easeInOut:function(t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/2)<1)return c/2*Math.pow(2,10*(t-1))+b;return c/2*(-Math.pow(2,-10*--t)+2)+b}},Circular:{easeIn:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b},easeOut:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return-c/2*(Math.sqrt(1-t*t)-1)+b;return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b}},Elastic:{easeIn:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b},easeOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return(a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b)},easeInOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d/2)==2)return b+c;if(!p)p=d*(.3*1.5);if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b}},Back:{easeIn:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*(t/=d)*t*((s+1)*t-s)+b},easeOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},easeInOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;if((t/=d/2)<1)return c/2*(t*t*(((s*=(1.525))+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b}},Bounce:{easeIn:function(t,b,c,d){return c-Tween.Bounce.easeOut(d-t,0,c,d)+b},easeOut:function(t,b,c,d){if((t/=d)<(1/2.75)){return c*(7.5625*t*t)+b}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/2.75))*t+.75)+b}else if(t<(2.5/2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b}else{return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b}},easeInOut:function(t,b,c,d){if(t<d/2)return Tween.Bounce.easeIn(t*2,0,c,d)*.5+b;else return Tween.Bounce.easeOut(t*2-d,0,c,d)*.5+c*.5+b}}};return Tween},animate:function(attribute){if(this.playerType=='flashplayer'){return this.V.animate(attribute)}var thisTemp=this;var animateId='animate_'+this.randomString();var obj={element:null,parameter:'x',static:false,effect:'None.easeIn',start:null,end:null,speed:0,overStop:false,pauseStop:false,callBack:null};obj=this.standardization(obj,attribute);if(obj['element']==null||obj['speed']==0){return false}var w=this.PD.offsetWidth,h=this.PD.offsetHeight;var effArr=(obj['effect']+'.').split('.');var tweenFun=this.tween()[effArr[0]][effArr[1]];var eleCoor={x:0,y:0};if(this.isUndefined(tweenFun)){return false}var def=this.arrIndexOf(this.elementArr,obj['element'].className);if(def>-1){this.elementTempArr.push(obj['element'].className);this.elementArr.splice(def,1)}var css={};var pm=this.getElement(obj['element']);var t=0;var b=0;var c=0;var d=obj['speed']*1000;var timerTween=null;var tweenObj=null;var start=obj['start']==null?'':obj['start'].toString();var end=obj['end']==null?'':obj['end'].toString();switch(obj['parameter']){case'x':if(obj['start']==null){b=pm['x']}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(start)*w*0.01}else{b=parseInt(start)}}if(obj['end']==null){c=pm['x']-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)*w*0.01-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])-b}else{c=parseInt(end)}}else{c=parseInt(end)-b}}break;case'y':if(obj['start']==null){b=pm['y']}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(start)*h*0.01}else{b=parseInt(start)}}if(obj['end']==null){c=pm['y']-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)*h*0.01-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])-b}else{c=parseInt(end)}}else{c=parseInt(end)-b}}break;case'alpha':if(obj['start']==null){b=pm['alpha']*100}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(obj['start'])}else{b=parseInt(obj['start']*100)}}if(obj['end']==null){c=pm['alpha']*100-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])*100-b}else{c=parseInt(obj['end'])*100}}else{c=parseInt(obj['end'])*100-b}}break}var callBack=function(){var index=thisTemp.arrIndexOf(thisTemp.animateElementArray,animateId);if(index>-1){thisTemp.animateArray.splice(index,1);thisTemp.animateElementArray.splice(index,1)}index=thisTemp.arrIndexOf(thisTemp.animatePauseArray,animateId);if(index>-1){thisTemp.animatePauseArray.splice(index,1)}if(obj['callBack']!=null&&obj['element']&&obj['callBack']!='callBack'&&obj['callBack']!='tweenX'&&obj['tweenY']!='callBack'&&obj['callBack']!='tweenAlpha'){var cb=eval(obj['callBack']);cb(obj['element']);obj['callBack']=null}};var stopTween=function(){if(timerTween!=null){if(timerTween.runing){timerTween.stop()}timerTween=null}};var tweenX=function(){if(t<d){t+=10;css={left:Math.ceil(tweenFun(t,b,c,d))+'px'};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['top']=eleCoor['y']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defX=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defX>-1){this.elementTempArr.splice(defX,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};var tweenY=function(){if(t<d){t+=10;css={top:Math.ceil(tweenFun(t,b,c,d))+'px'};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['left']=eleCoor['x']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defY=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defY>-1){this.elementTempArr.splice(defY,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};var tweenAlpha=function(){if(t<d){t+=10;eleCoor=thisTemp.calculationCoor(obj['element']);var ap=Math.ceil(tweenFun(t,b,c,d))*0.01;css={filter:'alpha(opacity:'+ap+')',opacity:ap.toString()};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['top']=eleCoor['y']+'px';css['left']=eleCoor['x']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defA=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defA>-1){this.elementTempArr.splice(defA,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};switch(obj['parameter']){case'x':tweenObj=tweenX;break;case'y':tweenObj=tweenY;break;case'alpha':tweenObj=tweenAlpha;break;default:break}timerTween=new thisTemp.timer(10,tweenObj);timerTween.callBackFunction=callBack;if(obj['overStop']){var mouseOver=function(){if(timerTween!=null&&timerTween.runing){timerTween.stop()}};this.addListenerInside('mouseover',mouseOver,obj['element']);var mouseOut=function(){var start=true;if(obj['pauseStop']&&thisTemp.getMetaDate()['paused']){start=false}if(timerTween!=null&&!timerTween.runing&&start){timerTween.start()}};this.addListenerInside('mouseout',mouseOut,obj['element'])}this.animateArray.push(timerTween);this.animateElementArray.push(animateId);if(obj['pauseStop']){this.animatePauseArray.push(animateId)}return animateId},animateResume:function(id){if(this.playerType=='flashplayer'){this.V.animateResume(this.isUndefined(id)?'':id);return}var arr=[];if(id!=''&&!this.isUndefined(id)&&id!='pause'){arr.push(id)}else{if(id==='pause'){arr=this.animatePauseArray}else{arr=this.animateElementArray}}for(var i=0;i<arr.length;i++){var index=this.arrIndexOf(this.animateElementArray,arr[i]);if(index>-1){this.animateArray[index].start()}}},animatePause:function(id){if(this.playerType=='flashplayer'){this.V.animatePause(this.isUndefined(id)?'':id);return}var arr=[];if(id!=''&&!this.isUndefined(id)&&id!='pause'){arr.push(id)}else{if(id==='pause'){arr=this.animatePauseArray}else{arr=this.animateElementArray}}for(var i=0;i<arr.length;i++){var index=this.arrIndexOf(this.animateElementArray,arr[i]);if(index>-1){this.animateArray[index].stop()}}},deleteAnimate:function(id){if(this.playerType=='flashplayer'&&this.V){try{this.V.deleteAnimate(id)}catch(event){this.log(event)}return}var index=this.arrIndexOf(this.animateElementArray,id);if(index>-1){this.animateArray[index].callBackFunction();this.animateArray.splice(index,1);this.animateElementArray.splice(index,1)}},deleteElement:function(ele){if(this.playerType=='flashplayer'&&this.V){try{this.V.deleteElement(ele)}catch(event){}return}var def=this.arrIndexOf(this.elementArr,ele.className);if(def>-1){this.elementArr.splice(def,1)}try{def=this.arrIndexOf(this.elementTempArr,ele.className);if(def>-1){this.elementTempArr.splice(def,1)}}catch(event){}this.deleteAnimate(ele.className);this.deleteChild(ele)},getByElement:function(obj,parent){if(this.isUndefined(parent)){parent=document}var num=obj.substr(0,1);var res=[];if(num!='#'){if(num=='.'){obj=obj.substr(1,obj.length)}if(parent.getElementsByClassName){res=parent.getElementsByClassName(obj);if(!res.length){return null}}else{var reg=new RegExp(' '+obj+' ','i');var ele=parent.getElementsByTagName('*');for(var i=0;i<ele.length;i++){if(reg.test(' '+ele[i].className+' ')){res.push(ele[i])}}}if(res.length>0){res=res[0]}else{res=null}}else{if(num=='#'){obj=obj.substr(1,obj.length)}try{res=document.getElementById(obj)}catch(event){res=null}}return res},css:function(elem,attribute,value){var i=0;var k='';if(this.varType(elem)=='array'){for(i=0;i<elem.length;i++){var el;if(typeof(elem[i])=='string'){el=this.getByElement(elem[i])}else{el=elem[i]}if(typeof(attribute)!='object'){if(!this.isUndefined(value)){el.style[attribute]=value}}else{for(k in attribute){if(!this.isUndefined(attribute[k])){try{el.style[k]=attribute[k]}catch(event){this.log(event)}}}}}return}if(this.varType(elem)=='string'){elem=this.getByElement(elem)}if(this.varType(attribute)!='object'){if(!this.isUndefined(value)){elem.style[attribute]=value}else{if(!this.isUndefined(this.getStyle(elem,attribute))){return this.getStyle(elem,attribute)}else{return false}}}else{for(k in attribute){if(!this.isUndefined(attribute[k])){elem.style[k]=attribute[k]}}}},getStyle:function(obj,attr){if(!this.isUndefined(obj.style[attr])){return obj.style[attr]}else{if(obj.currentStyle){return obj.currentStyle[attr]}else{return getComputedStyle(obj,false)[attr]}}},isUndefined:function(value){try{if(value==='undefined'||value===undefined||value===null||value==='NaN'||value===NaN){return true}}catch(event){this.log(event);return true}return false},addListener:function(name,funName){if(name&&funName){if(this.playerType=='flashplayer'){var ff='';if(this.varType(funName)=='function'){ff=this.getParameterNames(funName)}this.V.addListener(name,ff);return}var have=false;for(var i=0;i<this.listenerJsArr.length;i++){var arr=this.listenerJsArr[i];if(arr[0]==name&&arr[1]==funName){have=true;break}}if(!have){this.listenerJsArr.push([name,funName])}}},removeListener:function(name,funName){if(name&&funName){if(this.playerType=='flashplayer'){var ff='';if(this.varType(funName)=='function'){ff=this.getParameterNames(funName)}this.V.removeListener(name,ff);return}for(var i=0;i<this.listenerJsArr.length;i++){var arr=this.listenerJsArr[i];if(arr[0]==name&&arr[1]==funName){this.listenerJsArr.splice(i,1);break}}}},addListenerInside:function(e,f,d,t){if(this.isUndefined(t)){t=false}var o=this.V;if(!this.isUndefined(d)){o=d}if(o.addEventListener){try{o.addEventListener(e,f,t)}catch(event){this.log(event)}}else if(o.attachEvent){try{o.attachEvent('on'+e,f)}catch(event){this.log(event)}}else{o['on'+e]=f}},removeListenerInside:function(e,f,d,t){if(this.isUndefined(t)){t=false}var o=this.V;if(!this.isUndefined(d)){o=d}if(o.removeEventListener){try{this.addNum--;o.removeEventListener(e,f,t)}catch(e){}}else if(o.detachEvent){try{o.detachEvent('on'+e,f)}catch(e){}}else{o['on'+e]=null}},sendJS:function(name,val){if(this.adPlayerPlay&&name.substr(-2)!='Ad'){return}if(this.isUndefined(name)){return}var list=this.listenerJsArr;var obj=this.vars['variable'];if(this.vars['debug']){this.log(name+':'+val)}for(var i=0;i<list.length;i++){var arr=list[i];if(arr[0]==name){if(!this.isUndefined(val)){switch(arr[1].length){case 1:arr[1](val);break;case 2:arr[1](val,obj);break;default:arr[1]();break}}else{arr[1](obj)}}}},getParameterNames:function(fn){if(this.varType(fn)!=='function'){return false}var COMMENTS=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;var code=fn.toString().replace(COMMENTS,'');var result=code.slice(code.indexOf(' ')+1,code.indexOf('('));return result===null?false:result},replaceTime:function(str,obj){for(var k in obj){str=str.replace('[$'+k+']',obj[k])}return str},formatTime:function(t,dt,str){if(this.isUndefined(t)||isNaN(t)){seconds=0}if(this.isUndefined(dt)||isNaN(dt)){dt=0}var minuteS=Math.floor(t/60);var minute=minuteS;var hourS=Math.floor(t/3600);var second=t%60;if(minuteS>=60){minute=Math.floor(minuteS%60)}var hminuteS=Math.floor(dt/60);var hminute=hminuteS;var hhourS=Math.floor(dt/3600);var hsecond=dt%60;if(hminuteS>=60){hminute=Math.floor(hminuteS%60)}var nowDate=new Date();var obj={timeh:hourS,timei:minute,timeI:minuteS,times:second,timeS:t,durationh:hhourS,durationi:hminute,durationI:hminuteS,durations:hsecond,durationS:dt,liveTimey:nowDate.getYear(),liveTimeY:nowDate.getFullYear(),liveTimem:nowDate.getMonth()+1,liveTimed:nowDate.getDate(),liveTimeh:nowDate.getHours(),liveTimei:nowDate.getMinutes(),liveTimes:nowDate.getSeconds()};for(var k in obj){if(obj[k]<10){obj[k]='0'+Math.floor(obj[k])}else{obj[k]=Math.floor(obj[k]).toString()}}return this.replaceTime(str,obj)},randomString:function(len){len=len||16;var chars='abcdefghijklmnopqrstuvwxyz';var maxPos=chars.length;var val='';for(i=0;i<len;i++){val+=chars.charAt(Math.floor(Math.random()*maxPos))}return'ch'+val},getStringLen:function(str){if(this.isUndefined(str)){return 0}var len=0;for(var i=0;i<str.length;i++){if(str.charCodeAt(i)>127||str.charCodeAt(i)==94){len+=2}else{len++}}return len},createXHR:function(){if(window.XMLHttpRequest){return new XMLHttpRequest()}else if(window.ActiveXObject){try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(event){try{return new ActiveXObject('Msxml2.XMLHTTP')}catch(event){this.eject(this.errorList[7])}}}else{this.eject(this.errorList[8])}},ajax:function(cObj){var thisTemp=this;var callback=null;var obj={method:'get',dataType:'json',charset:'utf-8',async:false,url:'',data:null,success:null,error:null};if(this.varType(cObj)!='object'){this.eject(this.errorList[9]);return}obj=this.standardization(obj,cObj);if(obj.dataType==='json'||obj.dataType==='text'||obj.dataType==='html'||obj.dataType==='xml'){var xhr=this.createXHR();callback=function(){if(xhr.status==200){if(thisTemp.isUndefined(obj.success)){return}if(obj.dataType==='json'){try{obj.success(eval('('+xhr.responseText+')'))}catch(event){if(!thisTemp.isUndefined(obj['error'])){obj.error(event)}}}else{obj.success(xhr.responseText)}}else{obj.success(null);thisTemp.eject(thisTemp.errorList[10],'Ajax.status:'+xhr.status)}};obj.url=obj.url.indexOf('?')==-1?obj.url+'?rand='+this.randomString(6):obj.url;obj.data=this.formatParams(obj.data);if(obj.method==='get'&&!this.isUndefined(obj.data)){if(obj.data!=''){if(obj.url.indexOf('?')==-1){obj.url+='?'+obj.data}else{obj.url+='&'+obj.data}}}if(obj.async===true){xhr.onreadystatechange=function(){if(xhr.readyState==4&&callback!=null){callback()}}}xhr.open(obj.method,obj.url,obj.async);if(obj.method==='post'){try{xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xhr.setRequestHeader('charset',obj['charset']);xhr.send(obj.data)}catch(event){callback()}}else{try{xhr.send(null)}catch(event){callback()}}if(obj.async===false){callback()}}else if(obj.dataType==='jsonp'){var oHead=document.getElementsByTagName('head')[0];var oScript=document.createElement('script');var callbackName='callback'+new Date().getTime();var params=this.formatParams(obj.data)+'&callback='+callbackName;callback=obj.success;oScript.src=obj.url.split('?')+'?'+params;oHead.insertBefore(oScript,oHead.firstChild);window[callbackName]=function(json){callback(json);oHead.removeChild(oScript)}}},loadJs:function(path,success){var oHead=document.getElementsByTagName('HEAD').item(0);var oScript=document.createElement('script');oScript.type='text/javascript';oScript.src=this.getNewUrl(path);oHead.appendChild(oScript);oScript.onload=function(){success()}},isMsie:function(){var browser=navigator.appName;var b_version=navigator.appVersion;var version=b_version.split(';');var trim_Version='';if(version.length>1){trim_Version=version[1].replace(/[ ]/g,'')}if(browser=='Microsoft Internet Explorer'&&(trim_Version=='MSIE6.0'||trim_Version=='MSIE7.0'||trim_Version=='MSIE8.0'||trim_Version=='MSIE9.0'||trim_Version=='MSIE10.0')){return false}return true},uploadFlash:function(){var swf;if(navigator.userAgent.indexOf('MSIE')>0){try{var swf=new ActiveXObject('ShockwaveFlash.ShockwaveFlash');return true}catch(e){return false}}if(navigator.userAgent.indexOf('Firefox')>0){swf=navigator.plugins['Shockwave Flash'];if(swf){return true}else{return false}}return true},supportVideo:function(){if(!this.isMsie()){return false}if(!!document.createElement('video').canPlayType){var vidTest=document.createElement('video');var oggTest;try{oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"')}catch(error){oggTest=false}if(!oggTest){var h264Test;try{h264Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')}catch(error){h264Test=false}if(!h264Test){return false}else{if(h264Test=="probably"){return true}else{return false}}}else{if(oggTest=="probably"){return true}else{return false}}}else{return false}},getDataset:function(ele,z){try{return ele.dataset[z]}catch(error){try{return ele.getAttribute('data-'+z)}catch(error){return false}}},getObjectById:function(id){var x=null;var y=this.getByElement('#'+id);var r='embed';if(y&&y.nodeName=='OBJECT'){if(this.varType(y.SetVariable)!='undefined'){x=y}else{var z=y.getElementsByTagName(r)[0];if(z){x=z}}}return x},formatParams:function(data){var arr=[];for(var i in data){arr.push(encodeURIComponent(i)+'='+encodeURIComponent(data[i]))}return arr.join('&')},arrSort:function(arr){var temp=[];for(var i=0;i<arr.length;i++){for(var j=0;j<arr.length-i;j++){if(!this.isUndefined(arr[j+1])&&arr[j][3]<arr[j+1][3]){temp=arr[j+1];arr[j+1]=arr[j];arr[j]=temp}}}return arr},getFileName:function(filepath){if(!filepath)return'';return filepath.replace(/(.*\/)*([^.]+).*/ig,'$2')},getFileExt:function(filepath){if(filepath!=''&&!this.isUndefined(filepath)){if(filepath.indexOf('?')>-1){filepath=filepath.split('?')[0]}var pos='.'+filepath.replace(/.+\./,'');return pos.toLowerCase()}return''},isMobile:function(){if(navigator.userAgent.toLowerCase().match(/(iphone|ipad|ipod|android|ios|midp|windows mobile|windows ce|rv:1.2.3.4|ucweb)/i)){return true}return false},isContains:function(str,key){return str.indexOf(key)>-1},getNewUrl:function(url){if(this.isContains(url,'?')){return url+='&'+this.randomString(8)+'='+this.randomString(8)}else{return url+='?'+this.randomString(8)+'='+this.randomString(8)}},client:function(event){var eve=event||window.event;if(this.isUndefined(eve)){eve={clientX:0,clientY:0}}return{x:eve.clientX+(document.documentElement.scrollLeft||this.body.scrollLeft)-this.pdCoor['x'],y:eve.clientY+(document.documentElement.scrollTop||this.body.scrollTop)-this.pdCoor['y']}},getCoor:function(obj){var coor=this.getXY(obj);return{x:coor['x']-this.pdCoor['x'],y:coor['y']-this.pdCoor['y']}},getXY:function(obj){var parObj=obj;var left=obj.offsetLeft;var top=obj.offsetTop;while(parObj=parObj.offsetParent){left+=parObj.offsetLeft;top+=parObj.offsetTop}return{x:left,y:top}},removeChild:function(){if(this.playerType=='html5video'){var i=0;var timerArr=[this.timerError,this.timerFull,this.timerTime,this.timerBuffer,this.timerClick,this.timerCBar,this.timerVCanvas];for(i=0;i<timerArr.length;i++){if(timerArr[i]!=null){if(timerArr[i].runing){timerArr[i].stop()}timerArr[i]=null}}var ltArr=this.listenerJsArr;for(i=0;i<ltArr.length;i++){this.removeListener(ltArr[i][0],ltArr[i][1])}}this.playerType=='';this.V=null;if(this.conBarShow){this.deleteChild(this.CB['menu'])}this.deleteChild(this.PD);this.CD.innerHTML=''},canvasFill:function(name,path){name.beginPath();for(var i=0;i<path.length;i++){var d=path[i];if(i>0){name.lineTo(d[0],d[1])}else{name.moveTo(d[0],d[1])}}name.closePath();name.fill()},canvasFillRect:function(name,path){for(var i=0;i<path.length;i++){var d=path[i];name.fillRect(d[0],d[1],d[2],d[3])}},deleteChild:function(f){var def=this.arrIndexOf(this.elementArr,f.className);if(def>-1){this.elementArr.splice(def,1)}var childs=f.childNodes;for(var i=childs.length-1;i>=0;i--){f.removeChild(childs[i])}if(f&&f!=null&&f.parentNode){try{if(f.parentNode){f.parentNode.removeChild(f)}}catch(event){}}},getProportionCoor:function(stageW,stageH,vw,vh){var w=0,h=0,x=0,y=0;if(stageW/stageH<vw/vh){w=stageW;h=w*vh/vw}else{h=stageH;w=h*vw/vh}x=(stageW-w)*0.5;y=(stageH-h)*0.5;return{width:parseInt(w),height:parseInt(h),x:parseInt(x),y:parseInt(y)}},parseSrtSubtitles:function(srt){var subtitlesArr=[];var textSubtitles=[];var i=0;var arrs=srt.split('\n');var arr=[];var delHtmlTag=function(str){return str.replace(/<[^>]+>/g,'')};for(i=0;i<arrs.length;i++){if(arrs[i].replace(/\s/g,'').length>0){arr.push(arrs[i])}else{if(arr.length>0){textSubtitles.push(arr)}arr=[]}}for(i=0;i<textSubtitles.length;++i){var textSubtitle=textSubtitles[i];if(textSubtitle.length>=2){var sn=textSubtitle[0];var startTime=this.toSeconds(this.trim(textSubtitle[1].split(' --> ')[0]));var endTime=this.toSeconds(this.trim(textSubtitle[1].split(' --> ')[1]));var content=[delHtmlTag(textSubtitle[2])];var cktrackdelay=this.vars['cktrackdelay'];if(cktrackdelay!=0){startTime+=cktrackdelay;endTime+=cktrackdelay}if(textSubtitle.length>2){for(var j=3;j<textSubtitle.length;j++){content.push(delHtmlTag(textSubtitle[j]))}}var subtitle={sn:sn,startTime:startTime,endTime:endTime,content:content};subtitlesArr.push(subtitle)}}return subtitlesArr},timer:function(time,fun,number){var thisTemp=this;this.time=10;this.fun=null;this.timeObj=null;this.number=0;this.numberTotal=null;this.runing=false;this.startFun=function(){thisTemp.number++;thisTemp.fun();if(thisTemp.numberTotal!=null&&thisTemp.number>=thisTemp.numberTotal){thisTemp.stop()}};this.start=function(){if(!thisTemp.runing){thisTemp.runing=true;thisTemp.timeObj=window.setInterval(thisTemp.startFun,time)}};this.stop=function(){if(thisTemp.runing){thisTemp.runing=false;window.clearInterval(thisTemp.timeObj);thisTemp.timeObj=null}};if(time){this.time=time}if(fun){this.fun=fun}if(number){this.numberTotal=number}this.start()},toSeconds:function(t){var s=0.0;if(t){var p=t.split(':');for(i=0;i<p.length;i++){s=s*60+parseFloat(p[i].replace(',','.'))}}return s},arrayInt:function(str){var a=str.split(',');var b=[];for(var i=0;i<a.length;i++){if(this.isUndefined(a[i])){a[i]=0}if(a[i].substr(-1)!='%'){a[i]=parseInt(a[i])}b.push(a[i])}return b},standardization:function(o,n){var h={};var k;for(k in o){h[k]=o[k]}for(k in n){var type='';if(h[k]){type=this.varType(h[k])}switch(type){case'number':h[k]=parseFloat(n[k]);break;default:h[k]=n[k];break}}return h},objectAssign:function(o,n){if(this.varType(o)!='object'||this.varType(n)!='object'){return null}var obj1=this.newObj(o),obj2=this.newObj(n);for(var k in obj2){if(this.varType(obj2[k])=='object'){if(this.varType(obj1[k])!='object'){obj1[k]={}}obj1[k]=this.objectAssign(obj1[k],obj2[k])}else{obj1[k]=obj2[k]}}return obj1},arrIndexOf:function(arr,key){if(this.isUndefined(arr)||this.isUndefined(key)){return-1}var re=new RegExp(key,['']);return(arr.toString().replace(re,'┢').replace(/[^,┢]/g,'')).indexOf('┢')},trim:function(str){if(str!=''){return str.replace(/(^\s*)|(\s*$)/g,'')}return''},log:function(val){try{console.log(val)}catch(e){}},eject:function(er,val){if(!this.vars['debug']){return}var errorVal=er[1];if(!this.isUndefined(val)){errorVal=errorVal.replace('[error]',val)}var value='error '+er[0]+':'+errorVal;try{this.log(value)}catch(e){}},sysError:function(er,val){var ele=this.getByElement(this.vars['container']);var errorVal=er[1];if(!this.isUndefined(val)){errorVal=errorVal.replace('[error]',val)}var value='error '+er[0]+':'+errorVal;ele.innerHTML=value;this.css(ele,{backgroundColor:'#000',color:'#FFF',textAlign:'center',lineHeight:ele.offsetHeight+'px'})},varType:function(val){if(val===null){return'string'}var type=typeof(val);switch(type){case'string':return'string';break;case'number':return'number';break;case'boolean':return'boolean';break;case'function':return'function';break;case'symbol':return'symbol';break;case'object':if(!this.isUndefined(typeof(val.length))){return'array'}return'object';break;case'undefined':return'undefined';break;default:return typeof(val);break}},getConfigObject:function(){return this.jsonConfig},getStyleObject:function(){return this.jsonStyle},getLanguageObject:function(){return this.jsongLanguage}};window.ckplayer=ckplayer})();
\ No newline at end of file
+!(function(){var ckplayerPath='';!function(){var scriptList=document.scripts,thisPath=scriptList[scriptList.length-1].src;for(var i=0;i<scriptList.length;i++){var scriptName=scriptList[i].getAttribute('name')||scriptList[i].getAttribute('data-name');if(scriptName&&scriptName=='ckplayer'){thisPath=scriptList[i].src}}ckplayerPath=thisPath.substring(0,thisPath.lastIndexOf('/')+1)}();var ckplayer=function(obj){this.varsDefault={playerID:'',container:'',variable:'ckplayer',volume:0.8,poster:'',autoplay:false,loop:false,live:false,duration:0,forceduration:0,seek:0,drag:'',front:'',next:'',loaded:'',flashplayer:false,html5m3u8:false,track:null,cktrack:null,cktrackdelay:0,preview:null,prompt:null,video:null,config:'',type:'',crossorigin:'',crossdomain:'',unescape:false,mobileCkControls:false,mobileAutoFull:true,playbackrate:1,h5container:'',debug:false,overspread:true,language:'',style:'',adfront:'',adfronttime:'',adfrontlink:'',adpause:'',adpausetime:'',adpauselink:'',adinsert:'',adinserttime:'',adinsertlink:'',inserttime:'',adend:'',adendtime:'',adendlink:'',advertisements:''};this.vars={};this.ckConfig={};this.jsonConfig={};this.ckLanguage={};this.jsonLanguage={};this.ckStyle={};this.jsonStyle={};this.contextMenu=[['ckplayer','link','http://www.ckplayer.com','_blank'],['version:X2','default','line']];this.errorList=[['000','Object does not exist'],['001','Variables type is not a object'],['002','Video object does not exist'],['003','Video object format error'],['004','Video object format error'],['005','Video object format error'],['006','[error] does not exist'],['007','Ajax error'],['008','Ajax error'],['009','Ajax object format error'],['010','Ajax.status:[error]'],['011','[error] File loading failed or error'],['012','[error]']];this.playbackRateArr=[[0.5,'0.5X'],[1,'1X'],[1.25,'1.25X'],[1.5,'1.5X'],[2,'2X'],[4,'4X']];this.playbackRateTemp=1;this.playbackRateDefault=1;this.subtitlesTemp=-1;this.logo='';this.loaded=false;this.timerError=null;this.error=false;this.errorUrl=[];this.timerFull=null;this.full=false;this.timerTime=null;this.timerBuffer=null;this.isTimeButtonMove=true;this.isTimeButtonDown=false;this.timeButtonOver=null;this.buttonHide=false;this.isClick=false;this.timerClick=null;this.timerCBar=null;this.needSeek=0;this.volume=0;this.volumeTemp=0;this.time=0;this.isFirst=true;this.html5Video=true;this.pdCoor={x:0,y:0};this.playerType='';this.loadTime=0;this.body=document.body||document.documentElement;this.V=null;this.listenerJsArr=[];this.buttonLen=0;this.buttonArr=[];this.elementArr=[];this.elementTempArr=[];this.track=[];this.trackIndex=0;this.nowTrackShow={sn:''};this.trackElement=[];this.timerVCanvas=null;this.animateArray=[];this.animateElementArray=[];this.animatePauseArray=[];this.previewStart=0;this.previewDiv=null;this.previewTop=null;this.previewWidth=120;this.previewTween=null;this.isM3u8=false;this.promptArr=[];this.promptElement=null;this.conBarShow=true;this.errorAdd=false;this.errorSend=false;this.controlBarIsShow=true;this.videoScale=1;this.fontFamily='"Microsoft YaHei"; YaHei; "\5FAE\8F6F\96C5\9ED1"; SimHei; "\9ED1\4F53";Arial';this.timeSliderLeftTemp=0;this.durationSendJS=false;this.adAnalysisEnd=false;this.advertisements={};this.isFirstTimePlay=true;this.adType='';this.adI=0;this.videoTemp={src:'',source:'',currentSrc:'',loop:false};this.adTimeAllTotal=0;this.adTimeTotal=0;this.adCountDownObj=null;this.adPlayStart=false;this.adPlayerPlay=false;this.adIsPause=false;this.adVideoMute=false;this.adIsVideoTime=false;this.endAdPlay=false;this.adPauseShow=false;this.adReset=false;this.videoClickXy={x:0,y:0};this.adVideoPlay=false;this.loadTimeTemp=0;this.hlsAutoPlay=true;this.loadingShow=false;this.videoString='';this.customeElement=[];this.cdWH={w:0,h:0};this.CB={};if(obj){this.embed(obj)}};ckplayer.prototype={embed:function(c){if(window.location.href.substr(0,7)=='file://'){alert('Please use the HTTP protocol to open the page');return}if(this.isUndefined(c)){this.eject(this.errorList[0]);return}if(this.varType(c)!='object'){this.eject(this.errorList[1])}this.vars=this.standardization(this.varsDefault,c);if(!this.vars['mobileCkControls']&&this.isMobile()){this.vars['flashplayer']=false;this.conBarShow=false}var videoStringTemp=this.vars['video'];if(!videoStringTemp){this.eject(this.errorList[2]);return}if(this.varType(videoStringTemp)=='string'){if(videoStringTemp.substr(0,3)=='CK:'||videoStringTemp.substr(0,3)=='CE:'||videoStringTemp.substr(8,3)=='CK:'||videoStringTemp.substr(8,3)=='CE:'){this.vars['flashplayer']=true}}if(this.varType(videoStringTemp)=='object'){if(videoStringTemp.length>1){if(videoStringTemp[0][0].substr(0,3)=='CK:'||videoStringTemp[0][0].substr(0,3)=='CE:'||videoStringTemp[0][0].substr(8,3)=='CK:'||videoStringTemp[0][0].substr(8,3)=='CE:'){this.vars['flashplayer']=true}}}this.videoString=videoStringTemp;this.checkUpConfig()},checkUpConfig:function(){var thisTemp=this;var configPath='';var jsTemp=null;if(this.vars['config']){if(this.vars['config'].substr(0,8)!='website:'){jsTemp=eval(this.vars['config']+'()');if(!this.isUndefined(jsTemp)){this.ckConfig=this.newObj(jsTemp);this.jsonConfig=this.newObj(jsTemp);this.loadConfig(null)}else{this.loadConfig(ckplayerPath+this.vars['config'])}}else{this.loadConfig(ckplayerPath+this.vars['config'].substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerConfig)==='function'){isFun=true}}catch(e){}if(isFun){jsTemp=ckplayerConfig();if(jsTemp){this.ckConfig=this.newObj(jsTemp);this.jsonConfig=this.newObj(jsTemp);this.loadConfig(null)}else{this.loadConfig(ckplayerPath+'ckplayer.json')}}else{this.loadConfig(ckplayerPath+'ckplayer.json')}}catch(e){thisTemp.sysError(thisTemp.errorList[12],e)}}},loadConfig:function(file){var thisTemp=this;if(file){this.ajax({url:file,success:function(data){if(data){thisTemp.ckConfig=data;thisTemp.jsonConfig=thisTemp.newObj(data);if(!thisTemp.isUndefined(data['flashvars'])){thisTemp.vars=thisTemp.objectAssign(data['flashvars'],thisTemp.vars)}thisTemp.checkUpLanguage()}else{thisTemp.sysError(thisTemp.errorList[11],'Config')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.checkUpLanguage()}},checkUpLanguage:function(){var thisTemp=this;var languagePath='';var jsTemp=null;if(this.vars['language']){languagePath=this.vars['language']}else{if(this.ckConfig['languagePath']){languagePath=this.ckConfig['languagePath']}}if(languagePath){if(languagePath.substr(0,8)!='website:'){jsTemp=eval(languagePath+'()');if(jsTemp){this.ckLanguage=this.newObj(jsTemp);this.jsonLanguage=this.newObj(jsTemp);this.loadLanguage(null)}else{this.loadLanguage(ckplayerPath+languagePath)}}else{this.loadLanguage(ckplayerPath+languagePath.substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerLanguage)==='function'){isFun=true}}catch(e){}if(isFun){jsTemp=ckplayerLanguage();if(jsTemp){this.ckLanguage=this.newObj(jsTemp);this.jsonLanguage=this.newObj(jsTemp);this.loadLanguage(null)}else{this.loadLanguage(ckplayerPath+'language.json')}}else{this.loadLanguage(ckplayerPath+'language.json')}}catch(e){thisTemp.sysError(thisTemp.errorList[12],e)}}},loadLanguage:function(file){var thisTemp=this;if(file){this.ajax({url:file,success:function(data){if(data){thisTemp.ckLanguage=data;thisTemp.jsonLanguage=thisTemp.newObj(data);thisTemp.checkUpStyle()}else{thisTemp.sysError(thisTemp.errorList[11],'language.json')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.checkUpStyle()}},checkUpStyle:function(){var thisTemp=this;var stylePath='';var jsTemp=null;var configJs=this.newObj(this.ckConfig);if(this.vars['style']){stylePath=this.vars['style']}else{if(this.ckConfig['stylePath']){stylePath=''+this.ckConfig['stylePath']}}if(stylePath){if(stylePath.substr(0,8)!='website:'){jsTemp=eval(stylePath+'()');if(!this.isUndefined(jsTemp)){this.jsonStyle=this.newObj(jsTemp);this.ckStyle=this.newObj(jsTemp);this.ckStyle['advertisement']=this.objectAssign(configJs['style']['advertisement'],this.ckStyle['advertisement']);this.ckStyle=this.objectAssign(configJs['style'],this.ckStyle);this.loadStyle(null)}else{this.loadStyle(ckplayerPath+stylePath)}}else{this.loadStyle(ckplayerPath+stylePath.substr(8))}}else{try{var isFun=false;try{if(typeof(ckplayerStyle)==='function'){isFun=true}}catch(e){isFun=false}if(isFun){jsTemp=ckplayerStyle();if(!this.isUndefined(jsTemp)){this.jsonStyle=this.newObj(jsTemp);this.ckStyle=this.newObj(jsTemp);this.ckStyle['advertisement']=this.objectAssign(configJs['style']['advertisement'],this.ckStyle['advertisement']);this.ckStyle=this.objectAssign(configJs['style'],this.ckStyle);this.loadStyle(null)}else{this.loadStyle(ckplayerPath+'style.json')}}else{this.loadStyle(ckplayerPath+'style.json')}}catch(e){}}},loadStyle:function(file){var thisTemp=this;if(file){var configJs=this.newObj(this.ckConfig);this.ajax({url:file,success:function(data){if(data){thisTemp.jsonStyle=thisTemp.newObj(data);thisTemp.ckStyle=thisTemp.newObj(data);thisTemp.ckStyle['advertisement']=thisTemp.objectAssign(configJs['style']['advertisement'],thisTemp.ckStyle['advertisement']);thisTemp.ckStyle=thisTemp.objectAssign(configJs['style'],thisTemp.ckStyle);thisTemp.loadConfigHandler()}else{thisTemp.sysError(thisTemp.errorList[11],'Style')}},error:function(data){thisTemp.sysError(thisTemp.errorList[12],data)}})}else{this.loadConfigHandler()}},loadConfigHandler:function(){if((!this.supportVideo()&&this.vars['flashplayer']!='')||(this.vars['flashplayer']&&this.uploadFlash())||!this.isMsie()){this.html5Video=false;this.getVideo()}else if(this.videoString){this.analysedVideoUrl(this.videoString)}else{this.eject(this.errorList[2])}},analysedVideoUrl:function(video){var i=0,y=0;var thisTemp=this;this.VA=[];if(this.varType(video)=='string'){if(video.substr(0,8)!='website:'){this.VA=[[video,'','',0]];var fileExt=this.getFileExt(video);switch(fileExt){case'.mp4':this.VA[0][1]='video/mp4';break;case'.ogg':this.VA[0][1]='video/ogg';break;case'.webm':this.VA[0][1]='video/webm';break;default:break}this.getVideo()}else{if(this.html5Video){var ajaxObj={url:video.substr(8),success:function(data){if(data){thisTemp.analysedUrl(data)}else{thisTemp.eject(thisTemp.errorList[5]);this.VA=video;thisTemp.getVideo()}},error:function(data){thisTemp.eject(thisTemp.errorList[12],data)}};this.ajax(ajaxObj)}else{this.VA=video;this.getVideo()}}}else if(this.varType(video)=='array'){if(this.varType(video[0])=='array'){this.VA=video}this.getVideo()}else if(this.varType(video)=='object'){if(!this.isUndefined(video['type'])){this.VA.push([video['file'],video['type'],'',0]);this.getVideo()}else{this.eject(this.errorList[5])}}else{this.eject(this.errorList[4])}},analysedUrl:function(data){this.vars=this.standardization(this.vars,data);if(!this.isUndefined(data['video'])){this.vars['video']=data['video']}this.analysedVideoUrl(this.vars['video'])},getHtml5Video:function(){var va=this.VA;var nva=[];var mobile=this.isMobile();var video=document.createElement('video');var codecs=function(type){var cod='';switch(type){case'video/mp4':cod='avc1.4D401E, mp4a.40.2';break;case'video/ogg':cod='theora, vorbis';break;case'video/webm':cod='vp8.0, vorbis';break;default:break}return cod};var supportType=function(vidType,codType){if(!video.canPlayType){this.html5Video=false;return}var isSupp=video.canPlayType(vidType+';codecs="'+codType+'"');if(isSupp==''){return false}return true};if(this.vars['flashplayer']||!this.isMsie()){this.html5Video=false;return}for(var i=0;i<va.length;i++){var v=va[i];if(v){if(v[1]!=''&&!mobile&&supportType(v[1],codecs(v[1]))&&v[0].substr(0,4)!='rtmp'){nva.push(v)}if((this.getFileExt(v[0])=='.m3u8'||this.vars['type']=='video/m3u8'||this.vars['type']=='m3u8'||v[1]=='video/m3u8'||v[1]=='m3u8')&&this.vars['html5m3u8']&&!mobile){this.isM3u8=true;nva.push(v)}}}if(nva.length>0){this.VA=nva}else{if(!mobile){this.html5Video=false}}},getVideo:function(){var thisTemp=this;var v=this.vars;if(!this.adAnalysisEnd&&(v['adfront']!=''||v['adpause']!=''||v['adinsert']!=''||v['adend']!=''||v['advertisements']!='')){this.adAnalysisEnd=true;this.adAnalysis();return}if(this.V){this.changeVideo();return}if(this.vars['cktrack']){this.loadTrack()}if(this.supportVideo()&&!this.vars['flashplayer']){this.getHtml5Video()}var src='',source='',poster='',loop='',autoplay='',track='',crossorigin='';var video=v['video'];var i=0;var vBg=this.ckStyle['background']['backgroundColor'].replace('0x','#');this.CD=this.getByElement(v['container']);volume=v['volume'];if(this.isUndefined(this.CD)){this.eject(this.errorList[6],v['container']);return false}this.V=undefined;var thisPd=null;if(v['h5container']!=''){thisPd=this.getByElement(v['h5container']);if(this.isUndefined(thisPd)){thisPd=null}}var isVideoH5=null;if(v['playerID']!=''){isVideoH5=this.getByElement('#'+v['playerID']);if(this.isUndefined(isVideoH5)){isVideoH5=null}}if(thisPd!=null&&isVideoH5!=null){this.PD=thisPd}else{var playerID='ckplayer-'+this.randomString();var playerDiv=document.createElement('div');playerDiv.className=playerID;this.CD.innerHTML='';this.CD.appendChild(playerDiv);this.PD=playerDiv}this.css(this.CD,{backgroundColor:vBg,overflow:'hidden',position:'relative'});this.css(this.PD,{backgroundColor:vBg,width:'100%',height:'100%',fontFamily:this.fontFamily});if(this.html5Video){this.PD.onselectstart=this.PD.ondrag=function(){return false};if(this.VA.length==1){this.videoTemp['src']=decodeURIComponent(this.VA[0][0]);src=' src="'+this.videoTemp['src']+'"'}else{var videoArr=this.VA.slice(0);videoArr=this.arrSort(videoArr);for(i=0;i<videoArr.length;i++){var type='';var va=videoArr[i];if(va[1]){type=' type="'+va[1]+'"';if(type==' type="video/m3u8"'||type==' type="m3u8"'){type=''}}source+='<source src="'+decodeURIComponent(va[0])+'"'+type+'>'}this.videoTemp['source']=source}if(v['autoplay']){autoplay=' autoplay="autoplay"'}if(v['poster']){poster=' poster="'+v['poster']+'"'}if(v['loop']){loop=' loop="loop"'}if(v['seek']>0){this.needSeek=v['seek']}if(v['track']!=null&&v['cktrack']==null){var trackArr=v['track'];var trackDefault='';var defaultHave=false;for(i=0;i<trackArr.length;i++){var trackObj=trackArr[i];if(trackObj['default']&&!defaultHave){trackDefault=' default';defaultHave=true}else{trackDefault=''}track+='<track kind="'+trackObj['kind']+'" src="'+trackObj['src']+'" srclang="'+trackObj['srclang']+'" label="'+trackObj['label']+'"'+trackDefault+'>'}}if(v['crossorigin']){crossorigin=' crossorigin="'+v['crossorigin']+'"'}var autoLoad=this.ckConfig['config']['autoLoad'];var preload='';if(!autoLoad){preload=' preload="meta"'}var vid=this.randomString();var controls='';var mobileAutoFull=v['mobileAutoFull'];var mobileautofull='';if(!mobileAutoFull){mobileautofull=' x-webkit-airplay="true" playsinline  webkit-playsinline="true"  x5-video-player-type="h5"'}if(this.isMobile()){controls=' controls="controls"'}if(isVideoH5!=null&&thisPd!=null){this.V=isVideoH5;if(v['poster']){this.V.poster=v['poster']}}else{var html='';if(!this.isM3u8){html='<video controlsList="nodownload" id="'+vid+'"'+src+' width="100%" height="100%"'+autoplay+poster+loop+preload+controls+mobileautofull+track+crossorigin+'>'+source+'</video>'}else{html='<video controlsList="nodownload" id="'+vid+'" width="100%" height="100%"'+poster+loop+preload+controls+mobileautofull+track+crossorigin+'></video>'}this.PD.innerHTML=html;this.V=this.getByElement('#'+vid)}try{this.V.volume=volume;if(this.playbackRateArr&&this.vars['playbackrate']>-1){if(this.vars['playbackrate']<this.playbackRateArr.length){this.playbackRateDefault=this.vars['playbackrate']}this.V.playbackRate=this.playbackRateArr[this.playbackRateDefault][0]}}catch(error){}this.css(this.V,{backgroundColor:vBg,width:'100%',height:'100%'});if(this.isM3u8){var loadJsHandler=function(){thisTemp.embedHls(thisTemp.VA[0][0],v['autoplay'])};this.loadJs(ckplayerPath+'hls/hls.min.js',loadJsHandler)}this.css(this.V,'backgroundColor',vBg);if(this.ckConfig['config']['videoDrawImage']){var canvasDiv=document.createElement('div');this.PD.appendChild(canvasDiv);this.MD=canvasDiv;this.css(this.MD,{backgroundColor:vBg,width:'100%',height:'100%',position:'absolute',display:'none',cursor:'pointer',left:'0px',top:'0px',zIndex:'10'});var cvid='ccanvas'+this.randomString();this.MD.innerHTML=this.newCanvas(cvid,this.MD.offsetWidth,this.MD.offsetHeight);this.MDC=this.getByElement(cvid+'-canvas');this.MDCX=this.MDC.getContext('2d')}this.playerType='html5video';this.addVEvent();if(this.conBarShow){this.definition();if(!this.vars['live']&&this.playbackRateArr&&this.vars['playbackrate']>-1){this.playbackRate()}if(v['autoplay']){this.loadingStart(true)}this.subtitleSwitch()}this.playerLoad()}else{this.embedSWF()}},adAnalysis:function(){var thisTemp=this;var v=this.vars;var isAdvShow=[];var i=0;if(v['advertisements']!=''&&v['advertisements'].substr(0,8)=='website:'){var ajaxObj={url:v['advertisements'].substr(8),success:function(data){if(data){var newData={};var val=null;try{if(!thisTemp.isUndefined(data['front'])||!thisTemp.isUndefined(data['pause'])||!thisTemp.isUndefined(data['end'])||!thisTemp.isUndefined(data['insert'])||!thisTemp.isUndefined(data['other'])){val=thisTemp.arrayDel(data['front']);if(!thisTemp.isUndefined(val)){newData['front']=val}val=thisTemp.arrayDel(data['pause']);if(!thisTemp.isUndefined(val)){newData['pause']=val}val=thisTemp.arrayDel(data['insert']);if(!thisTemp.isUndefined(val)){newData['insert']=val;if(!thisTemp.isUndefined(data['inserttime'])){newData['inserttime']=thisTemp.arrayInt(data['inserttime']);isAdvShow=[];for(i=0;i<newData['inserttime'].length;i++){isAdvShow.push(false)}newData['insertPlay']=isAdvShow}}val=thisTemp.arrayDel(data['end']);if(!thisTemp.isUndefined(val)){newData['end']=val}val=thisTemp.arrayDel(data['other']);if(!thisTemp.isUndefined(val)){newData['other']=val;isAdvShow=[];var arrTemp=[];for(i=0;i<val.length;i++){isAdvShow.push(false);arrTemp.push(parseInt('0'+val[i]['startTime']))}newData['othertime']=arrTemp;newData['otherPlay']=isAdvShow}}}catch(event){thisTemp.log(event)}thisTemp.advertisements=newData}thisTemp.getVideo()},error:function(data){}};this.ajax(ajaxObj)}else{this.adAnalysisOne('front','adfront','adfronttime','adfrontlink','adfronttype');this.adAnalysisOne('pause','adpause','adpausetime','adpauselink','adpausetype');this.adAnalysisOne('insert','adinsert','adinserttime','adinsertlink','adinserttype');this.adAnalysisOne('end','adend','adendtime','adendlink','adendtype');if(!this.isUndefined(this.advertisements['insert'])){if(!this.isUndefined(v['inserttime'])){thisTemp.advertisements['inserttime']=v['inserttime']}}if(!this.isUndefined(thisTemp.advertisements['inserttime'])){thisTemp.advertisements['inserttime']=thisTemp.arrayInt(thisTemp.advertisements['inserttime']);isInsert=[];for(i=0;i<thisTemp.advertisements['inserttime'].length;i++){isInsert.push(false)}thisTemp.advertisements['insertPlay']=isInsert}thisTemp.getVideo()}},arrayDel:function(arr){if(this.isUndefined(arr)){return arr}if(arr.length==0){return null}var newArr=[];for(var i=0;i<arr.length;i++){var type=arr[i]['type'];if(type=='mp4'||type=='mov'||this.isStrImage(type)){newArr.push(arr[i])}}if(newArr.length>0){return newArr}return null},adAnalysisOne:function(adType,adName,adTime,adLink,adStype){var v=this.vars;if(this.isUndefined(v[adName])){v[adName]=''}if(this.isUndefined(v[adTime])){v[adTime]=''}if(this.isUndefined(v[adLink])){v[adLink]=''}if(this.isUndefined(v[adStype])){v[adStype]=''}if(v[adName]!=''){var adList=[];var ad=v[adName].split(',');var adtime=v[adTime].split(',');var adlink=v[adLink].split(',');var adstype=v[adStype].split(',');var i=0;if(ad.length>0){var adLinkLen=adlink.length,adTimeLen=adtime.length;if(v[adLink]==''){adLinkLen=0;adlink=[]}if(v[adTime]==''){adTimeLen=0;adtime=[]}if(adLinkLen<ad.length){for(i=adLinkLen;i<ad.length;i++){adlink.push('')}}if(adTimeLen<ad.length){for(i=adTimeLen;i<ad.length;i++){adtime.push('')}}var adstypeLen=adstype.length;if(v[adStype]==''){adstypeLen=0;adstype=[]}if(adstypeLen<ad.length){for(i=adstypeLen;i<ad.length;i++){adstype.push(this.getFileExt(ad[i]).replace('.',''))}}for(i=0;i<ad.length;i++){var type=adstype[i];if(type=='mp4'||type=='mov'||this.isStrImage(type)){var obj={file:ad[i],type:type,time:parseInt(adtime[i])>0?parseInt(adtime[i]):this.ckStyle['advertisement']['time'],link:adlink[i]};adList.push(obj)}}if(this.isUndefined(this.advertisements)){this.advertisements={}}if(adList.length>0){this.advertisements[adType]=adList}}}},playerLoad:function(){var thisTemp=this;if(this.isFirst){this.isFirst=false;setTimeout(function(){thisTemp.loadedHandler()},1)}},addVEvent:function(){var thisTemp=this;var duration=0;var eventVideoClick=function(event){thisTemp.videoClickXy={x:event.clientX,y:event.clientY};thisTemp.videoClick()};this.addListenerInside('click',eventVideoClick);this.addListenerInside('click',eventVideoClick,this.MDC);this.timerErrorFun();var eventJudgeIsLive=function(event){thisTemp.sendJS('loadedmetadata');if(thisTemp.varType(thisTemp.V.duration)=='number'&&thisTemp.V.duration>1){duration=thisTemp.V.duration;if(!duration){if(thisTemp.vars['duration']>0){duration=thisTemp.vars['duration']}}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}thisTemp.sendJS('duration',duration);thisTemp.formatInserttime(duration);if(thisTemp.adPlayerPlay){thisTemp.advertisementsTime(duration+1)}thisTemp.durationSendJS=true}if(thisTemp.conBarShow){thisTemp.V.controls=null;thisTemp.videoCss()}thisTemp.judgeIsLive()};var eventPlaying=function(event){thisTemp.playingHandler();thisTemp.sendJS('play');thisTemp.sendJS('paused',false);if(!thisTemp.durationSendJS&&thisTemp.varType(thisTemp.V.duration)=='number'&&thisTemp.V.duration>0){duration=thisTemp.V.duration;if(!duration){if(thisTemp.vars['duration']>0){duration=thisTemp.vars['duration']}}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}thisTemp.durationSendJS=true;thisTemp.sendJS('duration',duration);thisTemp.formatInserttime(duration)}};this.addListenerInside('playing',eventPlaying);var eventPause=function(event){thisTemp.pauseHandler();thisTemp.sendJS('pause');thisTemp.sendJS('paused',true)};this.addListenerInside('pause',eventPause);var eventEnded=function(event){thisTemp.endedHandler()};this.addListenerInside('ended',eventEnded);var eventTimeupdate=function(event){if(thisTemp.loadingShow){thisTemp.loadingStart(false)}if(thisTemp.time){if(!thisTemp.adPlayerPlay){thisTemp.sendJS('time',thisTemp.time);if(!thisTemp.isUndefined(thisTemp.advertisements['insert'])){thisTemp.checkAdInsert(thisTemp.time)}if(!thisTemp.isUndefined(thisTemp.advertisements['other'])){thisTemp.checkAdOther(thisTemp.time)}if(thisTemp.time<3&&thisTemp.adReset){thisTemp.adReset=false;thisTemp.endedAdReset()}}else{thisTemp.adPlayerTimeHandler(thisTemp.time)}}};this.addListenerInside('timeupdate',eventTimeupdate);var eventWaiting=function(event){thisTemp.loadingStart(true)};this.addListenerInside('waiting',eventWaiting);var eventSeeking=function(event){thisTemp.sendJS('seek','start')};this.addListenerInside('seeking',eventSeeking);var eventSeeked=function(event){thisTemp.seekedHandler();thisTemp.sendJS('seek','ended')};this.addListenerInside('seeked',eventSeeked);var eventVolumeChange=function(event){try{thisTemp.volumechangeHandler();thisTemp.sendJS('volume',thisTemp.volume||thisTemp.V.volume)}catch(event){}};this.addListenerInside('volumechange',eventVolumeChange);var eventFullChange=function(event){var fullState=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;thisTemp.sendJS('full',fullState)};this.addListenerInside('fullscreenchange',eventFullChange);this.addListenerInside('webkitfullscreenchange',eventFullChange);this.addListenerInside('mozfullscreenchange',eventFullChange);if(this.conBarShow){this.interFace()}this.addListenerInside('loadedmetadata',eventJudgeIsLive)},resetPlayer:function(){this.timeTextHandler();if(this.conBarShow){this.timeProgress(0,1);this.changeLoad(0);this.initPlayPause();this.definition();this.deletePrompt();this.deletePreview();this.trackHide();this.resetTrack();this.trackElement=[];this.track=[]}},interFace:function(){this.conBarShow=true;var thisTemp=this;var html='';var i=0;var thisStyle=this.ckStyle;var styleC=thisStyle['controlBar'];var styleCB=styleC['button'];var styleAS=thisStyle['advertisement'];var styleDF=styleC['definition'];var bWidth=38;var timeInto=this.formatTime(0,this.vars['duration'],this.ckLanguage['vod']);this.CB={menu:null};var divEle={controlBarBg:null,controlBar:null,pauseCenter:null,errorText:null,promptBg:null,prompt:null,promptTriangle:null,definitionP:null,playbackrateP:null,subtitlesP:null,loading:null,logo:null,adBackground:null,adElement:null,adLink:null,adPauseClose:null,adTime:null,adTimeText:null,adMute:null,adEscMute:null,adSkip:null,adSkipText:null,adSkipButton:null};var k='';for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.PD.appendChild(this.CB[k])}this.CB['menu']=document.createElement('div');this.body.appendChild(this.CB['menu']);if(this.vars['live']){timeInto=this.formatTime(0,0,this.ckLanguage['live'])}divEle={play:null,pause:null,mute:null,escMute:null,full:null,escFull:null,definition:null,playbackrate:null,subtitles:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){this.CB[k].dataset.title=this.ckLanguage['buttonOver'][k]}this.CB['controlBar'].appendChild(this.CB[k])}divEle={timeProgressBg:null,timeBoBg:null,volume:null,timeText:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['controlBar'].appendChild(this.CB[k])}this.CB['timeText'].innerHTML=timeInto;divEle={loadProgress:null,timeProgress:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['timeProgressBg'].appendChild(this.CB[k])}this.CB['timeButton']=document.createElement('div');this.CB['timeBoBg'].appendChild(this.CB['timeButton']);divEle={volumeBg:null,volumeBO:null};for(k in divEle){this.CB[k]=divEle[k];this.CB[k]=document.createElement('div');this.CB['volume'].appendChild(this.CB[k])}this.CB['volumeUp']=document.createElement('div');this.CB['volumeBg'].appendChild(this.CB['volumeUp']);var imgTemp=null;var imgFile='';var imgFile=thisStyle['loading']['file'];if(!this.isUndefined(thisStyle['loading']['fileH5'])){imgFile=thisStyle['loading']['fileH5']}if(imgFile){imgTemp=document.createElement('img');imgTemp.src=imgFile;imgTemp.border=0;this.CB['loading'].appendChild(imgTemp)}imgFile=thisStyle['logo']['file'];if(!this.isUndefined(thisStyle['logo']['fileH5'])){imgFile=thisStyle['logo']['fileH5']}if(imgFile){imgTemp=document.createElement('img');imgTemp.src=imgFile;imgTemp.border=0;this.CB['logo'].appendChild(imgTemp)}if(this.ckConfig['config']['buttonMode']['player']){this.css(this.PD,{cursor:'pointer'})}this.controlBar();var cssTemp=null;var promptCss=thisStyle['prompt'];cssTemp=this.getEleCss(promptCss,{overflow:'hidden',zIndex:900,display:'none'});this.css(this.CB['promptBg'],cssTemp);this.css(this.CB['promptBg'],'padding','0px');cssTemp['backgroundColor']='';cssTemp['border']='';cssTemp['borderRadius']='';cssTemp['whiteSpace']='nowrap';this.css(this.CB['prompt'],cssTemp);cssTemp={width:0,height:0,borderLeft:promptCss['triangleWidth']*0.5+'px solid transparent',borderRight:promptCss['triangleWidth']*0.5+'px solid transparent',borderTop:promptCss['triangleHeight']+'px solid '+promptCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:promptCss['triangleAlpha'],filter:'alpha(opacity:'+promptCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:900,display:'none'};this.css(this.CB['promptTriangle'],cssTemp);this.elementCoordinate();this.css([this.CB['pauseCenter'],this.CB['loading'],this.CB['errorText']],'display','none');this.carbarButton();this.playerCustom();this.carbarCustom();this.timeProgressDefault();this.videoCss();this.initPlayPause();if(this.vars['volume']>0){this.css(this.CB['escMute'],'display','none')}else{this.css(this.CB['mute'],'display','none')}if(!this.ckConfig['config']['mobileVolumeBarShow']&&this.isMobile()){this.css([this.CB['mute'],this.CB['escMute'],this.CB['volume']],{display:'none'})}this.css(this.CB['escFull'],'display','none');var cssObj={align:'top',vAlign:'left',width:'100%',height:'100%',offsetX:0,offsetY:0,zIndex:910,display:'none'};cssTemp=this.getEleCss(styleAS['background'],cssObj);this.css(this.CB['adBackground'],cssTemp);this.css(this.CB['adElement'],{position:'absolute',overflow:'hidden',top:'0px',zIndex:911,float:'center',display:'none'});this.advertisementStyle();this.css([this.CB['adTime'],this.CB['adTimeText'],this.CB['adMute'],this.CB['adEscMute'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink'],this.CB['adPauseClose']],'display','none');var timeProgressOut=function(event){thisTemp.timeProgressMouseOut()};this.addListenerInside('mouseout',timeProgressOut,this.CB['timeBoBg']);var timeProgressOver=function(event){thisTemp.timeProgressDefault()};this.addListenerInside('mouseover',timeProgressOver,this.CB['controlBar']);this.buttonEventFun(this.CB['play'],styleCB['play']);this.buttonEventFun(this.CB['pause'],styleCB['pause']);this.buttonEventFun(this.CB['mute'],styleCB['mute']);this.buttonEventFun(this.CB['escMute'],styleCB['escMute']);this.buttonEventFun(this.CB['full'],styleCB['full']);this.buttonEventFun(this.CB['escFull'],styleCB['escFull']);this.buttonEventFun(this.CB['adMute'],styleAS['muteButton']);this.buttonEventFun(this.CB['adEscMute'],styleAS['escMuteButton']);this.buttonEventFun(this.CB['adSkipButton'],styleAS['skipAdButton']);this.buttonEventFun(this.CB['adLink'],styleAS['adLinkButton']);this.buttonEventFun(this.CB['adPauseClose'],styleAS['closeButton']);this.buttonEventFun(this.CB['pauseCenter'],thisStyle['centerPlay']);this.buttonEventFun(this.CB['volumeBO'],styleC['volumeSchedule']['button']);this.buttonEventFun(this.CB['timeButton'],styleC['timeSchedule']['button']);this.addButtonEvent();this.controlBarHide();this.newMenu();this.keypress();this.changeVolume(this.vars['volume']);setTimeout(function(){thisTemp.elementCoordinate()},100);this.checkBarWidth();var resize=function(){thisTemp.log('window.resize');thisTemp.playerResize()};var MutationObserver=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;var observer=new MutationObserver(function(){thisTemp.log('video.resize');var cdW=parseInt(thisTemp.css(thisTemp.CD,'width')),cdH=parseInt(thisTemp.css(thisTemp.CD,'height'));if(cdW!=thisTemp.cdWH['w']||cdH!=thisTemp.cdWH['h']){thisTemp.cdWH={w:cdW,h:cdH};thisTemp.changeSize(cdW,cdH)}});observer.observe(this.CD,{attributes:true,attributeFilter:['style'],attributeOldValue:true});this.addListenerInside('resize',resize,window)},timeProgressDefault:function(){var styleCT=this.ckStyle['controlBar']['timeSchedule'];var cssObj=this.newObj(styleCT['default']);var loadBackImg=cssObj['loadProgressImg'],playBackImg=cssObj['playProgressImg'];var cssTemp=null;this.css(this.CB['timeBoBg'],'display','block');cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:2},this.CB['controlBarBg']);this.css(this.CB['timeProgressBg'],cssTemp);cssObj={align:'left',vAlign:'top',width:1,height:cssObj['height'],backgroundImg:loadBackImg};if(this.CB['loadProgress'].offsetWidth>1){cssObj['width']=this.CB['loadProgress'].offsetWidth}cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:1},this.CB['timeProgressBg']);this.css(this.CB['loadProgress'],cssTemp);cssObj['width']=0;if(this.CB['timeProgress'].offsetWidth>1&&parseInt(this.css(this.CB['timeButton'],'left'))>0){cssObj['width']=this.CB['timeProgress'].offsetWidth}cssObj['backgroundImg']=playBackImg;cssTemp=this.getEleCss(cssObj,{overflow:'hidden',zIndex:2});this.css(this.CB['timeProgress'],cssTemp);cssTemp=this.getEleCss(styleCT['buttonContainer'],{position:'absolute',overflow:'hidden',zIndex:3},this.CB['controlBar']);if(this.ckConfig['config']['buttonMode']['timeSchedule']){cssTemp['cursor']='pointer'}this.css(this.CB['timeBoBg'],cssTemp);cssTemp=this.getEleCss(styleCT['button'],{cursor:'pointer',overflow:'hidden',zIndex:4},this.CB['timeBoBg']);this.css(this.CB['timeButton'],cssTemp)},timeProgressMouseOut:function(){var styleCT=this.ckStyle['controlBar']['timeSchedule'];var cssObj=this.newObj(styleCT['mouseOut']);var loadBackImg=cssObj['loadProgressImg'],playBackImg=cssObj['playProgressImg'];var cssTemp=null;this.css(this.CB['timeBoBg'],'display','block');cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:2},this.CB['controlBarBg']);this.css(this.CB['timeProgressBg'],cssTemp);cssObj={align:'left',vAlign:'top',width:1,height:cssObj['height'],backgroundImg:loadBackImg};if(this.CB['loadProgress'].offsetWidth>1){cssObj['width']=this.CB['loadProgress'].offsetWidth}cssTemp=this.getEleCss(this.newObj(cssObj),{overflow:'hidden',zIndex:1},this.CB['timeProgressBg']);this.css(this.CB['loadProgress'],cssTemp);cssObj['width']=1;if(this.CB['timeProgress'].offsetWidth>1&&parseInt(this.css(this.CB['timeButton'],'left'))>0){cssObj['width']=this.CB['timeProgress'].offsetWidth;cssObj['backgroundImg']=playBackImg}cssTemp=this.getEleCss(cssObj,{overflow:'hidden',zIndex:2});this.css(this.CB['timeProgress'],cssTemp);this.css(this.CB['timeBoBg'],'display','none')},buttonEventFun:function(ele,cssEle){var thisTemp=this;var overFun=function(event){thisTemp.css(ele,{backgroundImage:'url('+cssEle['mouseOver']+')'});thisTemp.promptShow(ele)};var outFun=function(event){thisTemp.css(ele,{backgroundImage:'url('+cssEle['mouseOut']+')'});thisTemp.promptShow(false)};outFun();this.addListenerInside('mouseover',overFun,ele);this.addListenerInside('mouseout',outFun,ele);if(!this.isUndefined(cssEle['clickEvent'])){var clickFun=function(event){thisTemp.runFunction(cssEle['clickEvent'])};this.addListenerInside('click',clickFun,ele)}},formatNumPx:function(str,z){if(!str){return 0}if(str.toString().indexOf('%')>-1){if(!this.isUndefined(z)){return parseInt(str)*z*0.01+'px'}return str}else{return str+'px'}},formatZToNum:function(str,z){if(!str){return 0}if(str.toString().indexOf('%')>-1){if(!this.isUndefined(z)){return parseInt(str)*z*0.01}return str}else{return str}},newObj:function(obj){if(this.isUndefined(obj)){return obj}var str,newobj={};if(this.varType(obj)!='object'){return obj}else{for(var k in obj){if(this.isUndefined(obj[k])){newobj[k]=obj[k]}else{if(this.varType(obj[k])=='object'){newobj[k]=this.newObj(obj[k])}else{newobj[k]=obj[k]}}}}return newobj},loadImgBg:function(eleid,obj){this.css(this.getByElement(eleid),{backgroundImage:'url('+obj+')'})},getEleCss:function(eleObj,supplement,rrEle){var eleName=null;var pdW=this.PD.offsetWidth,pdH=this.PD.offsetHeight;if(rrEle){pdW=rrEle.offsetWidth;pdH=rrEle.offsetHeight}if(this.isUndefined(eleObj)){return null}eleName=this.newObj(eleObj);var cssObject={};if(!this.isUndefined(eleName['width'])){cssObject['width']=this.formatZToNum(eleName['width'],pdW)+'px'}if(!this.isUndefined(eleName['height'])){cssObject['height']=this.formatZToNum(eleName['height'],pdH)+'px'}if(!this.isUndefined(eleName['background'])){var bg=eleName['background'];if(!this.isUndefined(bg['backgroundColor'])){cssObject['backgroundColor']=bg['backgroundColor'].replace('0x','#')}if(!this.isUndefined(bg['backgroundImg'])){cssObject['backgroundImage']='url('+bg['backgroundImg']+')'}if(!this.isUndefined(bg['alpha'])){cssObject['filter']='alpha(opacity:'+bg['alpha']+')';cssObject['opacity']=bg['alpha']}}if(!this.isUndefined(eleName['backgroundColor'])){cssObject['backgroundColor']=eleName['backgroundColor'].replace('0x','#')}if(!this.isUndefined(eleName['backgroundImg'])){cssObject['backgroundImage']='url('+eleName['backgroundImg']+')'}if(!this.isUndefined(eleName['color'])){cssObject['color']=eleName['color'].replace('0x','#')}if(!this.isUndefined(eleName['font'])){cssObject['fontFamily']=eleName['font']}if(!this.isUndefined(eleName['size'])){cssObject['fontSize']=eleName['size']+'px'}if(!this.isUndefined(eleName['alpha'])){cssObject['filter']='alpha(opacity:'+eleName['alpha']+')';cssObject['opacity']=eleName['alpha']}if(!this.isUndefined(eleName['lineHeight'])){cssObject['lineHeight']=eleName['lineHeight']+'px'}if(!this.isUndefined(eleName['textAlign'])){cssObject['textAlign']=eleName['textAlign']}if(!this.isUndefined(eleName['borderRadius'])){cssObject['borderRadius']=eleName['borderRadius']+'px'}if(!this.isUndefined(eleName['radius'])){cssObject['borderRadius']=eleName['radius']+'px'}if(!this.isUndefined(eleName['padding'])){cssObject['padding']=eleName['padding']+'px'}if(!this.isUndefined(eleName['paddingLeft'])){cssObject['paddingLeft']=eleName['paddingLeft']+'px'}if(!this.isUndefined(eleName['paddingRight'])){cssObject['paddingRight']=eleName['paddingRight']+'px'}if(!this.isUndefined(eleName['paddingTop'])){cssObject['paddingTop']=eleName['paddingTop']+'px'}if(!this.isUndefined(eleName['paddingBottom'])){cssObject['paddingBottom']=eleName['paddingBottom']+'px'}if(!this.isUndefined(eleName['margin'])){cssObject['margin']=eleName['margin']+'px'}if(!this.isUndefined(eleName['marginLeft'])){cssObject['marginLeft']=eleName['marginLeft']+'px'}if(!this.isUndefined(eleName['marginRight'])){cssObject['marginRight']=eleName['marginRight']+'px'}if(!this.isUndefined(eleName['marginTop'])){cssObject['marginTop']=eleName['marginTop']+'px'}if(!this.isUndefined(eleName['marginBottom'])){cssObject['marginBottom']=eleName['marginBottom']+'px'}if(!this.isUndefined(eleName['border'])&&!this.isUndefined(eleName['borderColor'])){cssObject['border']=eleName['border']+'px solid '+eleName['borderColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderLeft'])&&!this.isUndefined(eleName['borderLeftColor'])){cssObject['borderLeft']=eleName['borderLeft']+'px solid '+eleName['borderLeftColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderRight'])&&!this.isUndefined(eleName['borderRightColor'])){cssObject['borderRight']=eleName['borderRight']+'px solid '+eleName['borderRightColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderTop'])&&!this.isUndefined(eleName['borderTopColor'])){cssObject['borderTop']=eleName['borderTop']+'px solid '+eleName['borderTopColor'].replace('0x','#')}if(!this.isUndefined(eleName['borderBottom'])&&!this.isUndefined(eleName['borderBottomColor'])){cssObject['borderBottom']=eleName['borderBottom']+'px solid '+eleName['borderBottomColor'].replace('0x','#')}if(!this.isUndefined(supplement)){for(var k in supplement){cssObject[k]=supplement[k]}}cssObject['position']='absolute';var left=-10000,top=-10000,right=-10000,bottom=-10000;var offsetX=0,offsetY=0;if(!this.isUndefined(eleName['offsetX'])){offsetX=eleName['offsetX']}if(!this.isUndefined(eleName['marginX'])){offsetX=eleName['marginX']}if(!this.isUndefined(eleName['offsetY'])){offsetY=eleName['offsetY']}if(!this.isUndefined(eleName['marginY'])){offsetY=eleName['marginY']}offsetX=this.formatZToNum(offsetX,pdW);offsetY=this.formatZToNum(offsetY,pdH);if(!this.isUndefined(eleName['align'])){left=0;switch(eleName['align']){case'left':left=offsetX;break;case'center':left=pdW*0.5+offsetX;break;case'right':left=pdW+offsetX;break;case'right2':left=-10000;right=offsetX;break}}if(!this.isUndefined(eleName['vAlign'])){top=0;switch(eleName['vAlign']){case'top':top=offsetY;break;case'middle':top=pdH*0.5+offsetY;break;case'bottom':top=pdH+offsetY;break;case'bottom2':top=-10000;bottom=offsetY;break}}if(left>-10000){cssObject['left']=left+'px'}if(right>-10000){cssObject['right']=right+'px'}if(top>-10000){cssObject['top']=top+'px'}if(bottom>-10000){cssObject['bottom']=bottom+'px'}return cssObject},newCanvas:function(id,width,height){return'<canvas class="'+id+'-canvas" width="'+width+'" height="'+height+'"></canvas>'},addButtonEvent:function(){var thisTemp=this;var promptHide=function(event){thisTemp.promptShow(false)};var definitionOver=function(event){thisTemp.promptShow(thisTemp.CB['definition'])};this.addListenerInside('mouseover',definitionOver,this.CB['definition']);this.addListenerInside('mouseout',promptHide,this.CB['definition']);var playbackrateOver=function(event){thisTemp.promptShow(thisTemp.CB['playbackrate'])};this.addListenerInside('mouseover',playbackrateOver,this.CB['playbackrate']);this.addListenerInside('mouseout',promptHide,this.CB['playbackrate']);var subtitlesOver=function(event){thisTemp.promptShow(thisTemp.CB['subtitles'])};this.addListenerInside('mouseover',subtitlesOver,this.CB['subtitles']);this.addListenerInside('mouseout',promptHide,this.CB['subtitles']);var volumePrompt=function(vol){var volumeBOXY=thisTemp.getCoor(thisTemp.CB['volumeBO']);var promptObj={title:thisTemp.ckLanguage['volumeSliderOver'].replace('[$volume]',vol),x:volumeBOXY['x']+thisTemp.CB['volumeBO'].offsetWidth*0.5,y:volumeBOXY['y']};thisTemp.promptShow(false,promptObj)};var volumeObj={slider:this.CB['volumeBO'],follow:this.CB['volumeUp'],refer:this.CB['volumeBg'],grossValue:'volume',pd:true,startFun:function(vol){},monitorFun:function(vol){thisTemp.changeVolume(vol*0.01,false,false);volumePrompt(vol)},endFun:function(vol){},overFun:function(vol){volumePrompt(vol)}};this.slider(volumeObj);var volumeClickObj={refer:this.CB['volumeBg'],grossValue:'volume',fun:function(vol){thisTemp.changeVolume(vol*0.01,true,true)}};this.progressClick(volumeClickObj);this.timeButtonMouseDown();var volumeBgMove=function(event){var volumeBgXY=thisTemp.getCoor(thisTemp.CB['volumeBg']);var eventX=thisTemp.client(event)['x'];var eventVolume=parseInt((eventX-volumeBgXY['x'])*100/thisTemp.CB['volumeBg'].offsetWidth);var buttonPromptObj={title:thisTemp.ckLanguage['volumeSliderOver'].replace('[$volume]',eventVolume),x:eventX,y:volumeBgXY['y']};thisTemp.promptShow(false,buttonPromptObj)};this.addListenerInside('mousemove',volumeBgMove,this.CB['volumeBg']);this.addListenerInside('mouseout',promptHide,this.CB['volumeBg']);this.addListenerInside('mouseout',promptHide,this.CB['volumeBO']);this.addDefListener();this.addPlaybackrate();this.addSubtitles()},videoClick:function(){var thisTemp=this;var clearTimerClick=function(){if(thisTemp.timerClick!=null){if(thisTemp.timerClick.runing){thisTemp.timerClick.stop()}thisTemp.timerClick=null}};var timerClickFun=function(){clearTimerClick();thisTemp.isClick=false;thisTemp.sendJS('videoClick',thisTemp.videoClickXy);if(thisTemp.adPlayerPlay){var ad=thisTemp.getNowAdvertisements();try{if(ad['link']!=''){window.open(ad['link'])}thisTemp.ajaxSuccessNull(ad['clickMonitor'])}catch(event){}}else{if(thisTemp.ckConfig['config']['click']){thisTemp.playOrPause()}}};clearTimerClick();if(this.isClick){this.isClick=false;thisTemp.sendJS('videoDoubleClick',thisTemp.videoClickXy);if(thisTemp.ckConfig['config']['doubleClick']){if(!this.full){thisTemp.fullScreen()}else{thisTemp.quitFullScreen()}}}else{this.isClick=true;this.timerClick=new this.timer(300,timerClickFun,1)}},timeButtonMouseDown:function(){var thisTemp=this;var timePrompt=function(time){if(isNaN(time)){time=0}var timeButtonXY=thisTemp.getCoor(thisTemp.CB['timeButton']);var promptObj={title:thisTemp.formatTime(time,0,thisTemp.ckLanguage['timeSliderOver']),x:timeButtonXY['x']-thisTemp.pdCoor['x']+thisTemp.CB['timeButton'].offsetWidth*0.5,y:timeButtonXY['y']-thisTemp.pdCoor['y']};thisTemp.promptShow(false,promptObj)};var timeObj={slider:this.CB['timeButton'],follow:this.CB['timeProgress'],refer:this.CB['timeBoBg'],grossValue:'time',pd:false,startFun:function(time){thisTemp.isTimeButtonMove=false},monitorFun:function(time){},endFun:function(time){if(thisTemp.V){if(thisTemp.V.duration>0){thisTemp.needSeek=0;thisTemp.videoSeek(parseInt(time))}}},overFun:function(time){timePrompt(time)}};var timeClickObj={refer:this.CB['timeBoBg'],grossValue:'time',fun:function(time){if(thisTemp.V){if(thisTemp.V.duration>0){thisTemp.needSeek=0;thisTemp.videoSeek(parseInt(time))}}}};var timeBoBgmousemove=function(event){var timeBoBgXY=thisTemp.getCoor(thisTemp.CB['timeBoBg']);var eventX=thisTemp.client(event)['x'];var duration=thisTemp.V.duration;if(isNaN(duration)||parseInt(duration)<0.2){duration=thisTemp.vars['duration']}if(thisTemp.vars['forceduration']>0){duration=thisTemp.vars['forceduration']}var eventTime=parseInt((eventX-timeBoBgXY['x'])*duration/thisTemp.CB['timeBoBg'].offsetWidth);var buttonPromptObj={title:thisTemp.formatTime(eventTime,0,thisTemp.ckLanguage['timeSliderOver']),x:eventX,y:timeBoBgXY['y']};thisTemp.promptShow(false,buttonPromptObj);var def=false;if(!thisTemp.isUndefined(thisTemp.CB['definitionP'])){if(thisTemp.css(thisTemp.CB['definitionP'],'display')!='block'){def=true}}if(thisTemp.vars['preview']!=null&&def){buttonPromptObj['time']=eventTime;thisTemp.preview(buttonPromptObj)}};var promptHide=function(event){thisTemp.promptShow(false);if(thisTemp.previewDiv!=null){thisTemp.css([thisTemp.previewDiv,thisTemp.previewTop],'display','none')}};if(!this.vars['live']){this.isTimeButtonDown=true;this.addListenerInside('mousemove',timeBoBgmousemove,this.CB['timeBoBg']);this.addListenerInside('mouseout',promptHide,this.CB['timeBoBg'])}else{this.isTimeButtonDown=false;timeObj['removeListenerInside']=true;timeClickObj['removeListenerInside']=true}this.slider(timeObj);this.progressClick(timeClickObj)},progressClick:function(obj){var thisTemp=this;var referMouseClick=function(event){var referX=thisTemp.client(event)['x']-thisTemp.getCoor(obj['refer'])['x'];var rWidth=obj['refer'].offsetWidth;var grossValue=0;if(obj['grossValue']=='volume'){grossValue=100}else{if(thisTemp.V){grossValue=thisTemp.V.duration;if(isNaN(grossValue)||parseInt(grossValue)<0.2){grossValue=thisTemp.vars['duration']}if(thisTemp.vars['forceduration']>0){grossValue=thisTemp.vars['forceduration']}}}var nowZ=parseInt(referX*grossValue/rWidth);if(obj['fun']){if(obj['grossValue']==='time'){var sliderXY=thisTemp.getCoor(thisTemp.CB['timeButton']);sliderLeft=sliderXY['x'];if(!thisTemp.checkSlideLeft(referX,sliderLeft,rWidth)){return}var bimeButtonWB=thisTemp.CB['timeButton'].offsetWidth*0.5;thisTemp.css(thisTemp.CB['timeButton'],'left',(referX-bimeButtonWB)+'px');thisTemp.css(thisTemp.CB['timeProgress'],'width',(referX)+'px')}obj['fun'](nowZ)}};if(this.isUndefined(obj['removeListenerInside'])){this.addListenerInside('click',referMouseClick,obj['refer'])}else{this.removeListenerInside('click',referMouseClick,obj['refer'])}},slider:function(obj){var thisTemp=this;var clientX=0,criterionWidth=0,sliderLeft=0,referLeft=0;var value=0;var calculation=function(){var sLeft=parseInt(thisTemp.css(obj['slider'],'left'));var rWidth=obj['refer'].offsetWidth-obj['slider'].offsetWidth;var grossValue=0;if(thisTemp.isUndefined(sLeft)||isNaN(sLeft)){sLeft=0}if(obj['grossValue']=='volume'){grossValue=100}else{if(thisTemp.V){grossValue=thisTemp.V.duration}}return parseInt(sLeft*grossValue/rWidth)};var mDown=function(event){thisTemp.addListenerInside('mousemove',mMove,document);thisTemp.addListenerInside('mouseup',mUp,document);var referXY=thisTemp.getCoor(obj['refer']);var sliderXY=thisTemp.getCoor(obj['slider']);clientX=thisTemp.client(event)['x'];referLeft=referXY['x'];sliderLeft=sliderXY['x'];criterionWidth=clientX-sliderLeft;if(obj['startFun']){obj['startFun'](calculation())}};var mMove=function(event){clientX=thisTemp.client(event)['x'];var newX=clientX-criterionWidth-referLeft;if(newX<0){newX=0}if(newX>obj['refer'].offsetWidth-obj['slider'].offsetWidth){newX=obj['refer'].offsetWidth-obj['slider'].offsetWidth}if(obj['slider']===thisTemp.CB['timeButton']){if(!thisTemp.checkSlideLeft(newX,sliderLeft,obj['refer'].offsetWidth)){return}}thisTemp.css(obj['slider'],'left',newX+'px');thisTemp.css(obj['follow'],'width',(newX+obj['slider'].offsetWidth*0.5)+'px');var nowZ=calculation();if(obj['monitorFun']){obj['monitorFun'](nowZ)}};var mUp=function(event){thisTemp.removeListenerInside('mousemove',mMove,document);thisTemp.removeListenerInside('mouseup',mUp,document);if(obj['endFun']){obj['endFun'](calculation())}};var mOver=function(event){if(obj['overFun']){obj['overFun'](calculation())}};if(this.isUndefined(obj['removeListenerInside'])){this.addListenerInside('mousedown',mDown,obj['slider']);this.addListenerInside('mouseover',mOver,obj['slider'])}else{this.removeListenerInside('mousedown',mDown,obj['slider']);this.removeListenerInside('mouseover',mOver,obj['slider'])}},checkSlideLeft:function(newX,sliderLeft,refer){var timeSA=this.ckConfig['config']['timeScheduleAdjust'];switch(timeSA){case 0:return false;break;case 2:if(newX<sliderLeft){return false}break;case 3:if(newX>sliderLeft){return false}break;case 4:if(!this.timeSliderLeftTemp){this.timeSliderLeftTemp=sliderLeft/refer}if(newX<this.timeSliderLeftTemp*refer){return false}break;case 5:if(!this.timeSliderLeftTemp){this.timeSliderLeftTemp=sliderLeft/refer}else{var timeSliderMax=sliderLeft/refer;if(timeSliderMax>this.timeSliderLeftTemp){this.timeSliderLeftTemp=timeSliderMax}}if(newX>this.timeSliderLeftTemp*refer){return false}break;default:return true;break}return true},loadingStart:function(rot){var thisTemp=this;if(this.isUndefined(rot)){rot=true}if(this.conBarShow){this.css(thisTemp.CB['loading'],'display','none');this.loadingShow=false}var buffer=0;if(rot){if(this.conBarShow){this.css(thisTemp.CB['loading'],'display','block');this.loadingShow=true}}else{thisTemp.sendJS('buffer',100)}},promptShow:function(ele,data){if(!this.conBarShow){return}var obj={};var eleTitle='';if(!this.isUndefined(ele)){eleTitle=this.getDataset(ele,'title');if(this.isUndefined(eleTitle)){ele=null}}if(ele||data){if(!this.isUndefined(data)){obj=data}else{var offsetCoor=this.getCoor(ele);obj={title:eleTitle,x:offsetCoor['x']+ele.offsetWidth*0.5,y:offsetCoor['y']}}this.CB['prompt'].innerHTML=obj['title'];this.css(this.CB['prompt'],'display','block');var promptStye=this.ckStyle['prompt'];var promoptWidth=this.CB['prompt'].offsetWidth,promoptHeight=this.CB['prompt'].offsetHeight;this.css(this.CB['promptBg'],{width:promoptWidth+'px',height:promoptHeight+'px'});var x=obj['x']-(promoptWidth*0.5);var y=obj['y']-this.CB['prompt'].offsetHeight-promptStye['marginBottom']-promptStye['triangleHeight'];if(x<0){x=0}if(x>this.PD.offsetWidth-promoptWidth){x=this.PD.offsetWidth-promoptWidth}this.css([this.CB['promptBg'],this.CB['prompt']],{display:'block',left:x+'px',top:y+'px'});this.css(this.CB['promptTriangle'],{display:'block',left:x+(promoptWidth-promptStye['triangleWidth'])*0.5+parseInt(promptStye['triangleDeviationX'])+'px',top:y+promoptHeight+'px'})}else{this.css([this.CB['promptBg'],this.CB['prompt'],this.CB['promptTriangle']],{display:'none'})}},timerErrorFun:function(){var thisTemp=this;this.errorSend=false;var clearIntervalError=function(event){if(thisTemp.timerError!=null){if(thisTemp.timerError.runing){thisTemp.timerError.stop()}thisTemp.timerError=null}};var errorFun=function(event){clearIntervalError();thisTemp.error=true;thisTemp.errorUrl=thisTemp.getVideoUrl();if(!thisTemp.errorSend){thisTemp.errorSend=true;thisTemp.sendJS('error')}if(thisTemp.conBarShow){thisTemp.CB['errorText'].innerHTML=thisTemp.ckLanguage['error']['streamNotFound'];thisTemp.css(thisTemp.CB['errorText'],'display','block');thisTemp.css([thisTemp.CB['pauseCenter'],thisTemp.CB['loading']],'display','none')}thisTemp.V.removeAttribute('poster');thisTemp.resetPlayer()};var errorListenerFun=function(event){setTimeout(function(){if(isNaN(thisTemp.V.duration)){errorFun(event)}},500)};if(!this.errorAdd){this.errorAdd=true;this.addListenerInside('error',errorListenerFun)}clearIntervalError();var timerErrorFun=function(){if(thisTemp.V&&parseInt(thisTemp.V.networkState)==3){errorFun()}};this.timerError=new this.timer(this.ckConfig['config']['errorTime'],timerErrorFun)},judgeFullScreen:function(){var thisTemp=this;if(this.timerFull!=null){if(this.timerFull.runing){this.timerFull.stop()}this.timerFull=null}var fullFun=function(){thisTemp.isFullScreen()};this.timerFull=new this.timer(20,fullFun)},isFullScreen:function(){if(!this.conBarShow){return}var fullState=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen||document.msFullscreenElement;if(fullState&&!this.full){this.full=true;this.sendJS('full',true);this.elementCoordinate();this.carbarButton();this.customCoor();this.css(this.CB['full'],'display','none');this.css(this.CB['escFull'],'display','block');if(this.vars['live']==0){this.timeUpdateHandler()}this.PD.appendChild(this.CB['menu'])}if(!fullState&&this.full){this.full=false;this.sendJS('full',false);this.elementCoordinate();this.carbarButton();this.customCoor();this.css(this.CB['full'],'display','block');this.css(this.CB['escFull'],'display','none');if(this.timerFull!=null){if(this.timerFull.runing){this.timerFull.stop()}this.timerFull=null}if(this.vars['live']==0){this.timeUpdateHandler()}this.body.appendChild(this.CB['menu'])}},newMenu:function(){var thisTemp=this;var i=0;this.css(this.CB['menu'],{backgroundColor:'#FFFFFF',padding:'5px',position:'absolute',left:'10px',top:'20px',display:'none',zIndex:'999',color:'#A1A9BE',boxShadow:'2px 2px 3px #AAAAAA'});var mArr=this.contextMenu;var cMenu=this.ckConfig['menu'];if(cMenu['name']){if(cMenu['link']){mArr[0]=[cMenu['name'],'link',cMenu['link']]}else{mArr[0]=[cMenu['name'],'default']}}if(cMenu['version']){mArr[1]=[cMenu['version'],'default','line']}if(cMenu['more']){if(this.varType(cMenu['more'])=='array'){if(cMenu['more'].length>0){var moreArr=cMenu['more'];for(i=0;i<moreArr.length;i++){var mTemp=moreArr[i];var arrTemp=[];if(mTemp['name']){arrTemp.push(mTemp['name'])}if(mTemp['clickEvent']&&mTemp['clickEvent']!='none'){var eveObj=this.clickEvent(mTemp['clickEvent']);arrTemp.push(eveObj['type']);if(eveObj['fun']){arrTemp.push(eveObj['fun'])}if(eveObj['link']){arrTemp.push(eveObj['link'])}if(eveObj['target']){arrTemp.push(' target="'+eveObj['target']+'"')}}if(mTemp['separatorBefore']){arrTemp.push('line')}mArr.push(arrTemp)}}}}var html='';for(i=0;i<mArr.length;i++){var me=mArr[i];switch(me[1]){case'default':html+='<p>'+me[0]+'</p>';break;case'link':if(me[3]){me[3]='target="'+me[3]+'"'}html+='<p><a href="'+me[2]+'"'+me[3]+'>'+me[0]+'</a></p>';break;case'javaScript':html+='<p><a href="javascript:'+me[2]+'">'+me[0]+'</a></p>';break;case'actionScript':html+='<p><a href="javascript:'+this.vars['variable']+me[2].replace('thisTemp','')+'">'+me[0]+'</a></p>';break;default:break}}this.CB['menu'].innerHTML=html;var pArr=this.CB['menu'].childNodes;for(i=0;i<pArr.length;i++){this.css(pArr[i],{height:'30px',lineHeight:'30px',margin:'0px',fontFamily:this.fontFamily,fontSize:'12px',paddingLeft:'10px',paddingRight:'30px'});if(mArr[i][mArr[i].length-1]=='line'){this.css(pArr[i],'borderBottom','1px solid #e9e9e9')}var aArr=pArr[i].childNodes;for(var n=0;n<aArr.length;n++){if(aArr[n].localName=='a'){this.css(aArr[n],{color:'#000000',textDecoration:'none'})}}}this.PD.oncontextmenu=function(event){var eve=event||window.event;var client=thisTemp.client(event);if(eve.button==2){eve.returnvalue=false;var x=client['x']+thisTemp.pdCoor['x']-2;var y=client['y']+thisTemp.pdCoor['y']-2;thisTemp.css(thisTemp.CB['menu'],{display:'block',left:x+'px',top:y+'px'});return false}return true};var setTimeOutPClose=function(){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};var setTimeOutP=null;var mouseOut=function(event){setTimeOutPClose();setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['menu'],'display','none')},500)};this.addListenerInside('mouseout',mouseOut,thisTemp.CB['menu']);var mouseOver=function(event){setTimeOutPClose()};this.addListenerInside('mouseover',mouseOver,thisTemp.CB['menu'])},controlBarHide:function(hide){var thisTemp=this;var client={x:0,y:0},oldClient={x:0,y:0};var cShow=true,force=false;var oldCoor=[0,0];var controlBarShow=function(show){if(show&&!cShow&&thisTemp.controlBarIsShow){cShow=true;thisTemp.sendJS('controlBar',true);thisTemp.css(thisTemp.CB['controlBarBg'],'display','block');thisTemp.css(thisTemp.CB['controlBar'],'display','block');thisTemp.timeProgressDefault();thisTemp.changeVolume(thisTemp.volume);thisTemp.changeLoad();if(!thisTemp.timerBuffer){thisTemp.bufferEdHandler()}}else{if(cShow){cShow=false;var paused=thisTemp.getMetaDate()['paused'];if(force){paused=false}if(!paused){thisTemp.sendJS('controlBar',false);thisTemp.css(thisTemp.CB['controlBarBg'],'display','none');thisTemp.css(thisTemp.CB['controlBar'],'display','none');thisTemp.promptShow(false)}}}thisTemp.videoCss()};var cbarFun=function(event){if(client['x']==oldClient['x']&&client['y']==oldClient['y']){var cdH=parseInt(thisTemp.CD.offsetHeight);if((client['y']<cdH-50||client['y']>cdH-2)&&cShow&&!thisTemp.getMetaDate()['paused']){controlBarShow(false)}}else{if(!cShow){controlBarShow(true)}}oldClient={x:client['x'],y:client['y']}};this.timerCBar=new this.timer(2000,cbarFun);var cdMove=function(event){var getClient=thisTemp.client(event);client['x']=getClient['x'];client['y']=getClient['y'];if(!cShow){controlBarShow(true)}thisTemp.sendJS('mouse',client)};this.addListenerInside('mousemove',cdMove,thisTemp.CD);this.addListenerInside('ended',cdMove);this.addListenerInside('resize',cdMove,window);if(hide===true){cShow=true;force=true;controlBarShow(false)}if(hide===false){cShow=false;force=true;controlBarShow(true)}},keypress:function(){var thisTemp=this;var keyDown=function(eve){var keycode=eve.keyCode||eve.which;if(thisTemp.adPlayerPlay){return}switch(keycode){case 32:thisTemp.playOrPause();break;case 37:thisTemp.fastBack();break;case 39:thisTemp.fastNext();break;case 38:now=thisTemp.volume+thisTemp.ckConfig['config']['volumeJump'];thisTemp.changeVolume(now>1?1:now);break;case 40:now=thisTemp.volume-thisTemp.ckConfig['config']['volumeJump'];thisTemp.changeVolume(now<0?0:now);break;default:break}};this.addListenerInside('keydown',keyDown,window||document)},playbackRate:function(){if(!this.conBarShow||!this.ckConfig['config']['playbackRate']){return}var styleCD=this.ckStyle['controlBar']['playbackrate'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var thisTemp=this;var dArr=this.playbackRateArr;var html='';var nowD='';var i=0,nowI=0;nowD=dArr[this.playbackRateDefault][1];nowI=this.playbackRateDefault;this.removeChildAll(this.CB['playbackrateP']);if(dArr.length>1){this.CB['playbackratePB']=document.createElement('div'),this.CB['playbackratePC']=document.createElement('div');this.CB['playbackrateP'].appendChild(this.CB['playbackratePB']);this.CB['playbackrateP'].appendChild(this.CB['playbackratePC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['playbackratePC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['playbackrateP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['playbackratePB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i][1];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['playbackrateP'],dArr[i][1],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['playbackrateP'],dArr[i][1],'')}this.css(buttonDiv,'position','static');this.CB['playbackratePC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['playbackratePC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var subClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['playbackrateP'],'display','none');thisTemp.newPlaybackrate(dName)}};this.addListenerInside('click',subClick,buttonDiv)}this.CB['playbackrateTriangle']=document.createElement('div');this.CB['playbackrateP'].appendChild(this.CB['playbackrateTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['playbackrateTriangle'],cssTemp);this.CB['playbackrateButtonText'].innerHTML=nowD}else{this.CB['playbackrateButtonText'].innerHTML=this.ckLanguage['playbackrate']}},addPlaybackrate:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['playbackrateP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['playbackratePC'])){thisTemp.css(thisTemp.CB['playbackrateP'],'display','block');var tbCss=thisTemp.ckStyle['controlBar']['playbackrate']['background'];thisTemp.css(thisTemp.CB['playbackratePB'],{width:thisTemp.CB['playbackratePC'].offsetWidth+'px',height:thisTemp.CB['playbackratePC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['playbackrateP'],{width:(thisTemp.CB['playbackratePC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['playbackratePC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['playbackratePB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['playbackrateTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['playbackrateP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['playbackrate']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['playbackrateP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['playbackrateP']);var defMouseOver=function(event){if(setTimeOutP){thisTemp.buttonHide=false;window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['playbackrateP'])},newPlaybackrate:function(title){var vArr=this.playbackRateArr;var nVArr=[];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[1]==title){this.playbackRateDefault=i;this.V.playbackRate=v[0];if(this.conBarShow){this.CB['playbackrateButtonText'].innerHTML=v[1];this.playbackRate()}this.sendJS('playbackRate',v);this.playbackRateTemp=v[0]}}},subtitleSwitch:function(){if(!this.conBarShow||!this.ckConfig['config']['subtitle']){return}var thisTemp=this;var dArr=this.vars['cktrack'];if(this.varType(dArr)!='array'){return}if(dArr[0][1]==''){return}var styleCD=this.ckStyle['controlBar']['subtitle'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var html='';var nowD='';var i=0,nowI=0;if(this.subtitlesTemp==-1&&dArr.length>0){this.subtitlesTemp=dArr.length-1}for(i=0;i<dArr.length;i++){if(this.subtitlesTemp==i){nowD=dArr[i][1];nowI=i}}if(!nowD){nowD=dArr[0][1]}this.removeChildAll(this.CB['subtitlesP']);if(dArr.length>1){this.CB['subtitlesPB']=document.createElement('div'),this.CB['subtitlesPC']=document.createElement('div');this.CB['subtitlesP'].appendChild(this.CB['subtitlesPB']);this.CB['subtitlesP'].appendChild(this.CB['subtitlesPC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['subtitlesPC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['subtitlesP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['subtitlesPB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i][1];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['subtitlesP'],dArr[i][1],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['subtitlesP'],dArr[i][1],'')}this.css(buttonDiv,'position','static');this.CB['subtitlesPC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['subtitlesPC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var subClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['subtitlesP'],'display','none');thisTemp.newSubtitles(dName)}};this.addListenerInside('click',subClick,buttonDiv)}this.CB['subtitlesTriangle']=document.createElement('div');this.CB['subtitlesP'].appendChild(this.CB['subtitlesTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['subtitlesTriangle'],cssTemp);this.CB['subtitleButtonText'].innerHTML=nowD}else{this.CB['subtitleButtonText'].innerHTML=this.ckLanguage['subtitle']}},addSubtitles:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['subtitlesP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['subtitlesPC'])){var tbCss=thisTemp.ckStyle['controlBar']['subtitle']['background'];thisTemp.css(thisTemp.CB['subtitlesP'],'display','block');thisTemp.css(thisTemp.CB['subtitlesPB'],{width:thisTemp.CB['subtitlesPC'].offsetWidth+'px',height:thisTemp.CB['subtitlesPC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['subtitlesP'],{width:(thisTemp.CB['subtitlesPC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['subtitlesPC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['subtitlesPB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['subtitlesTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['subtitlesP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['subtitles']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['subtitlesP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['subtitlesP']);var defMouseOver=function(event){thisTemp.buttonHide=false;if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['subtitlesP'])},changeSubtitles:function(n){if(!this.loaded||n<0){return}var vArr=this.vars['cktrack'];if(this.varType(vArr)!='array'){return}if(this.playerType=='flashplayer'){this.V.changeSubtitles(n);return}if(vArr.length>n){var arr=vArr[n];if(arr.length>2){var title=arr[1];if(title){this.newSubtitles(title)}}}},changeSubtitlesSize:function(n,m){if(!this.loaded||n<0){return}if(this.playerType=='flashplayer'){this.V.changeSubtitlesSize(n,m);return}this.ckStyle['cktrack']['size']=n;if(!this.isUndefined(m)){this.ckStyle['cktrack']['leading']=m}this.trackShowAgain()},newSubtitles:function(title){var vArr=this.vars['cktrack'];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[1]==title){this.subtitlesTemp=i;if(this.conBarShow){this.CB['subtitleButtonText'].innerHTML=v[1];this.subtitleSwitch();this.loadTrack(i)}this.sendJS('subtitles',v)}}},definition:function(){if(!this.conBarShow||!this.ckConfig['config']['definition']){return}var styleCD=this.ckStyle['controlBar']['definition'];var cssSup={overflow:'hidden',display:'none',zIndex:995};var cssSup2={overflow:'hidden',align:'top',vAlign:'left',offsetX:0,offsetY:0,zIndex:1};var thisTemp=this;var vArr=this.VA;var dArr=[];var html='';var nowD='';var i=0,nowI=0;for(i=0;i<vArr.length;i++){var d=vArr[i][2];if(dArr.indexOf(d)==-1){dArr.push(d)}if(this.V){if(vArr[i][0]==this.V.currentSrc){nowD=d;nowI=i}}}if(!nowD){nowD=dArr[0]}this.removeChildAll(this.CB['definitionP']);if(dArr.length>1){this.CB['definitionPB']=document.createElement('div'),this.CB['definitionPC']=document.createElement('div');this.CB['definitionP'].appendChild(this.CB['definitionPB']);this.CB['definitionP'].appendChild(this.CB['definitionPC']);var bgCss=this.newObj(styleCD['background']);bgCss['backgroundColor']='';cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['definitionPC'],cssTemp);bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(this.objectAssign(bgCss,styleCD['backgroundCoorH5']),cssSup);this.css(this.CB['definitionP'],cssTemp);bgCss=this.newObj(styleCD['background']);bgCss['alpha']=bgCss['backgroundAlpha'];bgCss['padding']=0;bgCss['paddingLeft']=0;bgCss['paddingTop']=0;bgCss['paddingRight']=0;bgCss['paddingBottom']=0;cssTemp=this.getEleCss(bgCss,cssSup2);this.css(this.CB['definitionPB'],cssTemp);for(i=0;i<dArr.length;i++){var buttonDiv=document.createElement('div');buttonDiv.dataset.title=dArr[i];if(nowI!=i){this.textButton(buttonDiv,styleCD['button'],null,this.CB['definitionP'],dArr[i],'')}else{this.textButton(buttonDiv,styleCD['buttonHighlight'],null,this.CB['definitionP'],dArr[i],'')}this.css(buttonDiv,'position','static');this.CB['definitionPC'].appendChild(buttonDiv);if(i<dArr.length-1){var separate=styleCD['separate'];separate['borderTop']=separate['border'];separate['borderTopColor']=separate['color'];var separateDiv=document.createElement('div');this.CB['definitionPC'].appendChild(separateDiv);var cssTemp=this.getEleCss(separate,{width:'100%'});cssTemp['position']='static';this.css(separateDiv,cssTemp)}var defClick=function(){var dName=thisTemp.getDataset(this,'title');if(nowD!=dName){thisTemp.css(thisTemp.CB['definitionP'],'display','none');thisTemp.newDefinition(dName)}};this.addListenerInside('click',defClick,buttonDiv)}this.CB['definitionTriangle']=document.createElement('div');this.CB['definitionP'].appendChild(this.CB['definitionTriangle']);var tbCss=styleCD['background'];cssTemp={width:0,height:0,borderLeft:tbCss['triangleWidth']*0.5+'px solid transparent',borderRight:tbCss['triangleWidth']*0.5+'px solid transparent',borderTop:tbCss['triangleHeight']+'px solid '+tbCss['triangleBackgroundColor'].replace('0x','#'),overflow:'hidden',opacity:tbCss['triangleAlpha'],filter:'alpha(opacity:'+tbCss['triangleAlpha']+')',position:'absolute',left:'0px',top:'0px',zIndex:2};this.css(this.CB['definitionTriangle'],cssTemp);this.CB['defaultButtonText'].innerHTML=nowD;this.css(this.CB['definition'],'display','block')}else{this.CB['defaultButtonText'].innerHTML=this.ckLanguage['definition']}},removeChildAll:function(ele){for(var i=ele.childNodes.length-1;i>=0;i--){var childNode=ele.childNodes[i];ele.removeChild(childNode)}},addDefListener:function(){var thisTemp=this;var setTimeOutP=null;var defClick=function(event){if(thisTemp.css(thisTemp.CB['definitionP'],'display')!='block'&&!thisTemp.isUndefined(thisTemp.CB['definitionPC'])){thisTemp.css(thisTemp.CB['definitionP'],'display','block');var tbCss=thisTemp.ckStyle['controlBar']['definition']['background'];thisTemp.css(thisTemp.CB['definitionPB'],{width:thisTemp.CB['definitionPC'].offsetWidth+'px',height:thisTemp.CB['definitionPC'].offsetHeight+'px'});thisTemp.css(thisTemp.CB['definitionP'],{width:(thisTemp.CB['definitionPC'].offsetWidth+tbCss['triangleDeviationX']+tbCss['triangleWidth'])+'px',height:(thisTemp.CB['definitionPC'].offsetHeight+tbCss['triangleDeviationY']+tbCss['triangleHeight'])+'px'});thisTemp.promptShow(false);var tempELe=thisTemp.CB['definitionPB'];var tempWidth=tempELe.offsetWidth,tempHeight=tempELe.offsetHeight;var x=((tempWidth-tbCss['triangleWidth'])*0.5)+tbCss['triangleDeviationX'];var y=tempELe.offsetHeight+tbCss['triangleDeviationY'];var cssTemp={left:x+'px',top:y+'px'};thisTemp.css(thisTemp.CB['definitionTriangle'],cssTemp)}else{thisTemp.css(thisTemp.CB['definitionP'],'display','none')}};this.addListenerInside('click',defClick,this.CB['definition']);var defMouseOut=function(event){if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}setTimeOutP=setTimeout(function(event){thisTemp.css(thisTemp.CB['definitionP'],'display','none')},500)};this.addListenerInside('mouseout',defMouseOut,thisTemp.CB['definitionP']);var defMouseOver=function(event){thisTemp.buttonHide=false;if(setTimeOutP){window.clearTimeout(setTimeOutP);setTimeOutP=null}};this.addListenerInside('mouseover',defMouseOver,thisTemp.CB['definitionP'])},changeDefinition:function(n){if(!this.loaded||n<0){return}if(this.playerType=='flashplayer'){this.V.changeDefinition(n);return}if(this.VA.length>n){var arr=this.VA[n];if(arr.length>3){var title=arr[2];if(title){this.newDefinition(title)}}}},newDefinition:function(title){var vArr=this.VA;var nVArr=[];var i=0;for(i=0;i<vArr.length;i++){var v=vArr[i];if(v[2]==title){nVArr.push(v);this.sendJS('definitionChange',i+'')}}if(nVArr.length<1){return}if(this.V!=null&&this.needSeek==0){this.needSeek=this.V.currentTime}if(this.getFileExt(nVArr[0][0])!='.m3u8'){this.isM3u8=false}if(!this.isM3u8){if(nVArr.length==1){this.V.innerHTML='';this.V.src=nVArr[0][0];this.V.currentSrc=nVArr[0][0]}else{var source='';nVArr=this.arrSort(nVArr);for(i=0;i<nVArr.length;i++){var type='';var va=nVArr[i];if(va[1]){type=' type="'+va[1]+'"'}source+='<source src="'+va[0]+'"'+type+'>'}this.V.removeAttribute('src');this.V.innerHTML=source;this.V.currentSrc=nVArr[0][0]}}else{this.embedHls(vArr[0][0],this.vars['autoplay'])}this.V.autoplay='autoplay';this.V.load();if(this.playbackRateTemp!=1){this.V.playbackRate=this.playbackRateTemp}this.timerErrorFun()},embedHls:function(url,autoplay){var thisTemp=this;thisTemp.hlsAutoPlay=autoplay;if(Hls.isSupported()){var hls=new Hls();hls.loadSource(url);hls.attachMedia(this.V);hls.on(Hls.Events.MANIFEST_PARSED,function(){thisTemp.playerLoad();if(autoplay){thisTemp.videoPlay()}})}},prompt:function(){if(!this.conBarShow){return}var thisTemp=this;var prompt=this.vars['promptSpot'];if(prompt==null||this.promptArr.length>0){return}var showPrompt=function(event){if(thisTemp.promptElement==null){var random2='prompte-'+thisTemp.randomString(5);var ele2=document.createElement('div');ele2.className=random2;thisTemp.PD.appendChild(ele2);thisTemp.promptElement=thisTemp.getByElement(random2);thisTemp.css(thisTemp.promptElement,{overflowX:'hidden',lineHeight:thisTemp.ckStyle['previewPrompt']['lineHeight']+'px',fontFamily:thisTemp.ckStyle['previewPrompt']['font'],fontSize:thisTemp.ckStyle['previewPrompt']['size']+'px',color:thisTemp.ckStyle['previewPrompt']['color'].replace('0x','#'),position:'absolute',display:'block',zIndex:'90'})}var pcon=thisTemp.getPromptTest();var pW=pcon['pW'],pT=pcon['pT'],pL=parseInt(thisTemp.css(this,'left'))-parseInt(pW*0.5);if(pcon['pL']>10){pL=pcon['pL']}if(pL<0){pL=0}thisTemp.css(thisTemp.promptElement,{width:pW+'px',left:(-pW-10)+'px',display:'block'});thisTemp.promptElement.innerHTML=thisTemp.getDataset(this,'words');thisTemp.css(thisTemp.promptElement,{left:pL+'px',top:(pT-thisTemp.promptElement.offsetHeight-thisTemp.ckStyle['previewPrompt']['marginBottom'])+'px'})};var hidePrompt=function(event){if(thisTemp.promptElement!=null){thisTemp.css(thisTemp.promptElement,{display:'none'})}};var i=0;for(i=0;i<prompt.length;i++){var pr=prompt[i];var words=pr['words'];var time=pr['time'];var random='prompttitle-'+this.randomString(5);var ele=document.createElement('div');ele.className=random;this.CB['timeBoBg'].appendChild(ele);var div=this.getByElement(random);try{div.setAttribute('data-time',time);if(this.ckConfig['config']['promptSpotTime']){words=this.formatTime(time,0,this.ckLanguage['timeSliderOver'])+' '+words}div.setAttribute('data-words',words)}catch(event){}var pCss=this.getEleCss(this.ckStyle['promptSpotH5'],{marginY:-10000,zIndex:1});try{this.css(div,pCss)}catch(event){}this.addListenerInside('mouseover',showPrompt,div);this.addListenerInside('mouseout',hidePrompt,div);this.promptArr.push(div)}this.changePrompt()},getPromptTest:function(){var pW=this.previewWidth,pT=this.getCoor(this.CB['timeProgressBg'])['y'],pL=0;if(this.previewTop!=null){pT=parseInt(this.css(this.previewTop,'top'));pL=parseInt(this.css(this.previewTop,'left'))}else{pT-=35}pL+=2;if(pL<0){pL=0}if(pL>this.PD.offsetWidth-pW){pL=this.PD.offsetWidth-pW}return{pW:pW,pT:pT,pL:pL}},deletePrompt:function(){var arr=this.promptArr;if(arr.length>0){for(var i=0;i<arr.length;i++){if(arr[i]){this.deleteChild(arr[i])}}}this.promptArr=[]},changePrompt:function(){if(this.promptArr.length==0){return}var arr=this.promptArr;var duration=this.getMetaDate()['duration'];var bw=this.CB['timeBoBg'].offsetWidth;for(var i=0;i<arr.length;i++){var time=parseInt(this.getDataset(arr[i],'time'));var left=parseInt(time*bw/duration)-parseInt(arr[i].offsetWidth*0.5);if(left<0){left=0}if(left>bw-parseInt(arr[i].offsetWidth*0.5)){left=bw-parseInt(arr[i].offsetWidth*0.5)}this.css(arr[i],{left:left+'px',display:'block'})}},preview:function(obj){var thisTemp=this;var preview={file:null,scale:0};preview=this.standardization(preview,this.vars['preview']);if(preview['file']==null||preview['scale']<=0){return}var srcArr=preview['file'];if(this.previewStart==0){this.previewStart=1;if(srcArr.length>0){var i=0;var imgW=0,imgH=0;var random='preview-'+thisTemp.randomString(10);var loadNum=0;var loadImg=function(i){srcArr[i]=thisTemp.getNewUrl(srcArr[i]);var n=0;var img=new Image();img.src=srcArr[i];img.className=random+i;img.onload=function(event){loadNum++;if(thisTemp.previewDiv==null){imgW=img.width;imgH=img.height;thisTemp.previewWidth=parseInt(imgW*0.1);var ele=document.createElement('div');ele.className=random;thisTemp.PD.appendChild(ele);thisTemp.previewDiv=thisTemp.getByElement(random);var eleTop=0;eleTop=thisTemp.PD.offsetHeight-thisTemp.ckStyle['preview']['bottom'];thisTemp.css(thisTemp.previewDiv,{width:srcArr.length*imgW*10+'px',height:parseInt(imgH*0.1)+'px',backgroundColor:'#000000',position:'absolute',left:'0px',top:eleTop+'px',display:'none',zIndex:'80'});ele.setAttribute('data-x','0');ele.setAttribute('data-y',eleTop);var ele2=document.createElement('div');ele2.className=random+'d2';thisTemp.PD.appendChild(ele2);thisTemp.previewTop=thisTemp.getByElement(ele2.className);thisTemp.css(thisTemp.previewTop,{width:parseInt(imgW*0.1)+'px',height:parseInt(imgH*0.1)+'px',position:'absolute',border:thisTemp.ckStyle['preview']['border']+'px solid '+thisTemp.ckStyle['preview']['borderColor'].replace('0x','#'),left:'0px',top:eleTop+'px',display:'none',zIndex:'81'});var html='';for(n=0;n<srcArr.length;n++){html+=thisTemp.newCanvas(random+n,imgW*10,parseInt(imgH*0.1))}thisTemp.previewDiv.innerHTML=html}thisTemp.previewDiv.appendChild(img);var cimg=thisTemp.getByElement(img.className);var canvas=thisTemp.getByElement(img.className+'-canvas');var context=canvas.getContext('2d');var sx=0,sy=0,x=0,h=parseInt(imgH*0.1);for(n=0;n<100;n++){x=parseInt(n*imgW*0.1);context.drawImage(cimg,sx,sy,parseInt(imgW*0.1),h,x,0,parseInt(imgW*0.1),h);sx+=parseInt(imgW*0.1);if(sx>=imgW){sx=0;sy+=h}thisTemp.css(cimg,'display','none')}if(loadNum==srcArr.length){thisTemp.previewStart=2}else{i++;loadImg(i)}}}}loadImg(i);return}if(this.previewStart==2){var isTween=true;var nowNum=parseInt(obj['time']/this.vars['preview']['scale']);var numTotal=parseInt(thisTemp.getMetaDate()['duration']/this.vars['preview']['scale']);if(thisTemp.css(thisTemp.previewDiv,'display')=='none'){isTween=false}thisTemp.css(thisTemp.previewDiv,'display','block');var imgWidth=thisTemp.previewDiv.offsetWidth*0.01/srcArr.length;var left=(imgWidth*nowNum)-obj['x']+parseInt(imgWidth*0.5),top=thisTemp.PD.offsetHeight-thisTemp.previewDiv.offsetHeight-thisTemp.ckStyle['preview']['bottom'];thisTemp.css(thisTemp.previewDiv,'top',top+2+'px');var topLeft=obj['x']-parseInt(imgWidth*0.5);var timepieces=0;if(topLeft<0){topLeft=0;timepieces=obj['x']-topLeft-imgWidth*0.5}if(topLeft>thisTemp.PD.offsetWidth-imgWidth){topLeft=thisTemp.PD.offsetWidth-imgWidth;timepieces=obj['x']-topLeft-imgWidth*0.5}if(left<0){left=0}if(left>numTotal*imgWidth-thisTemp.PD.offsetWidth){left=numTotal*imgWidth-thisTemp.PD.offsetWidth}thisTemp.css(thisTemp.previewTop,{left:topLeft+'px',top:top+2+'px',display:'block'});if(thisTemp.previewTop.offsetHeight>thisTemp.previewDiv.offsetHeight){thisTemp.css(thisTemp.previewTop,{height:thisTemp.previewDiv.offsetHeight-(thisTemp.previewTop.offsetHeight-thisTemp.previewDiv.offsetHeight)+'px'})}if(this.previewTween!=null){this.animatePause(this.previewTween);this.previewTween=null}var nowLeft=parseInt(thisTemp.css(thisTemp.previewDiv,'left'));var leftC=nowLeft+left;if(nowLeft==-(left+timepieces)){return}if(isTween){var obj={element:thisTemp.previewDiv,start:null,end:-(left+timepieces),speed:0.3};this.previewTween=this.animate(obj)}else{thisTemp.css(thisTemp.previewDiv,'left',-(left+timepieces)+'px')}}},deletePreview:function(){if(this.previewDiv!=null){this.deleteChild(this.previewDiv);this.previewDiv=null;this.previewStart=0}},changeVideo:function(){if(!this.html5Video){this.getVarsObject();this.V.newVideo(this.vars);return}var vArr=this.VA;var v=this.vars;var i=0;if(vArr.length<1){return}if(this.V!=null&&this.needSeek==0){this.needSeek=this.V.currentTime}if(v['poster']){this.V.poster=v['poster']}else{this.V.removeAttribute('poster')}if(v['loop']){this.V.loop='loop'}else{this.V.removeAttribute('loop')}if(v['seek']>0){this.needSeek=v['seek']}else{this.needSeek=0}if(this.getFileExt(vArr[0][0])!='.m3u8'){this.isM3u8=false}if(!this.isM3u8){if(vArr.length==1){this.V.innerHTML='';this.V.src=vArr[0][0]}else{var source='';vArr=this.arrSort(vArr);for(i=0;i<vArr.length;i++){var type='';var va=vArr[i];if(va[1]){type=' type="'+va[1]+'"'}source+='<source src="'+va[0]+'"'+type+'>'}this.V.removeAttribute('src');this.V.innerHTML=source}if(v['autoplay']){this.V.autoplay='autoplay'}else{this.V.removeAttribute('autoplay')}this.V.load()}else{this.embedHls(vArr[0][0],v['autoplay'])}if(!this.isUndefined(v['volume'])){this.changeVolume(v['volume'])}this.resetPlayer();this.timerErrorFun();if(this.vars['cktrack']){this.loadTrack()}},elementCoordinate:function(){this.pdCoor=this.getXY(this.PD);var cssTemp=null;try{cssTemp=this.getEleCss(this.ckStyle['centerPlay'],{cursor:'pointer'});this.css(this.CB['pauseCenter'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['loading']);this.css(this.CB['loading'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['error']);this.css(this.CB['errorText'],cssTemp)}catch(event){this.log(event)}try{cssTemp=this.getEleCss(this.ckStyle['logo']);this.css(this.CB['logo'],cssTemp)}catch(event){this.log(event)}this.checkBarWidth()},carbarButton:function(){var styleC=this.ckStyle['controlBar'];var styleCB=styleC['button'];var cssTemp=null;var cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};var cssSup2={overflow:'hidden',cursor:'default',zIndex:1};var cssSup4={overflow:'hidden',cursor:'pointer',display:'none',zIndex:995};cssTemp=this.getEleCss(styleCB['play'],cssSup,this.CB['controlBarBg']);this.css(this.CB['play'],cssTemp);cssTemp=this.getEleCss(styleCB['pause'],cssSup,this.CB['controlBarBg']);this.css(this.CB['pause'],cssTemp);cssTemp=this.getEleCss(styleCB['mute'],cssSup,this.CB['controlBarBg']);this.css(this.CB['mute'],cssTemp);cssTemp=this.getEleCss(styleCB['escMute'],cssSup,this.CB['controlBarBg']);this.css(this.CB['escMute'],cssTemp);cssTemp=this.getEleCss(styleCB['full'],cssSup,this.CB['controlBarBg']);this.css(this.CB['full'],cssTemp);cssTemp=this.getEleCss(styleCB['escFull'],cssSup,this.CB['controlBarBg']);this.css(this.CB['escFull'],cssTemp);cssTemp=this.getEleCss(styleC['timeText']['vod'],cssSup2,this.CB['controlBarBg']);this.css(this.CB['timeText'],cssTemp);var volumeSchedule=this.newObj(styleC['volumeSchedule']);volumeSchedule['backgroundImg']='';cssTemp=this.getEleCss(volumeSchedule,cssSup2,this.CB['controlBarBg']);this.css(this.CB['volume'],cssTemp);cssTemp={width:cssTemp['width'],height:styleC['volumeSchedule']['backgroundHeight']+'px',overflow:'hidden',backgroundRepeat:'no-repeat',backgroundPosition:'left center'};if(this.ckConfig['config']['buttonMode']['volumeSchedule']){cssTemp['cursor']='pointer'}this.css(this.CB['volumeBg'],cssTemp);this.css(this.CB['volumeBg'],{position:'absolute'});cssTemp['width']=(this.CB['volumeBO'].offsetWidth*0.5+parseInt(this.css(this.CB['volumeBO'],'left')))+'px';this.css(this.CB['volumeUp'],cssTemp);this.css(this.CB['volumeBg'],'backgroundImage','url('+styleC['volumeSchedule']['backgroundImg']+')');this.css(this.CB['volumeUp'],'backgroundImage','url('+styleC['volumeSchedule']['maskImg']+')');cssTemp=this.getEleCss(styleC['volumeSchedule']['button'],{overflow:'hidden',cursor:'pointer',backgroundRepeat:'no-repeat',backgroundPosition:'left center'});this.css(this.CB['volumeBO'],cssTemp);if(this.ckConfig['config']['playbackRate']){if(!this.CB['playbackrateButtonText']){this.textButton(this.CB['playbackrate'],styleC['playbackrate']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['playbackrate']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['playbackrate'],'playbackrateButtonText')}cssTemp=this.getEleCss(styleC['playbackrate']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['playbackrate'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['playbackrateP'],'display','none');cssTemp=this.getEleCss(styleC['playbackrate']['backgroundCoorH5'],cssSup4);this.css(this.CB['playbackrateP'],cssTemp)}if(this.ckConfig['config']['definition']){if(!this.CB['defaultButtonText']){this.textButton(this.CB['definition'],styleC['definition']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['definition']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['definition'],'defaultButtonText')}cssTemp=this.getEleCss(styleC['definition']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['definition'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['definitionP'],'display','none');cssTemp=this.getEleCss(styleC['definition']['backgroundCoorH5'],cssSup4);this.css(this.CB['definitionP'],cssTemp)}if(this.ckConfig['config']['subtitle']){if(!this.CB['subtitleButtonText']){this.textButton(this.CB['subtitles'],styleC['subtitle']['defaultButton'],this.objectAssign({overflow:'hidden',cursor:'pointer',zIndex:1},styleC['subtitle']['defaultButtonCoor']),this.CB['controlBarBg'],this.ckLanguage['subtitle'],'subtitleButtonText')}cssTemp=this.getEleCss(styleC['subtitle']['defaultButtonCoor'],cssSup,this.CB['controlBarBg']);this.css(this.CB['subtitles'],{left:cssTemp['left'],top:cssTemp['top']});this.css(this.CB['subtitlesP'],'display','none');cssTemp=this.getEleCss(styleC['subtitle']['backgroundCoorH5'],cssSup4);this.css(this.CB['subtitlesP'],cssTemp)}},textButton:function(ele,css,cssSup,upEle,text,newName){var thisTemp=this;var bgCss={width:css['width'],height:css['height']};if(cssSup){bgCss={width:css['width'],height:css['height'],align:cssSup['align'],vAlign:cssSup['vAlign'],marginX:cssSup['marginX'],marginY:cssSup['marginY'],offsetX:cssSup['offsetX'],offsetY:cssSup['offsetY'],zIndex:2}}cssTemp=this.getEleCss(bgCss,null,upEle);thisTemp.css(ele,cssTemp);var outCss=this.newObj(css);var overCss=this.newObj(css);var textOutCss=this.newObj(css);var textOverCss=this.newObj(css);var cssTemp=null;outCss['alpha']=css['backgroundAlpha'];overCss['backgroundColor']=css['overBackgroundColor'];overCss['alpha']=css['backgroundAlpha'];textOutCss['color']=css['textColor'];textOverCss['color']=css['overTextColor'];textOutCss['textAlign']=css['align'];textOverCss['textAlign']=css['align'];textOutCss['backgroundColor']=textOverCss['backgroundColor']='';var bgEle=document.createElement('div');this.removeChildAll(ele);ele.appendChild(bgEle);if(newName){this.CB[newName]=document.createElement('div');ele.appendChild(this.CB[newName]);this.CB[newName].innerHTML=text}else{var newEle=document.createElement('div');ele.appendChild(newEle);newEle.innerHTML=text}var outFun=function(){cssTemp=thisTemp.getEleCss(outCss,{cursor:'pointer',zIndex:1},bgEle);cssTemp['left']='';cssTemp['top']='';thisTemp.css(bgEle,cssTemp);cssTemp=thisTemp.getEleCss(textOutCss,{cursor:'pointer',zIndex:2},bgEle);cssTemp['left']='';cssTemp['top']='';if(newName){thisTemp.css(thisTemp.CB[newName],cssTemp,bgEle)}else{thisTemp.css(newEle,cssTemp,bgEle)}thisTemp.buttonHide=true;if(thisTemp.timeButtonOver){window.clearTimeout(thisTemp.timeButtonOver);thisTemp.timeButtonOver=null}thisTemp.timeButtonOver=window.setTimeout(function(){thisTemp.buttonListHide()},1000)};var overFun=function(){cssTemp=thisTemp.getEleCss(overCss,{zIndex:1},bgEle);cssTemp['left']='';cssTemp['top']='';thisTemp.css(bgEle,cssTemp);cssTemp=thisTemp.getEleCss(textOverCss,{zIndex:2},bgEle);cssTemp['left']='';cssTemp['top']='';if(newName){thisTemp.css(thisTemp.CB[newName],cssTemp)}else{thisTemp.css(newEle,cssTemp)}};outFun();this.addListenerInside('mouseout',outFun,ele);this.addListenerInside('mouseover',overFun,ele)},buttonListHide:function(){if(this.buttonHide){this.css([this.CB['definitionP'],this.CB['subtitlesP'],this.CB['playbackrateP']],'display','none')}if(this.timeButtonOver){window.clearTimeout(this.timeButtonOver);this.timeButtonOver=null}this.buttonHide=false},videoCss:function(){var cssTemp={};if(this.css(this.CB['controlBar'],'display')=='none'){cssTemp=this.ckStyle['video']['controlBarHideReserve']}else{cssTemp=this.ckStyle['video']['reserve']}var spacingBottom=cssTemp['spacingBottom'];if(this.V.controls&&this.isMobile()){spacingBottom-=40}var pW=this.PD.offsetWidth,pH=this.PD.offsetHeight;var vW=pW-cssTemp['spacingLeft']-cssTemp['spacingRight'];var vH=pH-cssTemp['spacingTop']-spacingBottom;if(!this.MD){this.css(this.V,{width:vW+'px',height:vH+'px',marginLeft:cssTemp['spacingLeft']+'px',marginTop:cssTemp['spacingTop']+'px'})}else{this.css([this.MD,this.MDC],{width:vW+'px',height:vH+'px',marginLeft:cssTemp['spacingLeft']+'px',marginTop:cssTemp['spacingTop']+'px'})}},playerCustom:function(){var custom=this.ckStyle['custom'];var button=custom['button'];var images=custom['images'];var cssTemp=null;var cssSup=null;var k='',tempID='';var b={};var tempDiv;var i=0;for(k in button){b=button[k];cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};cssTemp=this.getEleCss(b,cssSup);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'player-button',name:k});this.PD.appendChild(tempDiv);if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){tempDiv.dataset.title=this.ckLanguage['buttonOver'][k]}i++;this.buttonEventFun(tempDiv,b)}for(k in images){b=images[k];cssSup={overflow:'hidden',zIndex:1};cssTemp=this.getEleCss(b,cssSup);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'player-images',name:k});this.PD.appendChild(tempDiv);var img=new Image();img.src=images[k]['img'];tempDiv.appendChild(img);i++}},carbarCustom:function(){var custom=this.ckStyle['controlBar']['custom'];var button=custom['button'];var images=custom['images'];var cssTemp=null;var cssSup=null;var k='',tempID='';var b={};var tempDiv;var i=0;for(k in button){b=button[k];cssSup={overflow:'hidden',cursor:'pointer',zIndex:1};cssTemp=this.getEleCss(b,cssSup,this.CB['controlBarBg']);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'controlBar-button',name:k});this.CB['controlBar'].appendChild(tempDiv);if(!this.isUndefined(this.ckLanguage['buttonOver'][k])){tempDiv.dataset.title=this.ckLanguage['buttonOver'][k]}i++;this.buttonEventFun(tempDiv,b)}for(k in images){b=images[k];cssSup={overflow:'hidden',zIndex:1};cssTemp=this.getEleCss(b,cssSup,this.CB['controlBarBg']);tempDiv=document.createElement('div');this.css(tempDiv,cssTemp);this.customeElement.push({ele:tempDiv,css:b,cssSup:cssSup,type:'controlBar-images',name:k});this.CB['controlBar'].appendChild(tempDiv);var img=new Image();img.src=images[k]['img'];tempDiv.appendChild(img);i++}},customCoor:function(){var cssTemp=null;if(this.customeElement.length>0){for(var i=0;i<this.customeElement.length;i++){if(this.customeElement[i]['type']=='controlBar'){cssTemp=this.getEleCss(this.customeElement[i]['css'],this.customeElement[i]['cssSup'],this.CB['controlBarBg'])}else{cssTemp=this.getEleCss(this.customeElement[i]['css'],this.customeElement[i]['cssSup'])}this.css(this.customeElement[i]['ele'],cssTemp)}}},customShow:function(show){if(this.customeElement.length>0){for(var i=0;i<this.customeElement.length;i++){if(this.customeElement[i]['type']=='player'){this.css(this.customeElement[i]['ele'],'display',show?'block':'none')}}}},advertisementStyle:function(){var asArr=['muteButton','escMuteButton','adLinkButton','closeButton','skipAdButton','countDown','countDownText','skipDelay','skipDelayText'];var eleArr=['adMute','adEscMute','adLink','adPauseClose','adSkipButton','adTime','adTimeText','adSkip','adSkipText'];for(var i=0;i<eleArr.length;i++){var cssUp={overflow:'hidden',zIndex:999};if(i<5){cssUp['cursor']='pointer'}var cssTemp=this.getEleCss(this.ckStyle['advertisement'][asArr[i]],cssUp);this.css(this.CB[eleArr[i]],cssTemp)}},checkBarWidth:function(){if(!this.conBarShow){return}},initPlayPause:function(){if(!this.conBarShow){return}if(this.vars['autoplay']){this.css([this.CB['play'],this.CB['pauseCenter']],'display','none');this.css(this.CB['pause'],'display','block')}else{this.css(this.CB['play'],'display','block');if(this.css(this.CB['errorText'],'display')=='none'){this.css(this.CB['pauseCenter'],'display','block')}this.css(this.CB['pause'],'display','none')}},loadedHandler:function(){this.loaded=true;if(this.vars['loaded']!=''){try{eval(this.vars['loaded']+'(\''+this.vars['variable']+'\')')}catch(event){this.log(event)}}},playingHandler:function(){this.playShow(true);if(this.isFirstTimePlay&&!this.isUndefined(this.advertisements['front'])){this.isFirstTimePlay=false;this.adI=0;this.adType='front';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();return}if(this.adPlayerPlay){return}if(this.needSeek>0){this.videoSeek(this.needSeek);this.needSeek=0}if(this.animatePauseArray.length>0){this.animateResume('pause')}if(this.playerType=='html5video'&&this.V!=null&&this.ckConfig['config']['videoDrawImage']){this.sendVCanvas()}if(!this.isUndefined(this.advertisements['pause'])&&!this.adPlayStart){this.closePauseAd()}},adPausePlayer:function(){this.adI=0;this.adType='pause';this.adPauseShow=true;this.loadAdPause();this.sendJS('pauseAd','play')},loadAdPause:function(){var ad=this.getNowAdvertisements();var type=ad['type'];var thisTemp=this;var width=this.PD.offsetWidth,height=this.PD.offsetHeight;if(this.isStrImage(type)&&this.adPauseShow){this.css(this.CB['adElement'],'display','block');var imgClass='adimg'+this.randomString(10);var imgHtml='<img src="'+ad['file']+'" class="'+imgClass+'">';if(ad['link']){imgHtml='<a href="'+ad['link']+'" target="_blank">'+imgHtml+'</a>'}this.CB['adElement'].innerHTML=imgHtml;this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css([thisTemp.getByElement(imgClass),thisTemp.CB['adElement']],{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});if(thisTemp.ckStyle['advertisement']['closeButtonShow']&&thisTemp.adPauseShow){thisTemp.css(thisTemp.CB['adPauseClose'],{display:'block'})}thisTemp.ajaxSuccessNull(ad['exhibitionMonitor']);thisTemp.adPauseCoor()},this.getByElement(imgClass));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adElement']);var newI=this.adI;if(this.adI<this.advertisements['pause'].length-1){newI++}else{newI=0}if(ad['time']>0){setTimeout(function(){if(thisTemp.adPauseShow){thisTemp.adI=newI;thisTemp.loadAdPause()}},ad['time']*1000)}}},adPauseCoor:function(){if(this.css(this.CB['adElement'],'display')=='block'){var w=this.CB['adElement'].offsetWidth,h=this.CB['adElement'].offsetHeight;var pw=this.PD.offsetWidth,ph=this.PD.offsetHeight;this.css(this.CB['adElement'],{top:(ph-h)*0.5+'px',left:(pw-w)*0.5+'px'});if(this.css(this.CB['adPauseClose'],'display')=='block'){var rr=this.ckStyle['advertisement']['closeButton'];var cxy=this.getPosition(rr,this.CB['adElement']);this.css(this.CB['adPauseClose'],{top:cxy['y']+'px',left:cxy['x']+'px'})}}},closePauseAd:function(){this.CB['adElement'].innerHTML='';this.css([this.CB['adElement'],this.CB['adPauseClose']],'display','none');this.adPauseShow=false;this.sendJS('pauseAd','ended')},advertisementsTime:function(nt){if(this.isUndefined(nt)){nt=0}var ad=this.advertisements[this.adType];if(nt>0){ad[this.adI]['time']=Math.ceil(nt)}this.adTimeAllTotal=0;for(var i=this.adI;i<ad.length;i++){if(!this.isUndefined(ad[i]['time'])){this.adTimeAllTotal+=Math.ceil(ad[i]['time'])}}if(this.adTimeAllTotal>0){this.CB['adTimeText'].innerHTML=this.ckLanguage['adCountdown'].replace('[$second]',this.adTimeAllTotal).replace('[$Second]',this.adTimeAllTotal>9?this.adTimeAllTotal:'0'+this.adTimeAllTotal)}if(this.adPauseShow){this.closePauseAd()}this.adOtherCloseAll();this.adTimeTotal=-1},adSkipButtonShow:function(){var thisTemp=this;var skipConfig=this.ckStyle['advertisement'];var delayTimeTemp=skipConfig[this.adType+'SkipButtonDelay'];var timeFun=function(){if(delayTimeTemp>=0){thisTemp.CB['adSkipText'].innerHTML=thisTemp.ckLanguage['skipDelay'].replace('[$second]',delayTimeTemp).replace('[$Second]',delayTimeTemp>9?delayTimeTemp:'0'+delayTimeTemp);thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','block');thisTemp.css(thisTemp.CB['adSkipButton'],'display','none');setTimeout(timeFun,1000)}else{thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','none');if(thisTemp.css(thisTemp.CB['adTime'],'display')=='block'){thisTemp.css(thisTemp.CB['adSkipButton'],'display','block')}}delayTimeTemp--};if(skipConfig['skipButtonShow']){if(skipConfig[this.adType+'SkipButtonDelay']>0&&this.isUndefined(this.adSkipButtonTime)){thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','block');timeFun()}else{thisTemp.css([thisTemp.CB['adSkip'],thisTemp.CB['adSkipText']],'display','none');thisTemp.css(thisTemp.CB['adSkipButton'],'display','block')}}},advertisementsPlay:function(){this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink']],'display','none');this.adPlayerPlay=false;var ad=this.advertisements[this.adType];if(this.adI==0&&(this.adType=='front'||this.adType=='insert'||this.adType=='end')){this.sendJS('process',this.adType+' ad play');this.sendJS(this.adType+'Ad','play')}this.trackHide();if(this.adI<ad.length){if(!this.isUndefined(ad[this.adI]['time'])){this.adTimeTotal=parseInt(ad[this.adI]['time'])}this.loadAdvertisements()}else{this.adEnded()}},eliminateAd:function(){if(this.adType){var ad=this.advertisements[this.adType];this.adI=ad.length;this.advertisementsPlay()}},adEnded:function(){var thisTemp=this;this.adPlayStart=false;if(this.adType=='front'){this.time=0}this.adPlayerPlay=false;if(this.adVideoPlay){if(this.videoTemp['src']!=''){this.V.src=this.videoTemp['src']}else{if(this.V.src){this.V.removeAttribute('src')}}if(this.videoTemp['source']!=''){this.V.innerHTML=this.videoTemp['source']}if(this.videoTemp['currentSrc']!=''){this.V.src=this.videoTemp['currentSrc'];this.V.currentSrc=this.videoTemp['currentSrc']}if(this.videoTemp['loop']){this.V.loop=true;this.videoTemp['loop']=false}if(this.adType=='end'){this.endedHandler()}else{this.videoPlay()}}else{this.videoPlay()}this.changeVolume(this.vars['volume']);this.sendJS('process',this.adType+' ad ended');this.sendJS(this.adType+'Ad','ended');this.changeControlBarShow(true);this.css(this.CB['logo'],'display','block');this.customShow(true);this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText'],this.CB['adSkip'],this.CB['adSkipText'],this.CB['adSkipButton'],this.CB['adLink'],this.CB['adMute'],this.CB['adEscMute']],'display','none')},loadAdvertisements:function(){var ad=this.getNowAdvertisements();var type=ad['type'];var thisTemp=this;var width=this.PD.offsetWidth,height=this.PD.offsetHeight;this.changeControlBarShow(false);this.adPlayerPlay=true;this.css(this.CB['logo'],'display','none');this.customShow(false);if(this.isStrImage(type)){this.css([this.CB['adBackground'],this.CB['adElement'],this.CB['adTime'],this.CB['adTimeText']],'display','block');this.css([this.CB['adMute'],this.CB['adEscMute']],'display','none');var imgClass='adimg'+this.randomString(10);var imgHtml='<img src="'+ad['file']+'" class="'+imgClass+'">';if(ad['link']){imgHtml='<a href="'+ad['link']+'" target="_blank">'+imgHtml+'</a>'}this.CB['adElement'].innerHTML=imgHtml;this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css(thisTemp.getByElement(imgClass),{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});thisTemp.css(thisTemp.CB['adElement'],{width:imgWH['width']+'px',height:imgWH['height']+'px',top:(height-imgWH['height'])*0.5+'px',left:(width-imgWH['width'])*0.5+'px'});thisTemp.ajaxSuccessNull(ad['exhibitionMonitor'])},this.getByElement(imgClass));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adElement']);if(!this.isUndefined(ad['time'])){this.adCountDown()}}else{this.css([this.CB['adTime'],this.CB['adTimeText']],'display','block');if(this.adVideoMute){this.css(this.CB['adEscMute'],'display','block');this.css(this.CB['adMute'],'display','none')}else{this.css(this.CB['adEscMute'],'display','none');this.css(this.CB['adMute'],'display','block')}this.CB['adElement'].innerHTML='';if(this.videoTemp['currentSrc']==''){this.videoTemp['currentSrc']=this.getCurrentSrc()}if(this.V.loop){this.videoTemp['loop']=true;this.V.loop=false}if(this.V!=null&&this.V.currentTime>0&&this.adIsVideoTime&&this.adType!='front'){this.adIsVideoTime=false;this.needSeek=this.V.currentTime}this.V.src=ad['file'];this.V.currentSrc=ad['file'];this.V.innerHTML='';this.V.play();this.adVideoPlay=true;this.ajaxSuccessNull(ad['exhibitionMonitor']);if(!this.adVideoMute){this.escAdMute()}}if(ad['link']){this.css(this.CB['adLink'],'display','block');var adLinkClick=function(event){thisTemp.sendJS('clickEvent','javaScript->adLinkClick')};this.addListenerInside('click',adLinkClick,this.CB['adLink']);this.adLinkTemp=ad['link'];var linkTemp='<a href="'+ad['link']+'" target="_blank" class="ckadmorelink"><img src="'+this.ckStyle['png-1-1']+'" width="'+this.ckStyle['advertisement']['adLinkButton']['width']+'" height="'+this.ckStyle['advertisement']['adLinkButton']['height']+'"></a>';this.CB['adLink'].innerHTML=linkTemp;this.css(this.getByElement('ckadmorelink'),{color:'#FFFFFF',textDecoration:'none'});this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.CB['adLink'])}else{this.css(this.CB['adLink'],'display','none')}},adCountDown:function(){var thisTemp=this;if(this.adTimeTotal>0){if(!this.adIsPause){this.adTimeTotal--;this.showAdTime();this.adCountDownObj=null;this.adCountDownObj=setTimeout(function(){thisTemp.adCountDown()},1000)}}else{this.adI++;this.advertisementsPlay()}},adPlayerTimeHandler:function(time){var ad=this.getNowAdvertisements();var type=ad['type'];if(this.isStrImage(type)){return}if(this.adTimeTotal!=parseInt(time)){this.adTimeTotal=parseInt(time);this.showAdTime()}},showAdTime:function(){this.adTimeAllTotal--;var n=this.adTimeAllTotal;if(n<0){n=0}this.CB['adTimeText'].innerHTML=this.ckLanguage['adCountdown'].replace('[$second]',n).replace('[$Second]',n<10?'0'+n:n)},checkAdOther:function(t){if(this.adPlayerPlay){return}var adTime=this.advertisements['othertime'];var adPlay=this.advertisements['otherPlay'];for(var i=0;i<adTime.length;i++){if(t>=adTime[i]&&!adPlay[i]){adPlay[i]=true;this.newAdOther(i)}}},newAdOther:function(i){var thisTemp=this;var ad=this.advertisements['other'][i];var randomS=this.randomString(10);var adDivID='adother'+randomS;imgClassName='adimgother'+randomS;var adDiv=document.createElement('div');adDiv.className=adDivID;this.PD.appendChild(adDiv);ad['div']=adDivID;ad['element']=imgClassName;var adHtml='<img src="'+ad['file']+'" class="'+imgClassName+'">';if(ad['link']){adHtml='<a href="'+ad['link']+'" target="blank">'+adHtml+'</a>'}this.getByElement(adDivID).innerHTML=adHtml;this.css(adDivID,{position:'absolute',overflow:'hidden',zIndex:'996',top:'-600px',left:'-600px',cursor:'pointer'});if(this.ckStyle['advertisement']['closeOtherButtonShow']){var closeAdDivID='adotherclose-'+randomS;var closeAdDiv=document.createElement('div');closeAdDiv.className=closeAdDivID;this.PD.appendChild(closeAdDiv);ad['closeDiv']=closeAdDivID;ad['close']=false;var closeAdDivCss=this.getEleCss(this.ckStyle['advertisement']['closeOtherButton'],{offsetX:-10000,offsetY:-10000,cursor:'pointer',zIndex:997});this.css(closeAdDivID,closeAdDivCss);var adOtherCloseOver=function(){thisTemp.loadImgBg(closeAdDivID,thisTemp.ckStyle['advertisement']['closeOtherButton']['mouseOver'])};var adOtherCloseOut=function(){thisTemp.loadImgBg(closeAdDivID,thisTemp.ckStyle['advertisement']['closeOtherButton']['mouseOut'])};adOtherCloseOut();this.addListenerInside('mouseover',adOtherCloseOver,this.getByElement(closeAdDivID));this.addListenerInside('mouseout',adOtherCloseOut,this.getByElement(closeAdDivID))}this.addListenerInside('load',function(){var imgObj=new Image();imgObj.src=this.src;var imgWH=thisTemp.adjustmentWH(imgObj.width,imgObj.height);thisTemp.css([thisTemp.getByElement(imgClassName),thisTemp.getByElement(adDivID)],{width:imgWH['width']+'px',height:imgWH['height']+'px',border:'0px'});thisTemp.advertisements['other'][i]=ad;thisTemp.ajaxSuccessNull(ad['exhibitionMonitor']);thisTemp.adOtherCoor()},this.getByElement(imgClassName));this.addListenerInside('click',function(){thisTemp.adOtherClose(i)},this.getByElement(closeAdDivID));this.addListenerInside('click',function(){thisTemp.ajaxSuccessNull(ad['clickMonitor'])},this.getByElement(imgClassName));if(ad['time']>0){setTimeout(function(){thisTemp.adOtherClose(i)},ad['time']*1000)}},adOtherClose:function(i){var ad=this.advertisements['other'][i];if(!this.isUndefined(ad['close'])){if(!ad['close']){ad['close']=true;this.PD.removeChild(this.getByElement(ad['div']));this.PD.removeChild(this.getByElement(ad['closeDiv']))}}},adOtherCloseAll:function(){if(!this.isUndefined(this.advertisements['other'])){var ad=this.advertisements['other'];for(var i=0;i<ad.length;i++){this.adOtherClose(i)}}},adOtherCoor:function(){if(!this.isUndefined(this.advertisements['other'])){var arr=this.advertisements['other'];for(var i=0;i<arr.length;i++){var ad=arr[i];if(!this.isUndefined(ad['close'])){if(!ad['close']){var rr=this.ckStyle['advertisement']['closeOtherButton'];var coor=this.getPosition(ad);var x=coor['x'],y=coor['y'];this.css(this.getByElement(ad['div']),{left:x+'px',top:y+'px'});var cxy=this.getPosition(rr,this.getByElement(ad['div']));if(!this.isUndefined(ad['closeDiv'])){this.css(this.getByElement(ad['closeDiv']),{left:cxy['x']+'px',top:cxy['y']+'px'})}}}}}},checkAdInsert:function(t){if(this.adPlayerPlay){return}var adTime=this.advertisements['inserttime'];var adPlay=this.advertisements['insertPlay'];var duration=this.getMetaDate()['duration'];for(var i=adTime.length-1;i>-1;i--){if(t>=adTime[i]&&t<duration-2&&t>1&&!adPlay[i]){this.adI=0;this.adType='insert';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();adPlay[i]=true;for(var n=0;n<i+1;n++){adPlay[n]=true}break}}},formatInserttime:function(duration){if(!this.isUndefined(this.advertisements['inserttime'])){var arr=this.advertisements['inserttime'];var newArr=[];for(var i=0;i<arr.length;i++){if(arr[i].toString().substr(-1)=='%'){newArr.push(parseInt(duration*parseInt(arr[i])*0.01))}else{newArr.push(parseInt(arr[i]))}}this.advertisements['inserttime']=newArr}},getNowAdvertisements:function(){if(this.adI==-1){return{file:'',time:0,link:''}}return this.advertisements[this.adType][this.adI]},adjustmentWH:function(w,h){var width=this.PD.offsetWidth,height=this.PD.offsetHeight;var nw=0,nh=0;if(w>=width||h>=height){if(width/w>height/h){nh=height-20;nw=w*nh/h}else{nw=width-20;nh=h*nw/w}}else{nw=w;nh=h}return{width:nw,height:nh}},ajaxSuccessNull:function(url){if(!this.isUndefined(url)){var ajaxObj={url:url,success:function(data){}};this.ajax(ajaxObj)}},runFunction:function(s){try{var arr=s.split('->');if(arr.length==2){switch(arr[0]){case'javaScript':if(arr[1].substr(0,11)!='[flashvars]'){eval(arr[1]+'()')}else{eval(this.vars[arr[1].substr(11)]+'()')}break;case'actionScript':eval('this.'+arr[1]+'()');break}}this.sendJS('clickEvent',s)}catch(event){}},sendVCanvas:function(){if(this.timerVCanvas==null){this.css(this.V,'display','none');this.css(this.MD,'display','block');var thisTemp=this;var videoCanvas=function(){if(thisTemp.MDCX.width!=thisTemp.MD.offsetWidth){thisTemp.MDC.width=thisTemp.MD.offsetWidth}if(thisTemp.MDCX.height!=thisTemp.MD.offsetHeight){thisTemp.MDC.height=thisTemp.MD.offsetHeight}thisTemp.MDCX.clearRect(0,0,thisTemp.MDCX.width,thisTemp.MDCX.height);var coor=thisTemp.getProportionCoor(thisTemp.PD.offsetWidth,thisTemp.PD.offsetHeight,thisTemp.V.videoWidth,thisTemp.V.videoHeight);thisTemp.MDCX.drawImage(thisTemp.V,0,0,thisTemp.V.videoWidth,thisTemp.V.videoHeight,coor['x'],coor['y'],coor['width'],coor['height'])};this.timerVCanvas=new this.timer(0,videoCanvas)}},pauseHandler:function(){var thisTemp=this;this.playShow(false);if(this.animatePauseArray.length>0){this.animatePause('pause')}if(this.playerType=='html5video'&&this.V!=null&&this.ckConfig['config']['videoDrawImage']){this.stopVCanvas()}if(!this.isUndefined(this.advertisements['pause'])&&!this.adPlayStart&&!this.adPauseShow){setTimeout(function(){if(!thisTemp.isUndefined(thisTemp.advertisements['pause'])&&!thisTemp.adPlayStart&&!thisTemp.adPauseShow&&thisTemp.time>1){thisTemp.adPausePlayer()}},300)}},stopVCanvas:function(){if(this.timerVCanvas!=null){this.css(this.V,'display','block');this.css(this.MD,'display','none');if(this.timerVCanvas.runing){this.timerVCanvas.stop()}this.timerVCanvas=null}},playShow:function(b){if(!this.conBarShow){return}if(b){this.css(this.CB['play'],'display','none');this.css(this.CB['pauseCenter'],'display','none');this.css(this.CB['pause'],'display','block')}else{this.css(this.CB['play'],'display','block');if(this.css(this.CB['errorText'],'display')=='none'){if(!this.adPlayerPlay){this.css(this.CB['pauseCenter'],'display','block')}}else{this.css(this.CB['pauseCenter'],'display','none')}this.css(this.CB['pause'],'display','none')}},seekedHandler:function(){this.resetTrack();this.isTimeButtonMove=true;if(this.V.paused){if(this.hlsAutoPlay){this.videoPlay()}else{this.hlsAutoPlay=true}}},endedHandler:function(){this.sendJS('ended');if(this.adPlayerPlay){this.adI++;this.advertisementsPlay();return}if(!this.endAdPlay&&!this.isUndefined(this.advertisements['end'])){this.endAdPlay=true;this.adI=0;this.adType='end';this.adMuteInto();this.adIsVideoTime=true;this.adPlayStart=true;this.adVideoPlay=false;this.videoPause();this.advertisementsTime();this.advertisementsPlay();this.adSkipButtonShow();this.adReset=true;return}this.endedAdReset();if(this.vars['loop']){this.videoSeek(0)}},endedAdReset:function(){var arr=[];var i=0;if(!this.isUndefined(this.advertisements['insertPlay'])){arr=this.advertisements['insertPlay'];for(i=0;i<arr.length;i++){this.advertisements['insertPlay'][i]=false}}if(!this.isUndefined(this.advertisements['otherPlay'])){arr=this.advertisements['otherPlay'];for(i=0;i<arr.length;i++){this.advertisements['otherPlay'][i]=false}}},volumechangeHandler:function(){if(!this.conBarShow){return}if((this.ckConfig['config']['mobileVolumeBarShow']||!this.isMobile())&&this.css(this.CB['volume'],'display')!='none'){try{var volume=this.volume||this.V.volume;if(volume>0){this.css(this.CB['mute'],'display','block');this.css(this.CB['escMute'],'display','none')}else{this.css(this.CB['mute'],'display','none');this.css(this.CB['escMute'],'display','block')}}catch(event){}}},timeUpdateHandler:function(){var duration=0;if(this.playerType=='html5video'){try{duration=this.V.duration}catch(event){}}if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}if(duration>0){this.time=this.V.currentTime;this.timeTextHandler();this.trackShowHandler();if(this.isTimeButtonMove){this.timeProgress(this.time,duration)}}},controlBar:function(){var cb=this.ckStyle['controlBar'];var cssObjTemp={align:cb['align'],vAlign:cb['vAlign'],width:cb['width'],height:cb['height'],offsetX:cb['offsetX'],offsetY:cb['offsetY']};var bgCss={backgroundColor:cb['background']['backgroundColor'],backgroundImg:cb['background']['backgroundImg'],alpha:cb['background']['alpha']};var cssTemp=this.getEleCss(this.objectAssign(cssObjTemp,bgCss),{zIndex:888});this.css(this.CB['controlBarBg'],cssTemp);cssTemp=this.getEleCss(cssObjTemp,{zIndex:889});this.css(this.CB['controlBar'],cssTemp)},timeProgress:function(time,duration){if(!this.conBarShow){return}var timeProgressBgW=this.CB['timeProgressBg'].offsetWidth;var timeBOW=parseInt((time*timeProgressBgW/duration)-(this.CB['timeButton'].offsetWidth*0.5));if(timeBOW>timeProgressBgW-this.CB['timeButton'].offsetWidth){timeBOW=timeProgressBgW-this.CB['timeButton'].offsetWidth}if(timeBOW<0){timeBOW=0}this.css(this.CB['timeProgress'],'width',timeBOW+'px');this.css(this.CB['timeButton'],'left',parseInt(timeBOW)+'px')},timeTextHandler:function(){if(!this.conBarShow){return}var duration=this.V.duration;var time=this.V.currentTime;if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}this.CB['timeText'].innerHTML=this.formatTime(time,duration,this.ckLanguage['vod'])},bufferEdHandler:function(){if(!this.conBarShow||this.playerType=='flashplayer'){return}var thisTemp=this;var clearTimerBuffer=function(){if(thisTemp.timerBuffer!=null){if(thisTemp.timerBuffer.runing){thisTemp.sendJS('buffer',100);thisTemp.timerBuffer.stop()}thisTemp.timerBuffer=null}};clearTimerBuffer();var bufferFun=function(){if(!thisTemp.isUndefined(thisTemp.V)&&thisTemp.V.buffered.length>0){var duration=thisTemp.V.duration;var len=thisTemp.V.buffered.length;var bufferStart=thisTemp.V.buffered.start(len-1);var bufferEnd=thisTemp.V.buffered.end(len-1);var loadTime=bufferStart+bufferEnd;var loadProgressBgW=thisTemp.CB['timeProgressBg'].offsetWidth;var timeButtonW=thisTemp.CB['timeButton'].offsetWidth;var loadW=parseInt((loadTime*loadProgressBgW/duration)+timeButtonW);if(loadW>=loadProgressBgW){loadW=loadProgressBgW;clearTimerBuffer()}thisTemp.changeLoad(loadTime)}};this.timerBuffer=new this.timer(200,bufferFun)},changeLoad:function(loadTime){if(this.V==null){return}if(!this.conBarShow){return}var loadProgressBgW=this.CB['timeProgressBg'].offsetWidth;var timeButtonW=this.CB['timeButton'].offsetWidth;var duration=this.V.duration;if(isNaN(duration)||parseInt(duration)<0.2){duration=this.vars['duration']}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}if(this.isUndefined(loadTime)){loadTime=this.loadTime}else{this.loadTime=loadTime}var loadW=parseInt((loadTime*loadProgressBgW/duration)+timeButtonW);this.css(this.CB['loadProgress'],'width',loadW+'px');this.sendJS('loadTime',loadTime);this.loadTimeTemp=loadTime},judgeIsLive:function(){var thisTemp=this;if(this.timerError!=null){if(this.timerError.runing){this.timerError.stop()}this.timerError=null}this.error=false;if(this.conBarShow){this.css(this.CB['errorText'],'display','none')}var timeupdate=function(event){thisTemp.timeUpdateHandler()};if(!this.vars['live']){if(this.V!=null&&this.playerType=='html5video'){this.addListenerInside('timeupdate',timeupdate);thisTemp.timeTextHandler();thisTemp.prompt();setTimeout(function(){thisTemp.bufferEdHandler()},200)}}else{this.removeListenerInside('timeupdate',timeupdate);if(this.timerTime!=null){window.clearInterval(this.timerTime);timerTime=null}if(this.timerTime!=null){if(this.timerTime.runing){this.timerTime.stop()}this.timerTime=null}var timeFun=function(){if(thisTemp.V!=null&&!thisTemp.V.paused&&thisTemp.conBarShow){thisTemp.CB['timeText'].innerHTML=thisTemp.formatTime(0,0,thisTemp.ckLanguage['live'])}};this.timerTime=new this.timer(1000,timeFun)}this.definition()},loadTrack:function(def){if(this.playerType=='flashplayer'||this.vars['flashplayer']==true){return}if(this.isUndefined(def)){def=-1}var track=this.vars['cktrack'];var loadTrackUrl='';var type=this.varType(track);var thisTemp=this;if(type=='array'){if(def==-1){var index=0;var indexN=0;for(var i=0;i<track.length;i++){var li=track[i];if(li.length==3&&li[2]>indexN){indexN=li[2];index=i}}}else{index=def}loadTrackUrl=track[index][0]}else{loadTrackUrl=track}var obj={method:'get',dataType:'text',url:loadTrackUrl,charset:'utf-8',success:function(data){if(data){thisTemp.track=thisTemp.parseSrtSubtitles(data);thisTemp.trackIndex=0;thisTemp.nowTrackShow={sn:''}}}};this.ajax(obj)},resetTrack:function(){this.trackIndex=0;this.nowTrackShow={sn:''}},trackShowHandler:function(){if(!this.conBarShow||this.adPlayerPlay){return}if(this.track.length<1){return}if(this.trackIndex>=this.track.length){this.trackIndex=0}var nowTrack=this.track[this.trackIndex];if(this.time>=nowTrack['startTime']&&this.time<=nowTrack['endTime']){var nowShow=this.nowTrackShow;if(nowShow['sn']!=nowTrack['sn']){this.trackHide();this.trackShow(nowTrack);this.nowTrackTemp=nowTrack}}else{this.trackHide();this.checkTrack()}},trackShowAgain:function(){this.trackHide();this.trackShow(this.nowTrackTemp)},trackShow:function(track){this.nowTrackShow=track;var arr=track['content'];for(var i=0;i<arr.length;i++){var obj={list:[{type:'text',text:arr[i],color:this.ckStyle['cktrack']['color'],size:this.ckStyle['cktrack']['size'],fontFamily:this.ckStyle['cktrack']['font'],lineHeight:this.ckStyle['cktrack']['leading']+'px'}],position:[1,2,null,-(arr.length-i)*this.ckStyle['cktrack']['leading']-this.ckStyle['cktrack']['marginBottom']]};var ele=this.addElement(obj);this.trackElement.push(ele)}},trackHide:function(){for(var i=0;i<this.trackElement.length;i++){this.deleteElement(this.trackElement[i])}this.trackElement=[]},checkTrack:function(){var num=this.trackIndex;var arr=this.track;var i=0;for(i=num;i<arr.length;i++){if(this.time>=arr[i]['startTime']&&this.time<=arr[i]['endTime']){this.trackIndex=i;break}}},playOrPause:function(){if(!this.loaded){return}if(this.V==null){return}if(this.playerType=='flashplayer'){this.V.playOrPause();return}if(this.V.paused){this.videoPlay()}else{this.videoPause()}},videoPlay:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoPlay();return}if(this.adPlayerPlay){this.eliminateAd();return}try{if(this.V.currentSrc){this.V.play()}}catch(event){}},videoPause:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoPause();return}try{this.V.pause()}catch(event){}},videoSeek:function(time){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoSeek(time);return}var duration=this.V.duration>0.2?this.V.duration:this.getMetaDate()['duration'];if(duration>0&&time>duration){if(this.vars['forceduration']>0){time=0;this.sendJS('ended')}else{time=duration-0.1}}if(time>=0){this.V.currentTime=time;this.sendJS('seekTime',time)}},changeVolume:function(vol,bg,button){if(this.loaded){if(this.playerType=='flashplayer'){this.V.changeVolume(vol);return}}if(isNaN(vol)||this.isUndefined(vol)){vol=0}if(!this.loaded){this.vars['volume']=vol}if(!this.html5Video){this.V.changeVolume(vol);return}try{if(this.isUndefined(bg)){bg=true}}catch(e){}try{if(this.isUndefined(button)){button=true}}catch(e){}if(!vol){vol=0}if(vol<0){vol=0}if(vol>1){vol=1}try{this.V.volume=vol}catch(error){}this.volume=vol;if(bg&&this.conBarShow){var bgW=vol*this.CB['volumeBg'].offsetWidth;if(bgW<0){bgW=0}if(bgW>this.CB['volumeBg'].offsetWidth){bgW=this.CB['volumeBg'].offsetWidth}this.css(this.CB['volumeUp'],'width',bgW+'px')}if(button&&this.conBarShow){var buLeft=parseInt(this.CB['volumeUp'].offsetWidth-(this.CB['volumeBO'].offsetWidth*0.5));if(buLeft>this.CB['volumeBg'].offsetWidth-this.CB['volumeBO'].offsetWidth){buLeft=this.CB['volumeBg'].offsetWidth-this.CB['volumeBO'].offsetWidth}if(buLeft<0){buLeft=0}this.css(this.CB['volumeBO'],'left',buLeft+'px')}},videoMute:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoMute();return}this.volumeTemp=this.V?(this.V.volume>0?this.V.volume:this.vars['volume']):this.vars['volume'];this.changeVolume(0)},videoEscMute:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoEscMute();return}this.changeVolume(this.volumeTemp>0?this.volumeTemp:this.vars['volume'])},adMute:function(){if(!this.loaded){return}this.changeVolume(0);this.adVideoMute=true;this.css(this.CB['adEscMute'],'display','block');this.css(this.CB['adMute'],'display','none')},escAdMute:function(){if(!this.loaded){return}var v=this.ckStyle['advertisement']['videoVolume'];this.changeVolume(v);this.adMuteInto()},adMuteInto:function(){this.adVideoMute=false;this.css(this.CB['adEscMute'],'display','none');this.css(this.CB['adMute'],'display','block')},fastBack:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.fastBack();return}var time=this.time-this.ckConfig['config']['timeJump'];if(time<0){time=0}this.videoSeek(time)},fastNext:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.fastNext();return}var time=this.time+this.ckConfig['config']['timeJump'];if(time>this.V.duration){time=this.V.duration}this.videoSeek(time)},getCurrentSrc:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){return this.V.getCurrentSrc()}return this.V.currentSrc},switchFull:function(){if(this.full){this.quitFullScreen()}else{this.fullScreen()}},fullScreen:function(){if(this.html5Video&&this.playerType=='html5video'){var element=this.PD;if(element.requestFullscreen){element.requestFullscreen()}else if(element.mozRequestFullScreen){element.mozRequestFullScreen()}else if(element.webkitRequestFullscreen){element.webkitRequestFullscreen()}else if(element.msRequestFullscreen){element.msRequestFullscreen()}else if(element.oRequestFullscreen){element.oRequestFullscreen()}this.judgeFullScreen()}else{}},quitFullScreen:function(){if(this.html5Video&&this.playerType=='html5video'){if(document.exitFullscreen){document.exitFullscreen()}else if(document.msExitFullscreen){document.msExitFullscreen()}else if(document.mozCancelFullScreen){document.mozCancelFullScreen()}else if(document.oRequestFullscreen){document.oCancelFullScreen()}else if(document.requestFullscreen){document.requestFullscreen()}else if(document.webkitExitFullscreen){document.webkitExitFullscreen()}else{this.css(document.documentElement,'cssText','');this.css(document.document.body,'cssText','');this.css(this.PD,'cssText','')}this.judgeFullScreen()}},videoRotation:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoRotation(n);return}if(this.isUndefined(n)){n=0}var tf=this.css(this.V,'transform');if(this.isUndefined(tf)&&!tf){tf='rotate(0deg)'}var reg=tf.match(/rotate\([^)]+\)/);reg=reg?reg[0].replace('rotate(','').replace('deg)',''):'';if(reg==''){reg=0}else{reg=parseInt(reg)}if(n==-1){reg-=90}else if(n==1){reg+=90}else{if(n!=90&&n!=180&&n!=270&&n!=-90&&n!=-180&&n!=-270){reg=0}else{reg=n}}n=reg;var y90=n%90,y180=n%180,y270=n%270;var ys=false;if(y90==0&&y180==90&&y270==90){ys=true}if(y90==0&&y180==90&&y270==0){ys=true}if(y90==-0&&y180==-90&&y270==-90){ys=true}if(y90==-0&&y180==-90&&y270==-0){ys=true}tf=tf.replace(/rotate\([^)]+\)/,'').replace(/scale\([^)]+\)/,'')+' rotate('+n+'deg)';var cdW=this.CD.offsetWidth,cdH=this.CD.offsetHeight,vW=this.V.videoWidth,vH=this.V.videoHeight;if(vW>0&&vH>0){if(ys){if(cdW/cdH>vH/vW){nH=cdH;nW=vH*nH/vW}else{nW=cdW;nH=vW*nW/vH}this.css(this.V,'transform','rotate(0deg)');this.css(this.V,'transform','scale('+nH/cdW+','+nW/cdH+')'+tf)}else{this.css(this.V,'transform',tf)}}else{this.css(this.V,'transform',tf)}return},videoBrightness:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoBrightness(n);return}},videoContrast:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoContrast(n);return}},videoSaturation:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoSaturation(n);return}},videoHue:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoHue(n);return}},videoZoom:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoZoom(n);return}if(this.isUndefined(n)){n=1}if(n<0){n=0}if(n>2){n=2}var tf=this.css(this.V,'transform');tf=tf.replace(/scale\([^)]+\)/,'')+' scale('+n+')';this.videoScale=n;this.css(this.V,'transform',tf);return},videoProportion:function(w,h){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoProportion(w,h);return}},adPlay:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.adPlay();return}if(this.adPlayerPlay){this.adIsPause=false;var ad=this.getNowAdvertisements();var type=ad['type'];if(this.isStrImage(type)){this.adCountDown()}else{this.V.play()}}},adPause:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.adPause();return}if(this.adPlayerPlay){this.adIsPause=true;var ad=this.getNowAdvertisements();var type=ad['type'];if(type!='jpg'&&type!='jpeg'&&type!='png'&&type!='svg'&&type!='gif'){this.videoPause()}}},videoError:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoError(n);return}},changeConfig:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){var args=Array.prototype.slice.call(arguments);switch(args.length){case 1:this.V.changeConfig(args[0]);break;case 2:this.V.changeConfig(args[0],args[1]);break;case 3:this.V.changeConfig(args[0],args[1],args[2]);break;case 4:this.V.changeConfig(args[0],args[1],args[2],args[3]);break;case 5:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4]);break;case 6:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5]);break;case 7:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);break;case 8:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6],args[7]);break;case 8:this.V.changeConfig(args[0],args[1],args[2],args[3],args[4],args[5],args[6],args[7],args[8]);break}return}var obj=this.ckConfig;var arg=arguments;for(var i=0;i<arg.length-1;i++){if(obj.hasOwnProperty(arg[i])){obj=obj[arg[i]]}else{return}}var val=arg[arg.length-1];switch(arg.length){case 2:this.ckConfig[arg[0]]=val;break;case 3:this.ckConfig[arg[0]][arg[1]]=val;break;case 4:this.ckConfig[arg[0]][arg[1]][arg[2]]=val;break;case 5:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]]=val;break;case 6:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]]=val;break;case 7:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]]=val;break;case 8:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]]=val;break;case 9:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]][arg[7]]=val;break;case 10:this.ckConfig[arg[0]][arg[1]][arg[2]][arg[3]][arg[4]][arg[5]][arg[6]][arg[7]][arg[8]]=val;break;default:break}this.sendJS('configChange',this.ckConfig)},custom:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.custom(arguments);return}if(this.isUndefined(arguments)){return}var type='',name='',display='';if(arguments.length==4){type='controlBar-'+arguments[1];name=arguments[2];display=arguments[3]?'block':'none'}else if(arguments.length==3){type='player-'+arguments[0];name=arguments[1];display=arguments[2]?'block':'none'}else{return}for(var k in this.customeElement){var obj=this.customeElement[k];if(obj['type']==type&&obj['name']==name){this.css(obj['ele'],'display',display)}}},getConfig:function(){if(!this.loaded){return null}if(this.playerType=='flashplayer'){return this.V.getConfig(arguments)}else{var temp=this.ckConfig;for(var index in arguments){try{temp=temp[arguments[index]]}catch(error){temp=null}};return temp}},openUrl:function(n){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.openUrl(n);return}},videoClear:function(){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.videoClear();return}this.V.innerHTML='';this.V.src=''},newVideo:function(c){if(this.playerType=='flashplayer'){this.V.newVideo(c);return}else{this.embed(c)}},screenshot:function(obj,save,name){if(!this.loaded){return}if(this.playerType=='flashplayer'){try{this.V.screenshot(obj,save,name)}catch(error){this.log(error)}return}if(obj=='video'){var newCanvas=document.createElement('canvas');newCanvas.width=this.V.videoWidth;newCanvas.height=this.V.videoHeight;newCanvas.getContext('2d').drawImage(this.V,0,0,this.V.videoWidth,this.V.videoHeight);try{var base64=newCanvas.toDataURL('image/jpeg');this.sendJS('screenshot',{object:obj,save:save,name:name,base64:base64})}catch(error){this.log(error)}}},changeSize:function(w,h){if(this.isUndefined(w)){w=0}if(this.isUndefined(h)){h=0}if(w>0){this.css(this.CD,'width',w+'px')}if(h>0){this.css(this.CD,'height',h+'px')}if(this.html5Video){this.playerResize()}},playerResize:function(){this.controlBar();this.elementCoordinate();this.carbarButton();this.customCoor();this.timeProgressDefault();this.videoCss();this.timeUpdateHandler();this.changeElementCoor();this.changePrompt();this.advertisementStyle();this.adPauseCoor();this.adOtherCoor();this.changeLoad();this.sendJS('resize')},changePlaybackRate:function(n){if(this.html5Video){var arr=this.playbackRateArr;n=parseInt(n);if(n<arr.length){this.newPlaybackrate(arr[n][1])}}},changeControlBarShow:function(show){if(!this.loaded){return}if(this.playerType=='flashplayer'){this.V.changeControlBarShow(show);return}if(show){this.controlBarIsShow=true;this.controlBarHide(false)}else{this.controlBarIsShow=false;this.controlBarHide(true)}},embedSWF:function(){var vid='ckplayer-'+this.randomString();var flashvars=this.getFlashVars();var param=this.getFlashplayerParam();var flashplayerUrl='http://www.macromedia.com/go/getflashplayer';var html='',src=ckplayerPath+'ckplayer.swf';id='id="'+vid+'" name="'+vid+'" ';html+='<object pluginspage="'+flashplayerUrl+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=11,3,0,0" width="100%" height="100%" '+id+' align="middle" wmode="transparent">';html+=param['v'];html+='<param name="movie" value="'+src+'">';html+='<param name="flashvars" value="'+flashvars+'">';html+='<param name="wmode" value="transparent">';html+='<embed wmode="transparent" '+param['w']+' src="'+src+'" flashvars="'+flashvars+'" width="100%" height="100%" '+id+' align="middle" type="application/x-shockwave-flash" pluginspage="'+flashplayerUrl+'" />';html+='</object>';this.PD.innerHTML=html;this.V=this.getObjectById(vid);this.playerType='flashplayer'},checkShockwaveFlash:function(){if(window.ActiveXObject){try{var s=new ActiveXObject('ShockwaveFlash.ShockwaveFlash');if(s){return true}}catch(e){}}else{try{var s=navigator.plugins['Shockwave Flash'];if(s){return true}}catch(e){}}return false},getFlashVars:function(){this.getVarsObject();var v=this.vars;var z='';for(k in v){if(k!='flashplayer'&&k!='container'&&v[k]!=''){if(z!=''){z+='&'}var vk=v[k];if(vk==true){vk=1}if(vk==false){vk=0}z+=k+'='+vk}}if(!v.hasOwnProperty('volume')||!v['volume']){if(z!=''){z+='&'}z+='volume=0'}return z},isStrImage:function(s){if(s=='jpg'||s=='jpeg'||s=='png'||s=='svg'||s=='gif'){return true}return false},getVarsObject:function(){var v=this.vars;var f='',d='',w='';var arr=this.VA;var prompt=v['promptSpot'];var i=0;var video=this.vars['video'];if(this.varType(video)=='array'){var arr=video;for(i=0;i<arr.length;i++){var arr2=arr[i];if(arr2){if(f!=''){f+=this.ckConfig['config']['split'];d+=',';w+=',';v['type']+=this.ckConfig['config']['split']}f+=encodeURIComponent(decodeURIComponent(arr2[0]));d+=arr2[2];w+=arr2[3];v['type']+=arr2[1].replace('video/','')}}}else if(this.varType(video)=='object'){f=encodeURIComponent(decodeURIComponent(video['file']));if(!this.isUndefined(video['type'])){v['type']=video['type']}d='';w=''}else{f=encodeURIComponent(decodeURIComponent(video))}if(v['preview']!=null){v['previewscale']=v['preview']['scale'];v['preview']=v['preview']['file'].join(',')}if(prompt!=null){v['promptspot']='';v['promptspottime']='';for(i=0;i<prompt.length;i++){if(v['promptspot']!=''){v['promptspot']+=',';v['promptspottime']+=','}v['promptspot']+=prompt[i]['words'];v['promptspottime']+=prompt[i]['time']}}if(f!=''){v['video']=f;v['definition']=d;v['weight']=w}if(!v['volume']){v['volume']=0}var newV={};for(var k in v){if(v[k]!=null){newV[k]=v[k]}if(k=='type'){newV[k]=v[k].replace('video/m3u8','m3u8')}}this.vars=newV},getFlashplayerParam:function(){var w='',v='',o={allowScriptAccess:'always',allowFullScreen:true,quality:'high',bgcolor:'#000'};for(var e in o){w+=e+'="'+o[e]+'" ';v+='<param name="'+e+'" value="'+o[e]+'" />'}w=w.replace('movie=','src=');return{w:w,v:v}},getMetaDate:function(){if(!this.loaded||this.V==null){return false}if(this.playerType=='html5video'){var duration=0;try{duration=!isNaN(this.V.duration)?this.V.duration:0;if(isNaN(duration)||parseInt(duration)<0.2){if(this.vars['duration']>0){duration=this.vars['duration']}}if(this.vars['forceduration']>0){duration=this.vars['forceduration']}}catch(event){this.log(event)}var data={duration:duration,volume:this.V.volume,playbackRate:this.V.playbackRate,width:this.PD.offsetWidth||this.V.offsetWidth||this.V.width,height:this.PD.offsetHeight||this.V.offsetHeight||this.V.height,streamWidth:this.V.videoWidth,streamHeight:this.V.videoHeight,videoWidth:this.V.offsetWidth,videoHeight:this.V.offsetHeight,paused:this.V.paused,loadTime:this.loadTimeTemp};return data}else{try{return this.V.getMetaDate()}catch(event){this.log(event)}}return false},getVideoUrl:function(){if(this.playerType=='flashplayer'){return this.V.getVideoUrl()}var arr=[];if(this.V.src){arr.push(this.V.src)}else{var uArr=this.V.childNodes;for(var i=0;i<uArr.length;i++){arr.push(uArr[i].src)}}return arr},clickEvent:function(call){if(call=='none'||call==''||call==null){return{type:'none'}}var callArr=call.split('->');var type='',fun='',link='',target='';if(callArr.length==2){var callM=callArr[0];var callE=callArr[1];if(!callE){return{type:'none'}}var val='';var eArr=[];type=callM;switch(callM){case'actionScript':if(callE.indexOf('(')>-1){eArr=callE.split('(');callE=eArr[0];val=eArr[1].replace(')','')}if(val==''){fun='thisTemp.'+callE+'()'}else{fun='thisTemp.'+callE+'('+val+')'}break;case'javaScript':if(callE.substr(0,11)=='[flashvars]'){callE=callE.substr(11);if(this.vars.hasOwnProperty(callE)){callE=this.vars[callE]}else{break}}if(callE.indexOf('(')>-1){eArr=callE.split('(');callE=eArr[0];val=eArr[1].replace(')','')}if(val==''){fun=callE+'()'}else{fun=callE+'('+val+')'}break;case"link":var callLink=(callE+',').split(',');if(callLink[0].substr(0,11)=='[flashvars]'){var fl=callLink[0].replace('[flashvars]','');if(this.vars.hasOwnProperty(fl)){callLink[0]=this.vars[fl]}else{break}}if(!callLink[1]){callLink[1]='_blank'}link=callLink[0];target=callLink[1];break}}return{type:type,fun:fun,link:link,target:target}},getPosition:function(obj,rEle){var pw=this.PD.offsetWidth,ph=this.PD.offsetHeight;var x=0,y=0;var left=0,top=0,rw=0,rh=0;if(!this.isUndefined(rEle)){left=parseInt(this.css(rEle,'left')),top=parseInt(this.css(rEle,'top')),rw=rEle.offsetWidth,rh=rEle.offsetHeight}switch(obj['align']){case'left':x=obj['offsetX']+left;break;case'center':x=pw*0.5+obj['offsetX'];if(left){x-=(pw*0.5-rw*0.5-left)}break;case'right':x=pw+obj['offsetX'];if(left){x-=(pw-left-rw)}break}switch(obj['vAlign']){case'top':y=obj['offsetY']+top;break;case'middle':y=ph*0.5+obj['offsetY']-top-(rh*0.5);if(top){x-=(ph*0.5-rh*0.5-top)}break;case'bottom':y=ph+obj['offsetY'];if(top){y-=(ph-top-rh)}break}return{x:x,y:y}},addElement:function(attribute){var thisTemp=this;if(this.playerType=='flashplayer'){return this.V.addElement(attribute)}var i=0;var obj={list:null,x:'100%',y:"50%",position:null,alpha:1,backgroundColor:'',backAlpha:1,backRadius:0,clickEvent:''};obj=this.standardization(obj,attribute);var list=obj['list'];if(list==null){return''}var id='element-'+this.randomString(10);var ele=document.createElement('div');ele.className=id;if(obj['x']){ele.setAttribute('data-x',obj['x'])}if(obj['y']){ele.setAttribute('data-y',obj['y'])}if(obj['position']!=null){ele.setAttribute('data-position',obj['position'].join(','))}this.PD.appendChild(ele);this.css(ele,{position:'absolute',filter:'alpha(opacity:'+obj['alpha']+')',opacity:obj['alpha'].toString(),width:'800px',zIndex:'20'});var bgid='elementbg'+this.randomString(10);var bgAlpha=obj['alpha'].toString();var bgColor=obj['backgroundColor'].replace('0x','#');var html='';var idArr=[];var clickArr=[];if(!this.isUndefined(list)&&list.length>0){var textObj,returnObj,clickEvent;for(i=0;i<list.length;i++){var newEleid='elementnew'+this.randomString(10);switch(list[i]['type']){case'image':case'png':case'jpg':case'jpeg':case'gif':textObj={type:'image',file:'',radius:0,width:30,height:30,alpha:1,paddingLeft:0,paddingRight:0,paddingTop:0,paddingBottom:0,marginLeft:0,marginRight:0,marginTop:0,marginBottom:0,backgroundColor:'',clickEvent:''};list[i]=this.standardization(textObj,list[i]);clickEvent=this.clickEvent(list[i]['clickEvent']);clickArr.push(clickEvent);if(clickEvent['type']=='link'){html+='<div class="'+newEleid+'" data-i="'+i+'"><a href="'+clickEvent['link']+'" target="'+clickEvent['target']+'"><img class="'+newEleid+'_image" src="'+list[i]['file']+'" style="border:0;"></a></div>'}else{html+='<div class="'+newEleid+'" data-i="'+i+'"><img class="'+newEleid+'_image" src="'+list[i]['file']+'" style="border:0;"></div>'}break;case'text':textObj={type:'text',text:'',color:'0xFFFFFF',size:14,fontFamily:this.fontFamily,leading:0,alpha:1,paddingLeft:0,paddingRight:0,paddingTop:0,paddingBottom:0,marginLeft:0,marginRight:0,marginTop:0,marginBottom:0,backgroundColor:'',backAlpha:1,backRadius:0,clickEvent:''};list[i]=this.standardization(textObj,list[i]);clickEvent=this.clickEvent(list[i]['clickEvent']);clickArr.push(clickEvent);if(clickEvent['type']=='link'){html+='<div class="'+newEleid+'" data-i="'+i+'"><div class="'+newEleid+'_bg"></div><div class="'+newEleid+'_text"><a href="'+clickEvent['link']+'" target="'+clickEvent['target']+'">'+list[i]['text']+'</a></div></div>'}else{html+='<div  class="'+newEleid+'" data-i="'+i+'"><div class="'+newEleid+'_bg"></div><div class="'+newEleid+'_text">'+list[i]['text']+'</div></div>'}break;default:break}idArr.push(newEleid)}}var objClickEvent=this.clickEvent(obj['clickEvent']);ele.innerHTML='<div class="'+bgid+'"></div><div class="'+bgid+'_c">'+html+'</div>';if(objClickEvent['type']=='javaScript'||objClickEvent['type']=='actionScript'){var objClickHandler=function(){eval(objClickEvent['fun']);thisTemp.sendJS('clickEvent',clk['type']+'->'+clk['fun'].replace('thisTemp.','').replace('()',''))};this.addListenerInside('click',objClickHandler,this.getByElement(bgid+'_c'))}this.css(bgid+'_c',{position:'absolute',zIndex:'2'});for(i=0;i<idArr.length;i++){var clk=clickArr[i];if(clk['type']=='javaScript'||clk['type']=='actionScript'){var clickHandler=function(){clk=clickArr[thisTemp.getDataset(this,'i')];eval(clk['fun']);thisTemp.sendJS('clickEvent',clk['type']+'->'+clk['fun'].replace('thisTemp.','').replace('()',''))};this.addListenerInside('click',clickHandler,this.getByElement(idArr[i]))}switch(list[i]['type']){case'image':case'png':case'jpg':case'jpeg':case'gif':this.css(idArr[i],{float:'left',width:list[i]['width']+'px',height:list[i]['height']+'px',filter:'alpha(opacity:'+list[i]['alpha']+')',opacity:list[i]['alpha'].toString(),marginLeft:list[i]['marginLeft']+'px',marginRight:list[i]['marginRight']+'px',marginTop:list[i]['marginTop']+'px',marginBottom:list[i]['marginBottom']+'px',borderRadius:list[i]['radius']+'px',cursor:'pointer'});this.css(idArr[i]+'_image',{width:list[i]['width']+'px',height:list[i]['height']+'px',borderRadius:list[i]['radius']+'px'});break;case'text':this.css(idArr[i]+'_text',{filter:'alpha(opacity:'+list[i]['alpha']+')',opacity:list[i]['alpha'].toString(),borderRadius:list[i]['radius']+'px',fontFamily:list[i]['font'],fontSize:list[i]['size']+'px',color:list[i]['color'].replace('0x','#'),lineHeight:list[i]['leading']>0?list[i]['leading']+'px':'',paddingLeft:list[i]['paddingLeft']+'px',paddingRight:list[i]['paddingRight']+'px',paddingTop:list[i]['paddingTop']+'px',paddingBottom:list[i]['paddingBottom']+'px',whiteSpace:'nowrap',position:'absolute',zIndex:'3',cursor:'pointer'});this.css(idArr[i],{float:'left',width:this.getByElement(idArr[i]+'_text').offsetWidth+'px',height:this.getByElement(idArr[i]+'_text').offsetHeight+'px',marginLeft:list[i]['marginLeft']+'px',marginRight:list[i]['marginRight']+'px',marginTop:list[i]['marginTop']+'px',marginBottom:list[i]['marginBottom']+'px'});this.css(idArr[i]+'_bg',{width:this.getByElement(idArr[i]+'_text').offsetWidth+'px',height:this.getByElement(idArr[i]+'_text').offsetHeight+'px',filter:'alpha(opacity:'+list[i]['backAlpha']+')',opacity:list[i]['backAlpha'].toString(),borderRadius:list[i]['backRadius']+'px',backgroundColor:list[i]['backgroundColor'].replace('0x','#'),position:'absolute',zIndex:'2'});break;default:break}}this.css(bgid,{width:this.getByElement(bgid+'_c').offsetWidth+'px',height:this.getByElement(bgid+'_c').offsetHeight+'px',position:'absolute',filter:'alpha(opacity:'+bgAlpha+')',opacity:bgAlpha,backgroundColor:bgColor.replace('0x','#'),borderRadius:obj['backRadius']+'px',zIndex:'1'});this.css(ele,{width:this.getByElement(bgid).offsetWidth+'px',height:this.getByElement(bgid).offsetHeight+'px'});var eidCoor=this.calculationCoor(ele);this.css(ele,{left:eidCoor['x']+'px',top:eidCoor['y']+'px'});this.elementArr.push(ele.className);return ele},getElement:function(element){if(this.playerType=='flashplayer'){return this.V.getElement(element)}var ele=element;if(this.varType(element)=='string'){ele=this.getByElement(element)}var coor=this.getCoor(ele);return{x:coor['x'],y:coor['y'],width:ele.offsetWidth,height:ele.offsetHeight,alpha:!this.isUndefined(this.css(ele,'opacity'))?parseFloat(this.css(ele,'opacity')):1,show:this.css(ele,'display')=='none'?false:true}},elementShow:function(element,show){if(this.playerType=='flashplayer'){this.V.elementShow(element,show);return}if(this.varType(element)=='string'){if(element){this.css(ele,'display',show==true?'block':'none')}else{var arr=this.elementTempArr;for(var i=0;i<arr.length;i++){this.css(arr[i],'display',show==true?'block':'none')}}}},calculationCoor:function(ele){if(this.playerType=='flashplayer'){return this.V.calculationCoor(ele)}if(this.isUndefined(ele)){return}if(ele==[]){return}var x,y,position=[];var w=this.PD.offsetWidth,h=this.PD.offsetHeight;var ew=ele.offsetWidth,eh=ele.offsetHeight;if(!this.isUndefined(this.getDataset(ele,'x'))){x=this.getDataset(ele,'x')}if(!this.isUndefined(this.getDataset(ele,'y'))){y=this.getDataset(ele,'y')}if(!this.isUndefined(this.getDataset(ele,'position'))){try{position=this.getDataset(ele,'position').toString().split(',')}catch(event){}}if(position.length>0){position.push(null,null,null,null);var i=0;for(i=0;i<position.length;i++){if(this.isUndefined(position[i])||position[i]==null||position[i]=='null'||position[i]==''){position[i]=null}else{position[i]=parseFloat(position[i])}}if(position[2]==null){switch(position[0]){case 0:x=0;break;case 1:x=parseInt((w-ew)*0.5);break;default:x=w-ew;break}}else{switch(position[0]){case 0:x=position[2];break;case 1:x=parseInt(w*0.5)+position[2];break;default:x=w+position[2];break}}if(position[3]==null){switch(position[1]){case 0:y=0;break;case 1:y=parseInt((h-eh)*0.5);break;default:y=h-eh;break}}else{switch(position[1]){case 0:y=position[3];break;case 1:y=parseInt(h*0.5)+position[3];break;default:y=h+position[3];break}}}else{if(x.substring(x.length-1,x.length)=='%'){x=Math.floor(parseInt(x.substring(0,x.length-1))*w*0.01)}if(y.substring(y.length-1,y.length)=='%'){y=Math.floor(parseInt(y.substring(0,y.length-1))*h*0.01)}}return{x:x,y:y}},changeElementCoor:function(){for(var i=0;i<this.elementArr.length;i++){if(!this.isUndefined(this.getByElement(this.elementArr[i]))){if(this.getByElement(this.elementArr[i])!=[]){var c=this.calculationCoor(this.getByElement(this.elementArr[i]));if(c['x']&&c['y']){this.css(this.elementArr[i],{top:c['y']+'px',left:c['x']+'px'})}}}}},tween:function(){var Tween={None:{easeIn:function(t,b,c,d){return c*t/d+b},easeOut:function(t,b,c,d){return c*t/d+b},easeInOut:function(t,b,c,d){return c*t/d+b}},Quadratic:{easeIn:function(t,b,c,d){return c*(t/=d)*t+b},easeOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b}},Cubic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t+b;return c/2*((t-=2)*t*t+2)+b}},Quartic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t+b},easeOut:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t+b;return-c/2*((t-=2)*t*t*t-2)+b}},Quintic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t*t+b;return c/2*((t-=2)*t*t*t*t+2)+b}},Sine:{easeIn:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b},easeOut:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b},easeInOut:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b}},Exponential:{easeIn:function(t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b},easeOut:function(t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b},easeInOut:function(t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/2)<1)return c/2*Math.pow(2,10*(t-1))+b;return c/2*(-Math.pow(2,-10*--t)+2)+b}},Circular:{easeIn:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b},easeOut:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b},easeInOut:function(t,b,c,d){if((t/=d/2)<1)return-c/2*(Math.sqrt(1-t*t)-1)+b;return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b}},Elastic:{easeIn:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b},easeOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return(a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b)},easeInOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d/2)==2)return b+c;if(!p)p=d*(.3*1.5);if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b}},Back:{easeIn:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*(t/=d)*t*((s+1)*t-s)+b},easeOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},easeInOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;if((t/=d/2)<1)return c/2*(t*t*(((s*=(1.525))+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b}},Bounce:{easeIn:function(t,b,c,d){return c-Tween.Bounce.easeOut(d-t,0,c,d)+b},easeOut:function(t,b,c,d){if((t/=d)<(1/2.75)){return c*(7.5625*t*t)+b}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/2.75))*t+.75)+b}else if(t<(2.5/2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b}else{return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b}},easeInOut:function(t,b,c,d){if(t<d/2)return Tween.Bounce.easeIn(t*2,0,c,d)*.5+b;else return Tween.Bounce.easeOut(t*2-d,0,c,d)*.5+c*.5+b}}};return Tween},animate:function(attribute){if(this.playerType=='flashplayer'){return this.V.animate(attribute)}var thisTemp=this;var animateId='animate_'+this.randomString();var obj={element:null,parameter:'x',static:false,effect:'None.easeIn',start:null,end:null,speed:0,overStop:false,pauseStop:false,callBack:null};obj=this.standardization(obj,attribute);if(obj['element']==null||obj['speed']==0){return false}var w=this.PD.offsetWidth,h=this.PD.offsetHeight;var effArr=(obj['effect']+'.').split('.');var tweenFun=this.tween()[effArr[0]][effArr[1]];var eleCoor={x:0,y:0};if(this.isUndefined(tweenFun)){return false}var def=this.arrIndexOf(this.elementArr,obj['element'].className);if(def>-1){this.elementTempArr.push(obj['element'].className);this.elementArr.splice(def,1)}var css={};var pm=this.getElement(obj['element']);var t=0;var b=0;var c=0;var d=obj['speed']*1000;var timerTween=null;var tweenObj=null;var start=obj['start']==null?'':obj['start'].toString();var end=obj['end']==null?'':obj['end'].toString();switch(obj['parameter']){case'x':if(obj['start']==null){b=pm['x']}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(start)*w*0.01}else{b=parseInt(start)}}if(obj['end']==null){c=pm['x']-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)*w*0.01-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])-b}else{c=parseInt(end)}}else{c=parseInt(end)-b}}break;case'y':if(obj['start']==null){b=pm['y']}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(start)*h*0.01}else{b=parseInt(start)}}if(obj['end']==null){c=pm['y']-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)*h*0.01-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])-b}else{c=parseInt(end)}}else{c=parseInt(end)-b}}break;case'alpha':if(obj['start']==null){b=pm['alpha']*100}else{if(start.substring(start.length-1,start.length)=='%'){b=parseInt(obj['start'])}else{b=parseInt(obj['start']*100)}}if(obj['end']==null){c=pm['alpha']*100-b}else{if(end.substring(end.length-1,end.length)=='%'){c=parseInt(end)-b}else if(end.substring(0,1)=='-'||end.substring(0,1)=='+'){if(this.varType(obj['end'])=='number'){c=parseInt(obj['end'])*100-b}else{c=parseInt(obj['end'])*100}}else{c=parseInt(obj['end'])*100-b}}break}var callBack=function(){var index=thisTemp.arrIndexOf(thisTemp.animateElementArray,animateId);if(index>-1){thisTemp.animateArray.splice(index,1);thisTemp.animateElementArray.splice(index,1)}index=thisTemp.arrIndexOf(thisTemp.animatePauseArray,animateId);if(index>-1){thisTemp.animatePauseArray.splice(index,1)}if(obj['callBack']!=null&&obj['element']&&obj['callBack']!='callBack'&&obj['callBack']!='tweenX'&&obj['tweenY']!='callBack'&&obj['callBack']!='tweenAlpha'){var cb=eval(obj['callBack']);cb(obj['element']);obj['callBack']=null}};var stopTween=function(){if(timerTween!=null){if(timerTween.runing){timerTween.stop()}timerTween=null}};var tweenX=function(){if(t<d){t+=10;css={left:Math.ceil(tweenFun(t,b,c,d))+'px'};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['top']=eleCoor['y']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defX=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defX>-1){this.elementTempArr.splice(defX,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};var tweenY=function(){if(t<d){t+=10;css={top:Math.ceil(tweenFun(t,b,c,d))+'px'};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['left']=eleCoor['x']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defY=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defY>-1){this.elementTempArr.splice(defY,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};var tweenAlpha=function(){if(t<d){t+=10;eleCoor=thisTemp.calculationCoor(obj['element']);var ap=Math.ceil(tweenFun(t,b,c,d))*0.01;css={filter:'alpha(opacity:'+ap+')',opacity:ap.toString()};if(obj['static']){eleCoor=thisTemp.calculationCoor(obj['element']);css['top']=eleCoor['y']+'px';css['left']=eleCoor['x']+'px'}thisTemp.css(obj['element'],css)}else{stopTween();try{var defA=this.arrIndexOf(this.elementTempArr,obj['element'].className);if(defA>-1){this.elementTempArr.splice(defA,1)}}catch(event){}thisTemp.elementArr.push(obj['element'].className);callBack()}};switch(obj['parameter']){case'x':tweenObj=tweenX;break;case'y':tweenObj=tweenY;break;case'alpha':tweenObj=tweenAlpha;break;default:break}timerTween=new thisTemp.timer(10,tweenObj);timerTween.callBackFunction=callBack;if(obj['overStop']){var mouseOver=function(){if(timerTween!=null&&timerTween.runing){timerTween.stop()}};this.addListenerInside('mouseover',mouseOver,obj['element']);var mouseOut=function(){var start=true;if(obj['pauseStop']&&thisTemp.getMetaDate()['paused']){start=false}if(timerTween!=null&&!timerTween.runing&&start){timerTween.start()}};this.addListenerInside('mouseout',mouseOut,obj['element'])}this.animateArray.push(timerTween);this.animateElementArray.push(animateId);if(obj['pauseStop']){this.animatePauseArray.push(animateId)}return animateId},animateResume:function(id){if(this.playerType=='flashplayer'){this.V.animateResume(this.isUndefined(id)?'':id);return}var arr=[];if(id!=''&&!this.isUndefined(id)&&id!='pause'){arr.push(id)}else{if(id==='pause'){arr=this.animatePauseArray}else{arr=this.animateElementArray}}for(var i=0;i<arr.length;i++){var index=this.arrIndexOf(this.animateElementArray,arr[i]);if(index>-1){this.animateArray[index].start()}}},animatePause:function(id){if(this.playerType=='flashplayer'){this.V.animatePause(this.isUndefined(id)?'':id);return}var arr=[];if(id!=''&&!this.isUndefined(id)&&id!='pause'){arr.push(id)}else{if(id==='pause'){arr=this.animatePauseArray}else{arr=this.animateElementArray}}for(var i=0;i<arr.length;i++){var index=this.arrIndexOf(this.animateElementArray,arr[i]);if(index>-1){this.animateArray[index].stop()}}},deleteAnimate:function(id){if(this.playerType=='flashplayer'&&this.V){try{this.V.deleteAnimate(id)}catch(event){this.log(event)}return}var index=this.arrIndexOf(this.animateElementArray,id);if(index>-1){this.animateArray[index].callBackFunction();this.animateArray.splice(index,1);this.animateElementArray.splice(index,1)}},deleteElement:function(ele){if(this.playerType=='flashplayer'&&this.V){try{this.V.deleteElement(ele)}catch(event){}return}var def=this.arrIndexOf(this.elementArr,ele.className);if(def>-1){this.elementArr.splice(def,1)}try{def=this.arrIndexOf(this.elementTempArr,ele.className);if(def>-1){this.elementTempArr.splice(def,1)}}catch(event){}this.deleteAnimate(ele.className);this.deleteChild(ele)},getByElement:function(obj,parent){if(this.isUndefined(parent)){parent=document}var num=obj.substr(0,1);var res=[];if(num!='#'){if(num=='.'){obj=obj.substr(1,obj.length)}if(parent.getElementsByClassName){res=parent.getElementsByClassName(obj);if(!res.length){return null}}else{var reg=new RegExp(' '+obj+' ','i');var ele=parent.getElementsByTagName('*');for(var i=0;i<ele.length;i++){if(reg.test(' '+ele[i].className+' ')){res.push(ele[i])}}}if(res.length>0){res=res[0]}else{res=null}}else{if(num=='#'){obj=obj.substr(1,obj.length)}try{res=document.getElementById(obj)}catch(event){res=null}}return res},css:function(elem,attribute,value){var i=0;var k='';if(this.varType(elem)=='array'){for(i=0;i<elem.length;i++){var el;if(typeof(elem[i])=='string'){el=this.getByElement(elem[i])}else{el=elem[i]}if(typeof(attribute)!='object'){if(!this.isUndefined(value)){el.style[attribute]=value}}else{for(k in attribute){if(!this.isUndefined(attribute[k])){try{el.style[k]=attribute[k]}catch(event){this.log(event)}}}}}return}if(this.varType(elem)=='string'){elem=this.getByElement(elem)}if(this.varType(attribute)!='object'){if(!this.isUndefined(value)){elem.style[attribute]=value}else{if(!this.isUndefined(this.getStyle(elem,attribute))){return this.getStyle(elem,attribute)}else{return false}}}else{for(k in attribute){if(!this.isUndefined(attribute[k])){elem.style[k]=attribute[k]}}}},getStyle:function(obj,attr){if(!this.isUndefined(obj.style[attr])){return obj.style[attr]}else{if(obj.currentStyle){return obj.currentStyle[attr]}else{return getComputedStyle(obj,false)[attr]}}},isUndefined:function(value){try{if(value==='undefined'||value===undefined||value===null||value==='NaN'||value===NaN){return true}}catch(event){this.log(event);return true}return false},addListener:function(name,funName){if(name&&funName){if(this.playerType=='flashplayer'){var ff='';if(this.varType(funName)=='function'){ff=this.getParameterNames(funName)}this.V.addListener(name,ff);return}var have=false;for(var i=0;i<this.listenerJsArr.length;i++){var arr=this.listenerJsArr[i];if(arr[0]==name&&arr[1]==funName){have=true;break}}if(!have){this.listenerJsArr.push([name,funName])}}},removeListener:function(name,funName){if(name&&funName){if(this.playerType=='flashplayer'){var ff='';if(this.varType(funName)=='function'){ff=this.getParameterNames(funName)}this.V.removeListener(name,ff);return}for(var i=0;i<this.listenerJsArr.length;i++){var arr=this.listenerJsArr[i];if(arr[0]==name&&arr[1]==funName){this.listenerJsArr.splice(i,1);break}}}},addListenerInside:function(e,f,d,t){if(this.isUndefined(t)){t=false}var o=this.V;if(!this.isUndefined(d)){o=d}if(o.addEventListener){try{o.addEventListener(e,f,t)}catch(event){this.log(event)}}else if(o.attachEvent){try{o.attachEvent('on'+e,f)}catch(event){this.log(event)}}else{o['on'+e]=f}},removeListenerInside:function(e,f,d,t){if(this.isUndefined(t)){t=false}var o=this.V;if(!this.isUndefined(d)){o=d}if(o.removeEventListener){try{this.addNum--;o.removeEventListener(e,f,t)}catch(e){}}else if(o.detachEvent){try{o.detachEvent('on'+e,f)}catch(e){}}else{o['on'+e]=null}},sendJS:function(name,val){if(this.adPlayerPlay&&name.substr(-2)!='Ad'){return}if(this.isUndefined(name)){return}var list=this.listenerJsArr;var obj=this.vars['variable'];if(this.vars['debug']){this.log(name+':'+val)}for(var i=0;i<list.length;i++){var arr=list[i];if(arr[0]==name){if(!this.isUndefined(val)){switch(arr[1].length){case 1:arr[1](val);break;case 2:arr[1](val,obj);break;default:arr[1]();break}}else{arr[1](obj)}}}},getParameterNames:function(fn){if(this.varType(fn)!=='function'){return false}var COMMENTS=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;var code=fn.toString().replace(COMMENTS,'');var result=code.slice(code.indexOf(' ')+1,code.indexOf('('));return result===null?false:result},replaceTime:function(str,obj){for(var k in obj){str=str.replace('[$'+k+']',obj[k])}return str},formatTime:function(t,dt,str){if(this.isUndefined(t)||isNaN(t)){seconds=0}if(this.isUndefined(dt)||isNaN(dt)){dt=0}var minuteS=Math.floor(t/60);var minute=minuteS;var hourS=Math.floor(t/3600);var second=t%60;if(minuteS>=60){minute=Math.floor(minuteS%60)}var hminuteS=Math.floor(dt/60);var hminute=hminuteS;var hhourS=Math.floor(dt/3600);var hsecond=dt%60;if(hminuteS>=60){hminute=Math.floor(hminuteS%60)}var nowDate=new Date();var obj={timeh:hourS,timei:minute,timeI:minuteS,times:second,timeS:t,durationh:hhourS,durationi:hminute,durationI:hminuteS,durations:hsecond,durationS:dt,liveTimey:nowDate.getYear(),liveTimeY:nowDate.getFullYear(),liveTimem:nowDate.getMonth()+1,liveTimed:nowDate.getDate(),liveTimeh:nowDate.getHours(),liveTimei:nowDate.getMinutes(),liveTimes:nowDate.getSeconds()};for(var k in obj){if(obj[k]<10){obj[k]='0'+Math.floor(obj[k])}else{obj[k]=Math.floor(obj[k]).toString()}}return this.replaceTime(str,obj)},randomString:function(len){len=len||16;var chars='abcdefghijklmnopqrstuvwxyz';var maxPos=chars.length;var val='';for(i=0;i<len;i++){val+=chars.charAt(Math.floor(Math.random()*maxPos))}return'ch'+val},getStringLen:function(str){if(this.isUndefined(str)){return 0}var len=0;for(var i=0;i<str.length;i++){if(str.charCodeAt(i)>127||str.charCodeAt(i)==94){len+=2}else{len++}}return len},createXHR:function(){if(window.XMLHttpRequest){return new XMLHttpRequest()}else if(window.ActiveXObject){try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(event){try{return new ActiveXObject('Msxml2.XMLHTTP')}catch(event){this.eject(this.errorList[7])}}}else{this.eject(this.errorList[8])}},ajax:function(cObj){var thisTemp=this;var callback=null;var obj={method:'get',dataType:'json',charset:'utf-8',async:false,url:'',data:null,success:null,error:null};if(this.varType(cObj)!='object'){this.eject(this.errorList[9]);return}obj=this.standardization(obj,cObj);if(obj.dataType==='json'||obj.dataType==='text'||obj.dataType==='html'||obj.dataType==='xml'){var xhr=this.createXHR();callback=function(){if(xhr.status==200){if(thisTemp.isUndefined(obj.success)){return}if(obj.dataType==='json'){try{obj.success(eval('('+xhr.responseText+')'))}catch(event){if(!thisTemp.isUndefined(obj['error'])){obj.error(event)}}}else{obj.success(xhr.responseText)}}else{obj.success(null);thisTemp.eject(thisTemp.errorList[10],'Ajax.status:'+xhr.status)}};obj.url=obj.url.indexOf('?')==-1?obj.url+'?rand='+this.randomString(6):obj.url;obj.data=this.formatParams(obj.data);if(obj.method==='get'&&!this.isUndefined(obj.data)){if(obj.data!=''){if(obj.url.indexOf('?')==-1){obj.url+='?'+obj.data}else{obj.url+='&'+obj.data}}}if(obj.async===true){xhr.onreadystatechange=function(){if(xhr.readyState==4&&callback!=null){callback()}}}xhr.open(obj.method,obj.url,obj.async);if(obj.method==='post'){try{xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xhr.setRequestHeader('charset',obj['charset']);xhr.send(obj.data)}catch(event){callback()}}else{try{xhr.send(null)}catch(event){callback()}}if(obj.async===false){callback()}}else if(obj.dataType==='jsonp'){var oHead=document.getElementsByTagName('head')[0];var oScript=document.createElement('script');var callbackName='callback'+new Date().getTime();var params=this.formatParams(obj.data)+'&callback='+callbackName;callback=obj.success;oScript.src=obj.url.split('?')+'?'+params;oHead.insertBefore(oScript,oHead.firstChild);window[callbackName]=function(json){callback(json);oHead.removeChild(oScript)}}},loadJs:function(path,success){var oHead=document.getElementsByTagName('HEAD').item(0);var oScript=document.createElement('script');oScript.type='text/javascript';oScript.src=this.getNewUrl(path);oHead.appendChild(oScript);oScript.onload=function(){success()}},isMsie:function(){var browser=navigator.appName;var b_version=navigator.appVersion;var version=b_version.split(';');var trim_Version='';if(version.length>1){trim_Version=version[1].replace(/[ ]/g,'')}if(browser=='Microsoft Internet Explorer'&&(trim_Version=='MSIE6.0'||trim_Version=='MSIE7.0'||trim_Version=='MSIE8.0'||trim_Version=='MSIE9.0'||trim_Version=='MSIE10.0')){return false}return true},uploadFlash:function(){var swf;if(navigator.userAgent.indexOf('MSIE')>0){try{var swf=new ActiveXObject('ShockwaveFlash.ShockwaveFlash');return true}catch(e){return false}}if(navigator.userAgent.indexOf('Firefox')>0){swf=navigator.plugins['Shockwave Flash'];if(swf){return true}else{return false}}return true},supportVideo:function(){if(!this.isMsie()){return false}if(!!document.createElement('video').canPlayType){var vidTest=document.createElement('video');var oggTest;try{oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"')}catch(error){oggTest=false}if(!oggTest){var h264Test;try{h264Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')}catch(error){h264Test=false}if(!h264Test){return false}else{if(h264Test=="probably"){return true}else{return false}}}else{if(oggTest=="probably"){return true}else{return false}}}else{return false}},getDataset:function(ele,z){try{return ele.dataset[z]}catch(error){try{return ele.getAttribute('data-'+z)}catch(error){return false}}},getObjectById:function(id){var x=null;var y=this.getByElement('#'+id);var r='embed';if(y&&y.nodeName=='OBJECT'){if(this.varType(y.SetVariable)!='undefined'){x=y}else{var z=y.getElementsByTagName(r)[0];if(z){x=z}}}return x},formatParams:function(data){var arr=[];for(var i in data){arr.push(encodeURIComponent(i)+'='+encodeURIComponent(data[i]))}return arr.join('&')},arrSort:function(arr){var temp=[];for(var i=0;i<arr.length;i++){for(var j=0;j<arr.length-i;j++){if(!this.isUndefined(arr[j+1])&&arr[j][3]<arr[j+1][3]){temp=arr[j+1];arr[j+1]=arr[j];arr[j]=temp}}}return arr},getFileName:function(filepath){if(!filepath)return'';return filepath.replace(/(.*\/)*([^.]+).*/ig,'$2')},getFileExt:function(filepath){if(filepath!=''&&!this.isUndefined(filepath)){if(filepath.indexOf('?')>-1){filepath=filepath.split('?')[0]}var pos='.'+filepath.replace(/.+\./,'');return pos.toLowerCase()}return''},isMobile:function(){if(navigator.userAgent.toLowerCase().match(/(iphone|ipad|ipod|android|ios|midp|windows mobile|windows ce|rv:1.2.3.4|ucweb)/i)){return true}return false},isContains:function(str,key){return str.indexOf(key)>-1},getNewUrl:function(url){if(this.isContains(url,'?')){return url+='&'+this.randomString(8)+'='+this.randomString(8)}else{return url+='?'+this.randomString(8)+'='+this.randomString(8)}},client:function(event){var eve=event||window.event;if(this.isUndefined(eve)){eve={clientX:0,clientY:0}}return{x:eve.clientX+(document.documentElement.scrollLeft||this.body.scrollLeft)-this.pdCoor['x'],y:eve.clientY+(document.documentElement.scrollTop||this.body.scrollTop)-this.pdCoor['y']}},getCoor:function(obj){var coor=this.getXY(obj);return{x:coor['x']-this.pdCoor['x'],y:coor['y']-this.pdCoor['y']}},getXY:function(obj){var parObj=obj;var left=obj.offsetLeft;var top=obj.offsetTop;while(parObj=parObj.offsetParent){left+=parObj.offsetLeft;top+=parObj.offsetTop}return{x:left,y:top}},removeChild:function(){if(this.playerType=='html5video'){var i=0;var timerArr=[this.timerError,this.timerFull,this.timerTime,this.timerBuffer,this.timerClick,this.timerCBar,this.timerVCanvas];for(i=0;i<timerArr.length;i++){if(timerArr[i]!=null){if(timerArr[i].runing){timerArr[i].stop()}timerArr[i]=null}}var ltArr=this.listenerJsArr;for(i=0;i<ltArr.length;i++){this.removeListener(ltArr[i][0],ltArr[i][1])}}this.playerType=='';this.V=null;if(this.conBarShow){this.deleteChild(this.CB['menu'])}this.deleteChild(this.PD);this.CD.innerHTML=''},canvasFill:function(name,path){name.beginPath();for(var i=0;i<path.length;i++){var d=path[i];if(i>0){name.lineTo(d[0],d[1])}else{name.moveTo(d[0],d[1])}}name.closePath();name.fill()},canvasFillRect:function(name,path){for(var i=0;i<path.length;i++){var d=path[i];name.fillRect(d[0],d[1],d[2],d[3])}},deleteChild:function(f){var def=this.arrIndexOf(this.elementArr,f.className);if(def>-1){this.elementArr.splice(def,1)}var childs=f.childNodes;for(var i=childs.length-1;i>=0;i--){f.removeChild(childs[i])}if(f&&f!=null&&f.parentNode){try{if(f.parentNode){f.parentNode.removeChild(f)}}catch(event){}}},getProportionCoor:function(stageW,stageH,vw,vh){var w=0,h=0,x=0,y=0;if(stageW/stageH<vw/vh){w=stageW;h=w*vh/vw}else{h=stageH;w=h*vw/vh}x=(stageW-w)*0.5;y=(stageH-h)*0.5;return{width:parseInt(w),height:parseInt(h),x:parseInt(x),y:parseInt(y)}},parseSrtSubtitles:function(srt){var subtitlesArr=[];var textSubtitles=[];var i=0;var arrs=srt.split('\n');var arr=[];var delHtmlTag=function(str){return str.replace(/<[^>]+>/g,'')};for(i=0;i<arrs.length;i++){if(arrs[i].replace(/\s/g,'').length>0){arr.push(arrs[i])}else{if(arr.length>0){textSubtitles.push(arr)}arr=[]}}for(i=0;i<textSubtitles.length;++i){var textSubtitle=textSubtitles[i];if(textSubtitle.length>=2){var sn=textSubtitle[0];var startTime=this.toSeconds(this.trim(textSubtitle[1].split(' --> ')[0]));var endTime=this.toSeconds(this.trim(textSubtitle[1].split(' --> ')[1]));var content=[delHtmlTag(textSubtitle[2])];var cktrackdelay=this.vars['cktrackdelay'];if(cktrackdelay!=0){startTime+=cktrackdelay;endTime+=cktrackdelay}if(textSubtitle.length>2){for(var j=3;j<textSubtitle.length;j++){content.push(delHtmlTag(textSubtitle[j]))}}var subtitle={sn:sn,startTime:startTime,endTime:endTime,content:content};subtitlesArr.push(subtitle)}}return subtitlesArr},timer:function(time,fun,number){var thisTemp=this;this.time=10;this.fun=null;this.timeObj=null;this.number=0;this.numberTotal=null;this.runing=false;this.startFun=function(){thisTemp.number++;thisTemp.fun();if(thisTemp.numberTotal!=null&&thisTemp.number>=thisTemp.numberTotal){thisTemp.stop()}};this.start=function(){if(!thisTemp.runing){thisTemp.runing=true;thisTemp.timeObj=window.setInterval(thisTemp.startFun,time)}};this.stop=function(){if(thisTemp.runing){thisTemp.runing=false;window.clearInterval(thisTemp.timeObj);thisTemp.timeObj=null}};if(time){this.time=time}if(fun){this.fun=fun}if(number){this.numberTotal=number}this.start()},toSeconds:function(t){var s=0.0;if(t){var p=t.split(':');for(i=0;i<p.length;i++){s=s*60+parseFloat(p[i].replace(',','.'))}}return s},arrayInt:function(str){var a=str.split(',');var b=[];for(var i=0;i<a.length;i++){if(this.isUndefined(a[i])){a[i]=0}if(a[i].substr(-1)!='%'){a[i]=parseInt(a[i])}b.push(a[i])}return b},standardization:function(o,n){var h={};var k;for(k in o){h[k]=o[k]}for(k in n){var type='';if(h[k]){type=this.varType(h[k])}switch(type){case'number':h[k]=parseFloat(n[k]);break;default:h[k]=n[k];break}}return h},objectAssign:function(o,n){if(this.varType(o)!='object'||this.varType(n)!='object'){return null}var obj1=this.newObj(o),obj2=this.newObj(n);for(var k in obj2){if(this.varType(obj2[k])=='object'){if(this.varType(obj1[k])!='object'){obj1[k]={}}obj1[k]=this.objectAssign(obj1[k],obj2[k])}else{obj1[k]=obj2[k]}}return obj1},arrIndexOf:function(arr,key){if(this.isUndefined(arr)||this.isUndefined(key)){return-1}var re=new RegExp(key,['']);return(arr.toString().replace(re,'┢').replace(/[^,┢]/g,'')).indexOf('┢')},trim:function(str){if(str!=''){return str.replace(/(^\s*)|(\s*$)/g,'')}return''},log:function(val){try{console.log(val)}catch(e){}},eject:function(er,val){if(!this.vars['debug']){return}var errorVal=er[1];if(!this.isUndefined(val)){errorVal=errorVal.replace('[error]',val)}var value='error '+er[0]+':'+errorVal;try{this.log(value)}catch(e){}},sysError:function(er,val){var ele=this.getByElement(this.vars['container']);var errorVal=er[1];if(!this.isUndefined(val)){errorVal=errorVal.replace('[error]',val)}var value='error '+er[0]+':'+errorVal;ele.innerHTML=value;this.css(ele,{backgroundColor:'#000',color:'#FFF',textAlign:'center',lineHeight:ele.offsetHeight+'px'})},varType:function(val){if(val===null){return'string'}var type=typeof(val);switch(type){case'string':return'string';break;case'number':return'number';break;case'boolean':return'boolean';break;case'function':return'function';break;case'symbol':return'symbol';break;case'object':if(!this.isUndefined(typeof(val.length))){return'array'}return'object';break;case'undefined':return'undefined';break;default:return typeof(val);break}},getConfigObject:function(){return this.jsonConfig},getStyleObject:function(){return this.jsonStyle},getLanguageObject:function(){return this.jsongLanguage}};window.ckplayer=ckplayer})();
\ No newline at end of file
diff --git a/src/assets/css/m.css b/src/assets/css/m.css
index 3d92742..59a409a 100644
--- a/src/assets/css/m.css
+++ b/src/assets/css/m.css
@@ -53,7 +53,11 @@
   .m-db-800 {
     display: block !important;
   }
+  .msg-box {
+    width: 100% !important;
+  }
 }
+
 :root {
   --van-red: #0082fc;
 }
diff --git a/src/components/AvatarDropDown.vue b/src/components/AvatarDropDown.vue
index f288cf9..91cb888 100644
--- a/src/components/AvatarDropDown.vue
+++ b/src/components/AvatarDropDown.vue
@@ -59,7 +59,6 @@ export default {
       const res = await getUserInfoShequ(state.uid);
       if (res.code === 200) {
         state.user = res.data;
-        console.log(state.user);
       }
     };
     resGetUserInfoShequ();
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 5be5260..4c831c1 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,5 +1,10 @@
 <template>
-  <el-backtop></el-backtop>
+  <el-backtop class="feedback-backtop">
+    <svg viewBox="64 64 896 896" focusable="false" data-icon="up" width="14" height="14" fill="currentColor" aria-hidden="true">
+      <path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path>
+    </svg>
+  </el-backtop>
+
   <footer class="m-dn">
     <div class="footer">
       <div class="deanfooter" id="deanfooter" style="margin-top:0">
@@ -43,47 +48,111 @@
   </div>
 
   <!-- 用户侧 -->
-  <div class="dr-feedback m-dn">
-    <div class="dr-feedback-item" @click="pageFeedbackHanlder(true)">
-      <span class="anticon anticon-edit dr-feedback-item-icon">
-        <svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true">
-          <path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path>
-        </svg>
-      </span>
-      <div>页面反馈</div>
-    </div>
-
-    <el-popover placement="left" trigger="hover" width="240px">
-      <div style="padding: 10px;">
-        <div class="dr-feedback-contract-item">
-          <div class="dr-feedback-contract-item-title">帆软社区管理员</div>
-          <a href="https://bbs.fanruan.com/thread-135379-1-1.html" target="_blank" rel="noreferrer">社区管理员联系方式一览</a>
-        </div>
-        <div class="dr-feedback-contract-item">
-          <div class="dr-feedback-contract-item-title">售前咨询电话</div>
-          <a href="tel:+400-811-8890" target="_blank" rel="noreferrer">400-811-8890 转1</a>
-        </div>
-        <div class="dr-feedback-contract-item">
-          <div class="dr-feedback-contract-item-title">在线技术支持电话</div>
-          <a href="tel:+400-811-8890" target="_blank" rel="noreferrer">400-811-8890 转2</a>
-        </div>
-        <div class="dr-feedback-contract-item">
-          <div class="dr-feedback-contract-item-title">海外客户技术支持电话</div>
-          <a href="tel:+0510-66758729" target="_blank" rel="noreferrer">(+86) 0510-66758729</a>
-        </div>
-        <div class="dr-feedback-contract-item">
-          <div class="dr-feedback-contract-item-title">总裁办24H投诉电话</div>
-          <a href="tel:+17312781526" target="_blank" rel="noreferrer">173 1278 1526</a>
+  <div class="service_feddback_box m-dn">
+    <el-popover placement="left" trigger="hover" width="392px" popper-class="new-popper">
+      <div class="tel_txt_box dr-feedback-popover-wrapper">
+        <div class="dr-feedback-popover">
+          <div class="dr-feedback-popover-item-click dr-feedback-popover-item" onclick="window.open('https://service.fanruan.com/support')">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/support.png" />
+            </div>
+            <div>
+              <div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item" style="">
+                  <span class="title">在线支持</span>
+                </div>
+                <div class="ant-space-item">
+                  <span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon">
+                    <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
+                      <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
+                    </svg>
+                  </span>
+                </div>
+              </div>
+              <div class="grey-text">工作日9:00-12:00，13:30-17:30在线</div>
+              <div class="dr-feedback-popover-item-info-wrapper">
+                <div>
+                  <div class="grey-text">或拨打热线电话：</div>
+                  <div>
+                    <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center" style="gap: 8px;">
+                      <div class="ant-space-item" style="">
+                        <span class="grey-text">大陆</span>
+                      </div>
+                      <div class="ant-space-item">
+                        <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center blue-text" style="gap: 8px;">
+                          <div class="ant-space-item">400-811-8890 转2</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div>
+                    <div>
+                      <span class="grey-text">海外</span>
+                      <span class="blue-text">(+86) 0510-66758729</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item-click dr-feedback-popover-item" style="cursor: pointer;" @click="pageFeedbackHanlder(true)">
+            <div class="dr-feedback-item">
+              <div class="dr-feedback-popover-item-logo">
+                <img alt="feedback" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/feedback.png" />
+              </div>
+              <div>
+                <div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                  <span class="title">页面反馈</span>
+                  <span class="anticon anticon-arrow-right icon">
+                    <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
+                      <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="grey-text">针对当前网页的建议、问题反馈</div>
+              </div>
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/consult.png" />
+            </div>
+            <div>
+              <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item">
+                  <span class="title">售前咨询</span>
+                </div>
+              </div>
+              <div class="grey-text">采购需求/获取报价/预约演示</div>
+              <div class="dr-feedback-popover-item-info-wrapper">
+                <div class="grey-text">或拨打: <span class="blue-text">400-811-8890 转1</span></div>
+              </div>
+            </div>
+            <div>
+              <img alt="qr" src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/qr.png" width="80" />
+            </div>
+          </div>
+          <div class="dr-feedback-popover-item" style="margin-bottom: 0">
+            <div class="dr-feedback-popover-item-logo">
+              <img src="https://hwobs.fanruan.com/ui/digit-fe/feedback/tel.png" />
+            </div>
+            <div>
+              <div class="ant-space css-ph9edi ant-space-horizontal ant-space-align-center dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
+                <div class="ant-space-item">
+                  <span class="title">总裁办24H电话</span>
+                </div>
+              </div>
+              <div class="blue-text">173 1278 1526</div>
+            </div>
+          </div>
         </div>
       </div>
       <template #reference>
-        <div class="dr-feedback-item">
-          <span role="img" aria-label="phone" class="anticon anticon-phone dr-feedback-item-icon">
-            <svg viewBox="64 64 896 896" focusable="false" data-icon="phone" width="1em" height="1em" fill="currentColor" aria-hidden="true">
-              <path d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.46 405.46 0 01-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 00-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9 6.5 0 12.8-.5 19.2-1.6 132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4zm-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9 295.7 611l119.8 120 .9.9 21.6-8a481.29 481.29 0 00285.7-285.8l8-21.6-120.8-120.7 110.8-110.9 104.5 104.5c10.8 10.8 15.8 26 13.3 40.8z"></path>
-            </svg>
-          </span>
-          <div>联系我们</div>
+        <div class="dr-feedback">
+          <div class="dr-feedback-inner">
+            <img class="dr-feedback-inner-icon" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/customer.png" />
+            <div>获取帮助</div>
+          </div>
         </div>
       </template>
     </el-popover>
@@ -127,8 +196,6 @@ export default {
       comLoginUrl: proxy.$root.com_login_url2 + route.path,
     });
 
-    getTicketToken();
-
     onBeforeRouteUpdate((to) => {
       state.curPageUrl = proxy.$root.com_edu_url + to.fullPath;
       state.comLoginUrl = proxy.$root.com_login_url2 + to.fullPath;
@@ -172,7 +239,7 @@ export default {
         state.showFeedback = true;
         setTimeout(function() {
           const iframe = document.createElement("iframe");
-          iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`;
+          iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("类型,页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`;
           iframe.style = "width: 100%; height: 100%; border:none;";
           iframe.id = "iframe_shuzhiniao";
           let makediv = document.getElementById("feedbackIframe");
@@ -203,83 +270,165 @@ export default {
 </script>
 
 <style lang="scss">
-.dia-msg-til {
-  background-color: #fefbe6;
-  padding: 10px 20px;
-  border: 1px solid #ffe58f;
-  margin-top: 6px;
+.feedback-backtop {
+  align-items: center;
+  background-color: #fff !important;
+  border-radius: 8px !important;
+  bottom: 80px !important;
+  box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
+  cursor: pointer;
+  display: flex !important;
+  height: 36px !important;
+  justify-content: center !important;
+  position: fixed;
+  right: 10px !important;
+  width: 36px !important;
+  background-image: none !important;
   color: #333;
 }
-.foot-dialog-feedback {
-  .el-dialog__body {
-    padding: 0 !important;
-  }
+.new-popper {
+  border-radius: 8px !important;
+}
+.service_feddback_box {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 10px;
+  z-index: 5;
 }
 
-/* 用户右侧 */
 .dr-feedback {
-  position: fixed;
-  bottom: 150px;
-  transform: translate(-50%, -50%);
-  right: 12px;
-  background-color: #fff;
-  box-shadow: 0 4px 12px 0 rgb(4 43 79 / 12%);
-  width: 48px;
-  box-sizing: border-box;
-  font-size: 14px;
-  color: #617288;
+  background: linear-gradient(144deg, #00b8fe 16%, #0082fc 87%);
+  border-radius: 8px;
+  box-shadow: 0 4px 12px 0 rgba(4, 43, 79, 0.12);
+  height: 84px;
+  width: 36px;
+  line-height: 1.5714285714285714;
+}
+
+.dr-feedback,
+.dr-feedback-inner {
+  align-items: center;
   display: flex;
   flex-direction: column;
+  justify-content: center;
+  position: relative;
+  z-index: 2;
+}
+.dr-feedback-inner {
+  color: #fff;
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+  width: 80%;
+}
+.dr-feedback-inner-icon {
+  height: 20px;
+  margin-bottom: 8px;
+  width: 20px;
+}
+.dr-feedback-popover {
+  box-sizing: border-box;
+  padding: 4px;
+  width: 100%;
+}
+.dr-feedback-popover:before {
+  content: "";
+  position: absolute;
+  right: -20px;
+  top: 0;
+  width: 20px;
+  height: 100%;
+}
+.ant-space {
+  display: inline-flex;
+}
+.ant-space-align-center {
+  align-items: center;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item {
+  align-items: flex-start;
+  background: linear-gradient(180deg, #f3f6ff, #fff);
+  border: 0.5px solid #d6dfe7;
   border-radius: 8px;
-  overflow: hidden;
-  z-index: 999;
-
-  .dr-feedback-item {
-    transition: all 0.3s;
-    padding: 16px 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    cursor: pointer;
-    text-align: center;
-
-    &:not(:last-of-type) {
-      border-bottom: 1px solid #edf3f9;
-    }
+  box-sizing: border-box;
+  display: flex;
+  gap: 12px;
+  margin-bottom: 16px;
+  padding: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo {
+  width: 48px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-logo img {
+  width: 100%;
+  border: none;
+}
+.dr-feedback-popover-item-title-wrapper {
+  display: inline-flex;
+  align-items: center;
+  .anticon-arrow-right {
+    color: #1f1f1f;
+  }
+  .title {
+    color: #1f1f1f;
+  }
+}
 
-    &:hover {
+.dr-feedback-popover-item-click {
+  cursor: pointer;
+  &:hover .dr-feedback-popover-item-title-wrapper {
+    .anticon-arrow-right {
       color: #0082fc;
     }
-
-    .dr-feedback-item-icon {
-      width: 20px;
-      height: 20px;
-      margin-bottom: 8px;
-    }
-
-    svg {
-      width: 20px;
-      height: 20px;
+    .title {
+      color: #0082fc;
     }
   }
 }
 
-.dr-feedback-contract-item {
-  &:not(:last-child) {
-    margin-bottom: 20px;
-  }
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-title-wrapper .title {
+  font-family: PingFangSC, PingFangSC-Semibold;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 24px;
+  text-align: left;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item .grey-text {
+  color: #8a9cb0;
+  font-size: 14px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item-info-wrapper {
+  margin-top: 10px;
+}
+.dr-feedback-popover-wrapper .dr-feedback-popover-item .blue-text {
+  color: #0082fc;
+  font-size: 14px;
+}
+.dr-feedback-item {
+  display: flex;
+  gap: 10px;
+}
+</style>
 
-  a {
-    color: #1890ff;
+<style lang="scss">
+.dia-msg-til {
+  background-color: #fefbe6;
+  padding: 10px 20px;
+  border: 1px solid #ffe58f;
+  margin-top: 6px;
+  color: #333;
+}
+.foot-dialog-feedback {
+  .el-dialog__body {
+    padding: 0 !important;
   }
-
-  .dr-feedback-contract-item-title {
-    color: #333 !important;
-    color: var(--dr-text-black);
-    font-size: 14px;
-    font-weight: 700;
-    margin-bottom: 4px;
+  .el-dialog__header {
+    text-align: left !important;
   }
 }
 
diff --git a/src/components/Header.vue b/src/components/Header.vue
index a2c57a4..ca46f09 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -2,43 +2,59 @@
   <header class="header" id="myheader">
     <div class="wrapper">
       <!-- left -->
+
       <div class="nav-lf flex-1">
-        <div class="nav-logo">
-          <a href="https://home.fanruan.com/"><img src="@/assets/fine_logo_dynamic.gif" class="logo-img"/></a>
+        <div class="navlf_item">
+          <div class="nav-logo">
+            <a href="https://home.fanruan.com/"><img src="@/assets/fine_logo_dynamic.gif" class="logo-img"/></a>
+          </div>
+          <div class="nav-line"></div>
+          <a href="https://home.fanruan.com/" class="nav-title">帆软社区</a>
+        </div>
+
+        <div class="navlf_item navlf-item-box">
+          <a href="https://home.fanruan.com/" class="nav-item">首页</a>
+          <a href="https://service.fanruan.com" class="nav-item">服务平台</a>
+          <a href="https://help.fanruan.com/" class="nav-item">文档</a>
+          <a href="https://edu.fanruan.com/" class="nav-item active">学院</a>
+          <a href="https://bbs.fanruan.com/wenda" class="nav-item">问答</a>
+          <a href="https://bbs.fanruan.com/topic" class="nav-item">论坛</a>
+          <a href="https://cert.fanruan.com/" class="nav-item">认证</a>
+          <a href="https://bbs.fanruan.com/jobs" class="nav-item">招聘</a>
+          <a href="https://bbs.fanruan.com/task" class="nav-item">任务</a>
+          <a href="https://market.fanruan.com/" class="nav-item">市场</a>
         </div>
-        <div class="nav-line"></div>
-        <router-link to="/" class="nav-title">帆软学院</router-link>
       </div>
 
-      <!-- rigt -->
-      <div class="nav-rt">
-        <!-- search -->
-        <div class="search-box  flex-1">
-          <form class="searchform" method="get" autocomplete="off" action="https://search.fanruan.com/?q=" target="_blank" v-if="is_search">
-            <div class="el-input el-input--small el-input--suffix topsearch  flex-1">
-              <input class="el-input__inner" name="q" type="text" autocomplete="off" tabindex="" aria-label="" placeholder="请输入关键词" @focus="isfocus('focus')" @blur="isfocus('blur')" v-on:input="isinput" />
-              <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
-                <span class="el-input__suffix-inner search_btn">
-                  <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
-                </span>
-              </button>
-            </div>
-          </form>
-
-          <div class="searchform" v-else>
-            <div class="el-input el-input--small el-input--suffix topsearch  flex-1">
-              <div class="el-input__inner" style="color: #B5C1D0; line-height: 30px;">登录后方可搜索</div>
-              <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
-                <span class="el-input__suffix-inner search_btn">
-                  <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
-                </span>
-              </button>
-            </div>
+      <!-- search -->
+      <div class="search-box  flex-1">
+        <form class="searchform" method="get" autocomplete="off" action="https://search.fanruan.com/?q=" target="_blank" v-if="is_search">
+          <div class="el-input el-input--small el-input--suffix topsearch  flex-1">
+            <input class="el-input__inner" name="q" type="text" autocomplete="off" tabindex="" aria-label="" placeholder="请输入关键词" @focus="isfocus('focus')" @blur="isfocus('blur')" v-on:input="isinput" />
+            <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
+              <span class="el-input__suffix-inner search_btn">
+                <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
+              </span>
+            </button>
+          </div>
+        </form>
+
+        <div class="searchform" v-else>
+          <div class="el-input el-input--small el-input--suffix topsearch  flex-1">
+            <div class="el-input__inner" style="color: #B5C1D0; line-height: 30px;">登录后方可搜索</div>
+            <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
+              <span class="el-input__suffix-inner search_btn">
+                <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
+              </span>
+            </button>
           </div>
         </div>
+      </div>
 
+      <!-- rigt -->
+      <div class="nav-rt">
         <nav class="infomation">
-          <el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" show-timeout="0">
+          <el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" :show-timeout="0">
             <span class="el-dropdown-link">
               <el-avatar :src="avatarUrl + uid" :size="32" fit="cover" icon="el-icon-user-solid"></el-avatar>
               <i class="el-icon-arrow-down el-icon--right"></i>
@@ -90,7 +106,7 @@
     <div class="mainbox">
       <div class="edu-head">
         <div class="edu-nav">
-          <router-link class="item" to="/">首页</router-link>
+          <router-link class="item" to="/">学院首页</router-link>
           <router-link class="item" to="/studypath/finereport" :class="$route.meta.active == 'studypath' ? 'active' : ''">学习路径 </router-link>
           <router-link class="item" to="/video" :class="$route.meta.active == 'video' ? 'active' : ''">视频课</router-link>
           <router-link class="item" to="/class" :class="$route.meta.active == 'class' ? 'active' : ''">学习班</router-link>
@@ -368,9 +384,9 @@ export default defineComponent({
   z-index: 201;
 
   .wrapper {
-    width: 1200px;
+    width: 100%;
     background: #fff;
-    margin: 0 auto;
+    padding: 0 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -380,7 +396,7 @@ export default defineComponent({
         width: 1px;
         height: 24px;
         background-color: #dbe3ea;
-        margin: 0 20px;
+        margin: 0 8px;
       }
       .nav-logo {
         width: 128px;
@@ -398,65 +414,88 @@ export default defineComponent({
         text-decoration: none !important;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
       }
-    }
-    .nav-rt {
-      display: inline-flex;
-      align-items: center;
-      .search-box {
-        height: 48px;
-        margin: 0 auto;
-        width: 460px;
-        transition: all 0.2s;
 
-        .searchform {
-          width: 100%;
+      .navlf_item {
+        display: flex;
+        align-items: center;
+      }
+      .navlf-item-box {
+        margin-left: 32px;
+        .nav-item {
+          &:hover {
+            color: #0082fc;
+          }
+          margin-right: 20px;
+          font-size: 16px;
+          color: #17243e;
+          transition: all 0.3s;
         }
-
-        .search_sub {
-          border-radius: 0px 20px 20px 0px;
-          height: 32px;
-          cursor: pointer;
-          background: none;
-          border: none;
-          right: 0;
+        .active {
+          color: #0082fc;
         }
+      }
+    }
 
-        .search_btn {
-          display: inline-block;
-          color: #617288;
-          width: 48px;
+    .search-box {
+      height: 48px;
+      flex: 1 1;
+      max-width: 500px;
+      margin: 0 0 0 4px;
+      transition: all 0.2s;
 
-          .active {
-            color: #0082fc;
-          }
-        }
+      .searchform {
+        width: 100%;
+      }
 
-        .active_btn {
-          background-color: #0082fc;
+      .search_sub {
+        border-radius: 0px 20px 20px 0px;
+        height: 32px;
+        cursor: pointer;
+        background: none;
+        border: none;
+        right: 0;
+      }
 
-          .icon-ss {
-            color: #fff;
-          }
-        }
+      .search_btn {
+        display: inline-block;
+        color: #617288;
+        width: 48px;
 
-        .el-input__inner {
-          border: none;
-          border: 1px solid #eef3fa;
-          background-color: #eef3fa;
-          border-radius: 100px;
-          font-size: 14px;
+        .active {
+          color: #0082fc;
         }
+      }
 
-        .el-input__inner:focus {
-          border: 1px solid #0082fc;
-          background-color: #fff;
-        }
+      .active_btn {
+        background-color: #0082fc;
 
-        ::placeholder {
-          color: #8496ab !important;
+        .icon-ss {
+          color: #fff;
         }
       }
 
+      .el-input__inner {
+        border: none;
+        border: 1px solid #eef3fa;
+        background-color: #eef3fa;
+        border-radius: 100px;
+        font-size: 14px;
+      }
+
+      .el-input__inner:focus {
+        border: 1px solid #0082fc;
+        background-color: #fff;
+      }
+
+      ::placeholder {
+        color: #8496ab !important;
+      }
+    }
+
+    .nav-rt {
+      display: inline-flex;
+      align-items: center;
+
       .infomation {
         position: relative;
         height: 100%;
@@ -581,7 +620,7 @@ export default defineComponent({
 }
 
 .avatar_down {
-  width: 340px;
+  width: 300px;
   padding: 0 20px;
   background-color: #ffffff;
   background-clip: padding-box;
diff --git a/src/main.js b/src/main.js
index c0608d9..4c278de 100644
--- a/src/main.js
+++ b/src/main.js
@@ -33,17 +33,17 @@ app.use(VueWechatTitle)
 app.use(jsSeamlessScroll)
 app.mount('#app')
 router.afterEach(() => {
-    // setTimeout(() => {
-    //     //百度统计
-    //     var _hmt = _hmt || [];
-    //     (function () {
-    //         //每次执行前，先移除上次插入的代码
-    //         document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
-    //         var hm = document.createElement("script");
-    //         hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
-    //         hm.id = "baidu_tj"
-    //         var s = document.getElementsByTagName("script")[0];
-    //         s.parentNode.insertBefore(hm, s);
-    //     })();
-    // }, 0);
+    setTimeout(() => {
+        //百度统计
+        var _hmt = _hmt || [];
+        (function () {
+            //每次执行前，先移除上次插入的代码
+            document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
+            hm.id = "baidu_tj"
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
+    }, 0);
 });
diff --git a/src/views/class/admin/schedule_admin_class.vue b/src/views/class/admin/schedule_admin_class.vue
index ba83856..806ccd3 100644
--- a/src/views/class/admin/schedule_admin_class.vue
+++ b/src/views/class/admin/schedule_admin_class.vue
@@ -1,339 +1,320 @@
 <template>
-
-    <div>
-
-        <el-table v-loading="loading" :data="tableData"  style="width: 100%"
-            @selection-change="handleSelectionChange" row-key="id" default-expand-all lazy
-             :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
-
-            <el-table-column prop="title" label="目录大纲">
-                <template #default='scope'>
-                    <span v-if="scope.row.children" class="f18 fw600 col333">{{scope.row.title}}</span>
-                    <a v-else :href="'/class/play/'+classid+'/'+scope.row.id" target="_blank" class="item-pl f15">
-                        <i class="iconfont icon-bofang2 colb3c f14 mrt10"></i>{{scope.row.title}}
-                    </a>
-                </template>
-            </el-table-column>
-
-            <el-table-column fixed="right" label="发布状态" width="100">
-                <template #default="scope">
-
-                    <el-switch v-if="!scope.row.children" v-model="scope.row.display" :active-value="1"
-                        :inactive-value="0" active-color="#0082fc" inactive-color="#dadde5"
-                        @click="handleClose(scope.row)">
-                    </el-switch>
-
-                </template>
-            </el-table-column>
-
-        </el-table>
-
-    </div>
-
-
-
+  <div>
+    <el-table v-loading="loading" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" row-key="id" default-expand-all lazy :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+      <el-table-column prop="title" label="目录大纲">
+        <template #default="scope">
+          <span v-if="scope.row.children" class="f18 fw600 col333">{{ scope.row.title }}</span>
+          <a v-else :href="'/class/play/' + classid + '/' + scope.row.id" target="_blank" class="item-pl f15"> <i class="iconfont icon-bofang2 colb3c f14 mrt10"></i>{{ scope.row.title }} </a>
+        </template>
+      </el-table-column>
+
+      <el-table-column fixed="right" label="发布状态" width="100">
+        <template #default="scope">
+          <el-switch v-if="!scope.row.children" v-model="scope.row.display" :active-value="1" :inactive-value="0" active-color="#0082fc" inactive-color="#dadde5" @click="handleClose(scope.row)"> </el-switch>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
-
-
 <script>
-    import { useRoute } from 'vue-router'
-    import { scheduleList, noticeAdd, noticeEdit, scheduleUpdate, studyLog } from "@/api/study_admin";
-    import { ref, toRefs, reactive, getCurrentInstance, nextTick } from 'vue';
-    import store from '@/store'
-    import { _debounce } from "@/utils/debounce";
-    export default {
-        name: 'class_homework',
-        setup() {
-            const { proxy } = getCurrentInstance()
-            const route = useRoute()
-            const classid = route.params.classid;
-            const state = reactive({
-                headers: {
-                    'authentication': store.getters.get_authentication
-                },
-                loading: true,
-                tableData: [], // 数据列表
-                multipleSelection: [], // 选中项
-                total: 0, // 总条数
-                page: 1, // 当前页
-                perpage: 10, // 分页大小
-                id: '',
-                kw: '',
-                dialogFormVisible: false,
-                dialogEdit: false,
-                dialogUidLog: false,
-                numbereRef: {
-                    title: '',
-                    url: '',
-                },
-                rules: {
-                    title: [
-                        { required: true, message: '请输入公告内容', trigger: 'blur' },
-                    ],
-                    url: [
-                        { required: true, type: "url", message: '请输入正确的url', trigger: 'blur' },
-                    ],
-                },
-                rowStudent: {},
-                modEdit: {
-                    id: '',
-                    xs_name: '',
-                    gongsi: '',
-                    gangwei: '',
-                    shouji: '',
-                    fenshu: '',
-                    beizhu: '',
-                },
-                uidLog: [],
-                alltime: '',
-                username: '',
-            })
-
-            // 获取学生列表
-            const getnotice = async () => {
-                state.loading = true
-                const res = await scheduleList(classid);
-                if (res.code === 200) {
-                    state.tableData = res.data
-                    state.total = res.data.total
-                    state.page = res.data.current_page
-                    state.loading = false
-                }
-            };
-            getnotice();
-
-            // 观看记录
-            const getUserLog = async (uid) => {
-                state.loading = true
-                const res = await studyLog(classid, uid);
-                if (res.code === 200) {
-                    state.uidLog = res.data.data;
-                    state.alltime = res.data.alltime;
-                    state.username = res.data.username;
-                    state.dialogUidLog = true;
-                    state.loading = false
-                }
-            };
-
-            // 设置当前查看的数据item
-            const setItem = (item) => {
-                state.item = item
-                state.isShowItem = true
-            }
-
-            const handleOption = () => {
-                state.page = 1
-                getnotice()
-            }
-
-
-            // 选择项
-            const handleSelectionChange = (val) => {
-                state.multipleSelection = val
-            }
-            const changePage = (val) => {
-                state.page = val
-                getnotice()
-            }
-            // 每页显示条数
-            const handleSizeChange = (val) => {
-                state.perpage = val
-                getnotice()
-            }
-
-            // 更新状态
-            const handleClose = async (row) => {
-                const params = {
-                    data: {
-                        id: row.id,
-                        display: row.display,
-                        title: row.title,
-                    }
-                }
-                const res = await scheduleUpdate(classid, params);
-                if (res.message === 'success') {
-                    if (res.data.display == 1) {
-                        proxy.$notify({
-                            title: '发布成功',
-                            type: 'success',
-                            message: res.data.title + '【发布成功】',
-                        });
-                    } else {
-                        proxy.$notify.info({
-                            title: '取消发布成功',
-                            message: res.data.title + '【已取消发布】',
-                        });
-                    }
-                } else {
-                    proxy.$message({
-                        type: 'error',
-                        message: '服务器错误',
-                        center: true
-                    });
-                }
+import { useRoute } from "vue-router";
+import { scheduleList, noticeAdd, noticeEdit, scheduleUpdate, studyLog } from "@/api/study_admin";
+import { ref, toRefs, reactive, getCurrentInstance, nextTick } from "vue";
+import store from "@/store";
+import { _debounce } from "@/utils/debounce";
+export default {
+  name: "class_homework",
+  setup() {
+    const { proxy } = getCurrentInstance();
+    const route = useRoute();
+    const classid = route.params.classid;
+    const state = reactive({
+      headers: {
+        authentication: store.getters.get_authentication,
+      },
+      loading: true,
+      tableData: [], // 数据列表
+      multipleSelection: [], // 选中项
+      total: 0, // 总条数
+      page: 1, // 当前页
+      perpage: 10, // 分页大小
+      id: "",
+      kw: "",
+      dialogFormVisible: false,
+      dialogEdit: false,
+      dialogUidLog: false,
+      numbereRef: {
+        title: "",
+        url: "",
+      },
+      rules: {
+        title: [{ required: true, message: "请输入公告内容", trigger: "blur" }],
+        url: [{ required: true, type: "url", message: "请输入正确的url", trigger: "blur" }],
+      },
+      rowStudent: {},
+      modEdit: {
+        id: "",
+        xs_name: "",
+        gongsi: "",
+        gangwei: "",
+        shouji: "",
+        fenshu: "",
+        beizhu: "",
+      },
+      uidLog: [],
+      alltime: "",
+      username: "",
+    });
+
+    // 获取学生列表
+    const getnotice = async () => {
+      state.loading = true;
+      const res = await scheduleList(classid);
+      if (res.code === 200) {
+        state.tableData = res.data;
+        state.total = res.data.total;
+        state.page = res.data.current_page;
+        state.loading = false;
+      }
+    };
+    getnotice();
+
+    // 观看记录
+    const getUserLog = async (uid) => {
+      state.loading = true;
+      const res = await studyLog(classid, uid);
+      if (res.code === 200) {
+        state.uidLog = res.data.data;
+        state.alltime = res.data.alltime;
+        state.username = res.data.username;
+        state.dialogUidLog = true;
+        state.loading = false;
+      }
+    };
+
+    // 设置当前查看的数据item
+    const setItem = (item) => {
+      state.item = item;
+      state.isShowItem = true;
+    };
+
+    const handleOption = () => {
+      state.page = 1;
+      getnotice();
+    };
+
+    // 选择项
+    const handleSelectionChange = (val) => {
+      state.multipleSelection = val;
+    };
+    const changePage = (val) => {
+      state.page = val;
+      getnotice();
+    };
+    // 每页显示条数
+    const handleSizeChange = (val) => {
+      state.perpage = val;
+      getnotice();
+    };
+
+    // 更新状态
+    const handleClose = async (row) => {
+      const params = {
+        data: {
+          id: row.id,
+          display: row.display,
+          title: row.title,
+        },
+      };
+      const res = await scheduleUpdate(classid, params);
+      if (res.message === "success") {
+        if (res.data.display == 1) {
+          proxy.$notify({
+            title: "发布成功",
+            type: "success",
+            iconClass: "schedule-success",
+            message: res.data.title + "【发布成功】",
+          });
+        } else {
+          proxy.$notify.info({
+            title: "取消发布成功",
+            type: "info",
+            iconClass: "schedule-info",
+            message: res.data.title + "【已取消发布】",
+          });
+        }
+      } else {
+        proxy.$message({
+          type: "error",
+          message: "服务器错误",
+          center: true,
+        });
+      }
+    };
+
+    // 添加公告
+    const submitForm = _debounce(() => {
+      _submitForm();
+    }, 300);
+    const numberValidateRef = ref(null);
+    const _submitForm = () => {
+      nextTick(() => {
+        numberValidateRef.value.validate(async (valid) => {
+          if (valid) {
+            const params = {
+              title: state.numbereRef.title,
+              url: state.numbereRef.url,
             };
-
-
-
-
-            // 添加公告
-            const submitForm = _debounce(() => {
-                _submitForm();
-            }, 300)
-            const numberValidateRef = ref(null);
-            const _submitForm = () => {
-                nextTick(() => {
-                    numberValidateRef.value.validate(async (valid) => {
-                        if (valid) {
-                            const params = {
-                                title: state.numbereRef.title,
-                                url: state.numbereRef.url,
-                            }
-                            const res = await noticeAdd(classid, params)
-                            if (res.message === 'success') {
-                                state.dialogFormVisible = false;
-                                proxy.$message({
-                                    type: 'success',
-                                    message: '添加成功',
-                                    center: true
-                                });
-                                setTimeout(function () {
-                                    getnotice()
-                                }, 100);
-                            }
-                        }
-                    });
-                })
-            }
-
-            const noticeValidateRef = ref(null);
-            const resnoticeEdit = () => {
-                noticeValidateRef.value.validate(async (valid) => {
-                    if (valid) {
-                        const params = {
-                            data: state.modEdit,
-                        }
-                        const res = await noticeEdit(classid, params);
-                        if (res.code === 200) {
-                            state.dialogEdit = false;
-                            proxy.$message({
-                                type: 'success',
-                                message: '编辑成功',
-                                center: true
-                            });
-                            getnotice()
-                        }
-                    }
-                });
-
-            }
-
-            const openStudent = (row) => {
-                state.modEdit = row;
-                state.dialogEdit = true;
-            }
-
-            const eidtForm = () => {
-                resnoticeEdit();
-            }
-
-            // const tableRowClassName = ({ row }) => {
-            //     if (row.children) {
-            //         return 'title-row';
-            //     } 
-            //     return '';
-            // }
-
-            return {
-                ...toRefs(state),
-                classid,
-                setItem,
-                handleSelectionChange,
-                getnotice,
-                changePage,
-                handleOption,
-                handleClose,
-                handleSizeChange,
-                numberValidateRef,
-                submitForm,
-                openStudent,
-                eidtForm,
-                getUserLog,
-                noticeValidateRef,
-                //tableRowClassName
+            const res = await noticeAdd(classid, params);
+            if (res.message === "success") {
+              state.dialogFormVisible = false;
+              proxy.$message({
+                type: "success",
+                message: "添加成功",
+                center: true,
+              });
+              setTimeout(function() {
+                getnotice();
+              }, 100);
             }
+          }
+        });
+      });
+    };
+
+    const noticeValidateRef = ref(null);
+    const resnoticeEdit = () => {
+      noticeValidateRef.value.validate(async (valid) => {
+        if (valid) {
+          const params = {
+            data: state.modEdit,
+          };
+          const res = await noticeEdit(classid, params);
+          if (res.code === 200) {
+            state.dialogEdit = false;
+            proxy.$message({
+              type: "success",
+              message: "编辑成功",
+              center: true,
+            });
+            getnotice();
+          }
         }
-    }
+      });
+    };
+
+    const openStudent = (row) => {
+      state.modEdit = row;
+      state.dialogEdit = true;
+    };
+
+    const eidtForm = () => {
+      resnoticeEdit();
+    };
+
+    // const tableRowClassName = ({ row }) => {
+    //     if (row.children) {
+    //         return 'title-row';
+    //     }
+    //     return '';
+    // }
+
+    return {
+      ...toRefs(state),
+      classid,
+      setItem,
+      handleSelectionChange,
+      getnotice,
+      changePage,
+      handleOption,
+      handleClose,
+      handleSizeChange,
+      numberValidateRef,
+      submitForm,
+      openStudent,
+      eidtForm,
+      getUserLog,
+      noticeValidateRef,
+      //tableRowClassName
+    };
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-    .item-pl:hover{
-        .icon-bofang2{
-            color: #0082fc;
-        }
-    }
-    .item_log {
-        width: 120px;
-        display: inline-block;
-        text-align: right;
-    }
-
-    .tab-header {
-        padding: 24px 0 10px 0;
-    }
-
-    .ptlist {
-        padding: 6px 0;
-        overflow-y: auto;
-        font-size: 14px;
-
-        li {
-            padding: 2px 0;
-        }
-    }
-
-    .ifprt {
-        padding-right: 10px !important;
-    }
-
-    .infobox {
-        line-height: 24px;
-        padding: 0 20px;
-    }
-
-    .scrollbar {
-        height: 106px;
-        overflow: hidden;
-    }
-
-    .min-pd {
-        padding: 6px 10px;
-    }
-
-    ::v-deep .el-scrollbar__wrap {
-        max-height: 300px;
-        overflow-x: hidden;
-    }
-
-    ::v-deep .el-icon-close {
-        display: none !important;
-    }
-
-    ::v-deep .el-icon-close-tip {
-        display: none !important;
-    }
-
-    ::v-deep .el-button i {
-        line-height: 0;
-    }
+.item-pl:hover {
+  .icon-bofang2 {
+    color: #0082fc;
+  }
+}
+.item_log {
+  width: 120px;
+  display: inline-block;
+  text-align: right;
+}
+
+.tab-header {
+  padding: 24px 0 10px 0;
+}
+
+.ptlist {
+  padding: 6px 0;
+  overflow-y: auto;
+  font-size: 14px;
+
+  li {
+    padding: 2px 0;
+  }
+}
+
+.ifprt {
+  padding-right: 10px !important;
+}
+
+.infobox {
+  line-height: 24px;
+  padding: 0 20px;
+}
+
+.scrollbar {
+  height: 106px;
+  overflow: hidden;
+}
+
+.min-pd {
+  padding: 6px 10px;
+}
+
+::v-deep .el-scrollbar__wrap {
+  max-height: 300px;
+  overflow-x: hidden;
+}
+
+::v-deep .el-icon-close {
+  display: none !important;
+}
+
+::v-deep .el-icon-close-tip {
+  display: none !important;
+}
+
+::v-deep .el-button i {
+  line-height: 0;
+}
 </style>
 
 <style>
-    .el-dialog__body {
-        padding: 20px 30px 30px 30px;
-    }
-    /* .title-row td{
+.el-dialog__body {
+  padding: 20px 30px 30px 30px;
+}
+.schedule-success {
+  color: #67c23a !important;
+}
+.schedule-info {
+  color: #909399 !important;
+}
+/* .title-row td{
         background-color:#F3F8FF;
     } */
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/class/class_lesson.vue b/src/views/class/class_lesson.vue
index 106acec..9c91b18 100644
--- a/src/views/class/class_lesson.vue
+++ b/src/views/class/class_lesson.vue
@@ -18,6 +18,10 @@
 
     <template #default>
       <div class="lesson">
+        <el-empty :image-size="150" description=" " v-if="lessonList.length === 0">
+          <div class="col617">等待老师发布...</div>
+        </el-empty>
+
         <div class="looplist" v-for="(item, i) in lessonList" :key="i">
           <div class="otile flex-1">
             <h2>{{ item.title }}</h2>
diff --git a/src/views/class/play.vue b/src/views/class/play.vue
index 4b38a11..0a62ab9 100644
--- a/src/views/class/play.vue
+++ b/src/views/class/play.vue
@@ -4,7 +4,8 @@
   <div v-if="!com_user_token">
     <el-empty :image-size="200" description=" ">无权限查看，当前页面需要 <a :href="com_login_url" class="col008">登录</a></el-empty>
   </div>
-  <div v-if="isAuth">
+  <div v-if="isAuth && com_user_token">
+    >
     <div class="main">
       <div class="videoBox flex-2">
         <div class="viewtil" style="min-height:8%">
@@ -387,7 +388,7 @@ export default {
     onMounted(() => {
       var new_element = document.createElement("script");
       new_element.setAttribute("type", "text/javascript");
-      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js?v=2.1");
       document.body.appendChild(new_element);
 
       // 第一个视频的渲染 第一个视频不发送时长埋点
diff --git a/src/views/studypath/fineDataLink.vue b/src/views/studypath/fineDataLink.vue
index ad749e9..61202d2 100644
--- a/src/views/studypath/fineDataLink.vue
+++ b/src/views/studypath/fineDataLink.vue
@@ -18,7 +18,7 @@
   <div class="w1200 pdb50">
     <div class="boxtil flex-1">
       <div class="yinhao"></div>
-      <div class="txt">学习路线图</div>
+      <div class="txt">知识结构</div>
     </div>
 
     <div class="subbox1" style="display: flex;" id="knowledgeStructure">
@@ -114,15 +114,19 @@
               </a>
 
               <div class="f14" style="padding: 20px 0 10px; line-height: 22px;">
-                完成快速入门学习即可抽取
+                完成快速入门学习即可抽取：
               </div>
-              <div class="flex-6" style="line-height: 24px;">
-                <div class="flex-1">
-                  <span class="f14 flex-1">
-                    <i class="iconfont icon-book colb3c f20"></i>
-                    <span class="col333" style="margin-left: 10px;">全套学习资料</span>
-                  </span>
-                  <span class="f12 col7e8" style="padding-left: 10px">价值200元</span>
+
+              <div class="coupon_bg flex-1">
+                <i class="iconfont icon-youhuiquan colb3c f20 lf_c"></i>
+                <div class="lineBox">
+                  <i class="arrow el-icon-caret-bottom line_bottom"></i>
+                  <div class="line_l"></div>
+                  <i class="arrow el-icon-caret-top line_top"></i>
+                </div>
+                <div>
+                  <a href="https://www.jiandaoyun.com/l/645608ecf1bf6800081e9a5c/d/64560942257222000873d3fe" target="_blank" class="col008" style="margin:0 10px;">学习资料下载</a>
+                  <span class="f12 col7e8">价值200元</span>
                 </div>
               </div>
             </div>
@@ -260,6 +264,45 @@
 </template>
 
 <style lang="scss" scoped>
+.coupon_bg {
+  background-color: #fef7f2;
+  border-radius: 6px;
+  height: 42px;
+
+  .lf_c {
+    margin: 0 14px;
+  }
+
+  .lineBox {
+    position: relative;
+    width: 15px;
+    height: 100%;
+
+    .line_bottom,
+    .line_top {
+      left: 0;
+      position: absolute;
+      font-size: 18px;
+      color: #fff;
+    }
+
+    .line_bottom {
+      top: -7px;
+    }
+
+    .line_top {
+      bottom: -7px;
+    }
+
+    .line_l {
+      position: absolute;
+      width: 1px;
+      height: 100%;
+      border: 1px #fff dashed;
+      left: 50%;
+    }
+  }
+}
 .subbox4 {
   width: 590px;
 }
@@ -375,7 +418,7 @@
 
   .itembox {
     width: 356px;
-    height: 725px;
+    height: 735px;
     position: relative;
     background-color: #fff;
     border-radius: 6px;
diff --git a/src/views/studypath/jiandaoyun.vue b/src/views/studypath/jiandaoyun.vue
index e1f4a5f..a887c81 100644
--- a/src/views/studypath/jiandaoyun.vue
+++ b/src/views/studypath/jiandaoyun.vue
@@ -230,7 +230,7 @@
       <div class="infobox">
         <div class="f24 col333">简道云学习班从入门到精通·实战班</div>
         <div class="f16 col617" style="margin: 10px 0 20px;">
-          5周体系化课程 助力你成为全公司最会用简道云的人
+          3周体系化课程 助力你成为全公司最会用简道云的人
         </div>
         <div class="icoxbox flex-6">
           <li>
@@ -252,7 +252,7 @@
         <div class="flex-1 m_kaike" style="margin-top: 30px;" v-if="is_showclass === true">
           <a href="https://bbs.fanruan.com/course/jiandaoyun/standard/?sqtj" target="_blank" class="btn-jdy f14" style=" width: 278px; padding: 10px 0; margin-right: 20px;"> 了解详情（{{ start_day }}开课） </a>
           <div class="f14 col617 flex-1">
-            <span>课时5周</span> <span style="margin: -2px 4px 0 4px;">｜</span>
+            <span>课时3周</span> <span style="margin: -2px 4px 0 4px;">｜</span>
             <span>{{ people_count }}人已完成学习</span>
           </div>
         </div>
@@ -260,7 +260,7 @@
         <div class="flex-1 m_kaike" style="margin-top: 30px;" v-if="is_showclass === false">
           <span class="btn-ddd f14" style=" width: 278px; padding: 10px 0; margin-right: 20px;">暂无开课计划</span>
           <div class="f14 col617 flex-1">
-            <span>课时5周</span> <span style="margin: -2px 4px 0 4px;">｜</span>
+            <span>课时3周</span> <span style="margin: -2px 4px 0 4px;">｜</span>
             <span>{{ people_count }}人已完成学习</span>
           </div>
         </div>
diff --git a/src/views/video/guide/finebi.vue b/src/views/video/guide/finebi.vue
index 715fe71..bacdb33 100644
--- a/src/views/video/guide/finebi.vue
+++ b/src/views/video/guide/finebi.vue
@@ -1,7 +1,6 @@
 <template>
   <div v-if="!com_user_token">
-    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false"
-      :close-on-click-modal="false">
+    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false">
       <div class="f16" style="padding: 14px 0 12px">
         <a class="fr-btn big" :href="com_login_url">马上登录</a>
       </div>
@@ -13,12 +12,11 @@
       恭喜！！完成全部学习路径，快打开通关礼包吧！
     </div>
     <div class="tm">
-      <span class="f16">（{{myseconds}}<span class="f12">S</span>）</span>
+      <span class="f16">（{{ myseconds }}<span class="f12">S</span>）</span>
     </div>
   </div>
   <div class="main">
     <div class="mainbox">
-
       <div class="w1200">
         <div class="toptil flex-1">
           <h1 class="til">FineBI 入门学习路径</h1>
@@ -31,31 +29,26 @@
       </div>
 
       <div style="position: absolute; z-index:-1;">
-        <img width="10" src="@/assets/guide/finebi/wf_rt.png" alt="预加载转身帮助动画流畅">
-        <img width="10" src="@/assets/guide/finebi/wf_lf.png" alt="预加载转身帮助动画流畅">
+        <img width="10" src="@/assets/guide/finebi/wf_rt.png" alt="预加载转身帮助动画流畅" />
+        <img width="10" src="@/assets/guide/finebi/wf_lf.png" alt="预加载转身帮助动画流畅" />
       </div>
 
       <div class="mapmain">
-
         <!-- 悟帆走路 -->
-        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty:'display:none' "></div>
+        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty : 'display:none'"></div>
 
         <!-- 章节 -->
-        <div v-for="(item, index) in chArr" :key="index"
-          :class="['chapter','ch_'+item, index <= curLevel? 'yes':'no', index <= curLevel? 'cur':''] "
-          @click=" index <= curLevel ? gotoLevel(index):noLevel(item)">
-
+        <div v-show="deepPlay" v-for="(item, index) in chArr" :key="index" :class="['chapter', 'ch_' + item, index <= curLevel ? 'yes' : 'no', index <= curLevel ? 'cur' : '']" @click="index <= curLevel ? gotoLevel(index) : noLevel(item)">
           <div v-show="jiayou" class="gps" v-if="index === curGps"></div>
 
           <div class="gps" v-if="index === curGps_jiangli"></div>
 
-          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#27C346"
-            :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
-            <img class="jiayou" src="@/assets/guide/finebi/jiayou.png">
+          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#27C346" :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
+            <img class="jiayou" src="@/assets/guide/finebi/jiayou.png" />
           </el-progress>
 
           <div class="challok" v-show="isAllChapter" v-if="index == curGps && index >= curLevel">
-            <div class="til f14">恭喜！！！ <br>完成本章课程</div>
+            <div class="til f14">恭喜！！！ <br />完成本章课程</div>
             <div class="btnnext f14" @click="isAutoNextch()">开始下一章</div>
           </div>
 
@@ -64,8 +57,7 @@
         </div>
 
         <!-- 路线 -->
-        <div v-for="(item, index) in roadArr" :key="index"
-          :class="['road','ro_'+item.name, index%2==0?'lf'+item.open:'rt'+item.open] "></div>
+        <div v-show="deepPlay" v-for="(item, index) in roadArr" :key="index" :class="['road', 'ro_' + item.name, index % 2 == 0 ? 'lf' + item.open : 'rt' + item.open]"></div>
       </div>
 
       <div class="rtcarbox">
@@ -74,12 +66,12 @@
             <li class="itemli">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-29"></i></span>
               <div>
-                <span class="hig">{{nodeData.student_count}}</span> 名番薯学习中
+                <span class="hig">{{ nodeData.student_count }}</span> 名番薯学习中
 
                 <el-popover placement="bottom" :width="180" trigger="hover">
                   <div class="txt-c">
                     <div class="col333" style=" margin-bottom: 8px;">扫码入群</div>
-                    <img src="@/assets/guide/finebi/qun.png" width="150">
+                    <img src="@/assets/guide/finebi/qun.png" width="150" />
                   </div>
                   <template #reference>
                     <span class="col008">加群共同交流学习</span>
@@ -88,25 +80,31 @@
               </div>
             </li>
 
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>已超越 <span class="hig">{{nodeData.percentage}}%</span> 的同行番薯</div>
+              <div>
+                已超越 <span class="hig">{{ nodeData.percentage }}%</span> 的同行番薯
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div><span class="hig">{{nodeData.student_count_end}}</span> 名番薯已到达终点，加油你也可以</div>
+              <div>
+                <span class="hig">{{ nodeData.student_count_end }}</span> 名番薯已到达终点，加油你也可以
+              </div>
             </li>
 
-
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>学习耗时 <span class="hig">{{nodeData.takeuptime}}</span></div>
+              <div>
+                学习耗时 <span class="hig">{{ nodeData.takeuptime }}</span>
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div>恭喜，你是第 <span class="hig">{{nodeData.ranking}}</span> 名到达终点的番薯</div>
+              <div>
+                恭喜，你是第 <span class="hig">{{ nodeData.ranking }}</span> 名到达终点的番薯
+              </div>
             </li>
-
           </ul>
         </div>
         <div class="cen" :class="styTsam" style="height: 330px; padding: 0; overflow: hidden;" v-loading="loading">
@@ -123,11 +121,10 @@
 
             <div v-show="showCertNo">
               <div class=" txt-c">
-                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/finebi/ico-FCBA.png" width="60"></div>
+                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/finebi/ico-FCBA.png" width="60" /></div>
                 <div class="f14">帆软认证BI工程师（FCBA）考试</div>
                 <div style=" width: 250px; margin: 0 auto; padding-top: 24px" class="flex-6">
-                  <a class="btn-008 rzbtn" href="https://cert.fanruan.com/detail/53ace60eb55311ecbf5b00163e0210ff"
-                    target="_blank">前往认证</a>
+                  <a class="btn-008 rzbtn" href="https://cert.fanruan.com/detail/53ace60eb55311ecbf5b00163e0210ff" target="_blank">前往认证</a>
                   <a class="btn-fff rzbtn" href="https://cert.fanruan.com/verify" target="_blank">成绩查询</a>
                 </div>
               </div>
@@ -135,22 +132,19 @@
 
             <div v-show="showCertYes">
               <div class=" txt-c">
-                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/finebi/jiangbei.png" width="140"></div>
+                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/finebi/jiangbei.png" width="140" /></div>
                 <div class="f14">您已通过帆软认证BI工程师（FCBA）考试</div>
                 <div style="padding-top: 14px" class="flex-4">
-                  <a class="btn-fff flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify"
-                    target="_blank">
+                  <a class="btn-fff flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify" target="_blank">
                     <span>成绩查询</span>
                   </a>
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 奖励板块 -->
           <div v-show="showGift" class="cen jiangli" style="height: 330px; padding: 0;">
-
             <div v-show="showGiftNo">
               <div class="lessinfo">
                 <div class="til f18">请先完成FineBI入门学习</div>
@@ -159,9 +153,8 @@
               <div class=" txt-c">
                 <div class="f16 col849" style="padding:20px 0 10px 0; letter-spacing:2px;">完成学习路径可抽取红包</div>
 
-
                 <div class="choujiang">
-                  <img src="@/assets/guide/finebi/hongbao_suo.png" width="288">
+                  <img src="@/assets/guide/finebi/hongbao_suo.png" width="288" />
                   <div class="linkbj">
                     <span class="col333">适用于 BI学习班</span>
                     <a class="col008" href="https://bbs.fanruan.com/course/BI/staff" target="_blank">【业务版】</a>
@@ -173,7 +166,7 @@
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazai flex-1">
-                    <img src="@/assets/class/zip.png" width="18">
+                    <img src="@/assets/class/zip.png" width="18" />
                     <span class="f12 colb3c">立即下载</span>
                   </div>
                 </div>
@@ -192,9 +185,8 @@
               <div class=" txt-c">
                 <div class="f16 colff3" style="padding:20px 0 10px 0; letter-spacing:2px;">快来抽取大额学习班优惠券</div>
                 <div class="choujiang">
-                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/finebi/hongbao1.png"
-                    width="288">
-                  <img v-show="openCartNo" src="@/assets/guide/finebi/hongbao1.png" width="288">
+                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/finebi/hongbao1.png" width="288" />
+                  <img v-show="openCartNo" src="@/assets/guide/finebi/hongbao1.png" width="288" />
                   <div class="linkbj">
                     <span class="col333">适用于 BI学习班</span>
                     <a class="col008" href="https://bbs.fanruan.com/course/BI/staff" target="_blank">【业务版】</a>
@@ -205,9 +197,7 @@
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/BI%E5%9C%88%E5%B1%82-%E7%94%A8%E6%88%B7%E8%BF%90%E8%90%A5/BI%E5%BD%95%E6%92%AD/FineBI6.0%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8/FineBI%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%846.0.zip">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/BI%E5%9C%88%E5%B1%82-%E7%94%A8%E6%88%B7%E8%BF%90%E8%90%A5/BI%E5%BD%95%E6%92%AD/FineBI6.0%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8/FineBI%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%846.0.zip"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -225,34 +215,31 @@
               <div class=" txt-c">
                 <div class="coupon-box flex-1">
                   <div class="lf flex-5">
-                    <span class="cpval">¥{{nodeData.coupon_value}}</span>
+                    <span class="cpval">¥{{ nodeData.coupon_value }}</span>
                     <span class="cptxt">BI学习班【业务版】、【标准版】、【企业版】</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===0 || nodeData.coupon_state===1">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 0 || nodeData.coupon_state === 1">
                     <a class="sybtn flex-5" href="https://bbs.fanruan.com/course/BI/standard" target="_blank">
                       <span class="sytxt">立即使用</span>
                     </a>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===2">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 2">
                     <span class="sytxtye">已使用</span>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_isTime===-1 || nodeData.coupon_state===-1 ">
+                  <div class="rt flex-5" v-if="nodeData.coupon_isTime === -1 || nodeData.coupon_state === -1">
                     <span class="sytxtno">已失效</span>
-                    <span class="syriqino">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqino">{{ nodeData.coupon_endTime }}</span>
                   </div>
-
                 </div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/BI%E5%9C%88%E5%B1%82-%E7%94%A8%E6%88%B7%E8%BF%90%E8%90%A5/BI%E5%BD%95%E6%92%AD/FineBI6.0%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8/FineBI%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%846.0.zip">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/BI%E5%9C%88%E5%B1%82-%E7%94%A8%E6%88%B7%E8%BF%90%E8%90%A5/BI%E5%BD%95%E6%92%AD/FineBI6.0%E9%9B%B6%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8/FineBI%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%846.0.zip"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -261,63 +248,61 @@
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 视频章节板块 -->
           <div v-show="showChapter" class="cen" style="height: 330px; padding: 0;">
             <div class="lessinfo">
-              <div class="til f18">{{newplaytil}}</div>
+              <div class="til f18">{{ newplaytil }}</div>
               <div class="info f12" v-html="newplayinfo"></div>
               <div class="datainfo flex-6">
                 <li><i class="iconfont icon-User"></i><span>1000+ 人已点亮</span></li>
-                <li><i class="iconfont icon-icon_icon-28"></i><span>共 {{newplayNum}} 节课</span></li>
-                <li><i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{newplayCount}} 分钟</span></li>
+                <li>
+                  <i class="iconfont icon-icon_icon-28"></i><span>共 {{ newplayNum }} 节课</span>
+                </li>
+                <li>
+                  <i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{ newplayCount }} 分钟</span>
+                </li>
               </div>
             </div>
 
             <div style="height: 200px; padding: 0 4px;">
               <el-scrollbar view-class="myscrollbar" height="200px" always>
                 <ul class="vlist">
-                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index"
-                    @click="getvideo_click(item.id,index)" :class="{playcur : play_key === index}">
+                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index" @click="getvideo_click(item.id, index)" :class="{ playcur: play_key === index }">
                     <div class="flex-1">
-                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index">
-                      <span class="vdtitle f13 hide-txt">{{item.it618_name}}</span>
-                      <span class="time colb3c f13">{{item.videoTime}}</span>
+                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index" />
+                      <span class="vdtitle f13 hide-txt">{{ item.it618_name }}</span>
+                      <span class="time colb3c f13">{{ item.videoTime }}</span>
                     </div>
                     <div class="progress-box flex-1">
                       <div class="progress">
-                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress">
-                        </el-progress>
+                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress"> </el-progress>
                       </div>
-                      <i v-if="item.play_progress===100" class="el-icon-success"></i>
-                      <span class="f13 col28c"
-                        v-else-if="item.play_progress < 100 && item.play_progress>0 ">{{item.play_progress}}%</span>
+                      <i v-if="item.play_progress === 100" class="el-icon-success"></i>
+                      <span class="f13 col28c" v-else-if="item.play_progress < 100 && item.play_progress > 0">{{ item.play_progress }}%</span>
                       <i v-else class="iconfont icon-bofang2 col008 f15"></i>
                     </div>
                   </li>
                 </ul>
               </el-scrollbar>
             </div>
-
           </div>
         </div>
 
-
-        <div class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
+        <div v-show="deepPlay" class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
           <el-empty style="padding: 10px 0;" :image-size="60" description="暂无数据" v-if="isStudentList"></el-empty>
 
           <js-seamless-scroll :datas="studentList" step="0.5" v-model="loopScroll" hover class="txtscroll">
             <li class="item flex-3" v-for="(item, index) in studentList" :key="index">
               <div class="flex-1 lftxt">
-                <span class="username hide-txt">{{item.username}}</span>
+                <span class="username hide-txt">{{ item.username }}</span>
                 <span class="col849">完成学习，获得</span>
-                <span class="colff3">{{item.coupon_value}}元</span>
+                <span class="colff3">{{ item.coupon_value }}元</span>
                 <span>学习班优惠券</span>
               </div>
               <div class="flex-1">
-                <span class="col849">{{item.coupon_addtime}}</span>
+                <span class="col849">{{ item.coupon_addtime }}</span>
               </div>
             </li>
           </js-seamless-scroll>
@@ -327,587 +312,451 @@
           <el-popover placement="left" trigger="hover">
             <div class="txt-c">
               <div class="col333 f14" style=" margin-bottom:6px;">BUG反馈</div>
-              <img src="@/assets/guide/finebi/ftj.png" width="126">
-              <a href="https://bbs.fanruan.com/u/237366?msg=1" target="_blank" class="col008 f12 flex-4">
-                <i class="iconfont icon-duihuayuyin"></i> 或者私信苏茜
-              </a>
+              <img src="@/assets/guide/finebi/ftj.png" width="126" />
+              <a href="https://bbs.fanruan.com/u/237366?msg=1" target="_blank" class="col008 f12 flex-4"> <i class="iconfont icon-duihuayuyin"></i> 或者私信苏茜 </a>
             </div>
             <template #reference>
               <div class="ikefu flex-5"><i class="iconfont icon-icon_icon-15 col008"></i></div>
             </template>
           </el-popover>
         </div>
-
       </div>
-
     </div>
   </div>
 
-  <el-dialog :title="newplaytil + '【'+play_title+'】'" @close='closeVideo()' v-model="showVideo" width="928px"
-    :close-on-press-escape="false" :close-on-click-modal="false">
+  <el-dialog :title="newplaytil + '【' + play_title + '】'" @close="closeVideo()" v-model="showVideo" width="928px" :close-on-press-escape="false" :close-on-click-modal="false">
     <div id="VideoPlay" style=" width:100%; height: 500px"></div>
   </el-dialog>
-
 </template>
 
 <script>
-  import { getLessonList, getVideo, classlog, getNode_bi, updateNode_bi, luckDraw_bi, getStudentList_bi } from "@/api/video";
-  import { addUrlFrom } from "@/api/guide";
-  import { toRefs, reactive, onMounted } from 'vue';
-  import { ElMessage } from 'element-plus'
-  import store from '@/store';
-  import { useRoute } from 'vue-router'
-
-  export default {
-    name: 'guide_finebi',
-
-    setup() {
-      const courseid = 372;//课程id写死
-      const route = useRoute()
-      let get_from = route.query.from ? route.query.from : 0;
-
-      //const { proxy } = getCurrentInstance();
-      //const route = useRoute()
-      const state = reactive({
-        newplaytilArr: [
-          {
-            name: "第一章 初识FineBI",
-            info: '本章将带你了解FineBI 产品定位、产品优势、产品架构、产品功能，文档速览>><a class="col008 fw600" href="https://help.fanruan.com/finebi/doc-view-1316.html" target="_blank">《FineBI基本介绍》</a>',
-          },
-          {
-            name: "第二章 创建分析主题并添加数据",
-            info: '本章将带你了解分析主题和如何添加分析数据，通过案例演示掌握数据分析的第一步，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1977.html?source=0&from=studypath" target="_blank">《创建分析主题并添加数据》</a>',
-          },
-
-          {
-            name: "第三章 在编辑数据中分析",
-            info: '本章将带你了解使用FineBI分析主题来完成原始数据的加工，以提升数据分析质量，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1978.html?source=0&from=studypath" target="_blank">《在编辑数据中分析》</a>',
-          },
-
-          {
-            name: "第四章 在表格中分析",
-            info: '本章将带你了解FineBI多维分析，通过对数据进行调整、处理，使其更满足数据呈现的需求，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1979.html?source=0&from=studypath" target="_blank">《在表格中分析》</a>',
-          },
-          {
-            name: "第五章 在图形中分析",
-            info: '本章将通过图表的选择和制作带你掌握可视化分析技巧，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1980.html?source=0&from=studypath" target="_blank">《在图形中分析》</a>',
-          },
-          {
-            name: "第六章 添加组件交互",
-            info: '本章将带你了解FineBI交互效果，通过多组件协同以满足实际复杂业务场景的分析需求，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1982.html?source=0&from=studypath" target="_blank">《添加组件交互》</a>',
-          },
-          {
-            name: "第七章 仪表板布局&案例分享",
-            info: '本章将带你了解仪表板的整体布局和美化，以及分析结果分享的内容，文档速览>><a class="col008 fw600" href="https://help.fanruan.com/finebi6.0/doc-view-1983.html?source=0&from=studypath" target="_blank">《仪表板布局美化》</a>'
-              +'、<a class="col008 fw600" href="https://help.fanruan.com/finebi6.0/doc-view-1984.html?source=0&from=studypath" target="_blank">《分享分析案例》</a>',
-          },
-
-        ],
-        newplaytil: '',
-        newplayinfo: '',
-        newplayNum: '',
-        newplayCount: '',
-        arrNewId: [
-          [4635, 4637, 4226,],
-          [4227,],
-          [4228],
-          [4246],
-          [4230],
-          [4231],
-          [4232, 4233],
-        ],
-        newVideoList: [],
-        //播放器相关
-        videoObject: {
-          container: '#VideoPlay',
-          variable: 'player',
-          autoplay: false,
-          html5m3u8: true,
-          subtitle: false,
-          loop: false,
-          video: '',
-          seek: '0',
+import { getLessonList, getVideo, classlog, getNode_bi, updateNode_bi, luckDraw_bi, getStudentList_bi } from "@/api/video";
+import { addUrlFrom } from "@/api/guide";
+import { toRefs, reactive, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import store from "@/store";
+import { useRoute } from "vue-router";
+
+export default {
+  name: "guide_finebi",
+
+  setup() {
+    const courseid = 372; //课程id写死
+    const route = useRoute();
+    let get_from = route.query.from ? route.query.from : 0;
+
+    //const { proxy } = getCurrentInstance();
+    //const route = useRoute()
+    const state = reactive({
+      newplaytilArr: [
+        {
+          name: "第一章 初识FineBI",
+          info: '本章将带你了解FineBI 产品定位、产品优势、产品架构、产品功能，文档速览>><a class="col008 fw600" href="https://help.fanruan.com/finebi/doc-view-1316.html" target="_blank">《FineBI基本介绍》</a>',
+        },
+        {
+          name: "第二章 创建分析主题并添加数据",
+          info: '本章将带你了解分析主题和如何添加分析数据，通过案例演示掌握数据分析的第一步，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1977.html?source=0&from=studypath" target="_blank">《创建分析主题并添加数据》</a>',
         },
-        video: {},
-        ckPlayer: null,
-        logid: 0,
-        videoid: 0,
-        showVideo: false,
-        play_id: '',
-        play_title: '',
-        play_videotime: '',
-        play_key: null,
-        chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
-        roadArr: [
-          { name: "one", open: "_no" },
-          { name: "two", open: "_no" },
-          { name: "three", open: "_no" },
-          { name: "four", open: "_no" },
-          { name: "five", open: "_no" },
-          { name: "six", open: "_no" },
-          { name: "seven", open: "_no" },
-          { name: "eight", open: "_no" },
-        ],
-        wfgifPosition: [
-          { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-          { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-        ],
-        wfgifSty: false,
-        wfgifTrend: '',//方向
-        nodeData: {},// 节点全部数据
-        curLevel: null,// 当前关卡进度
-        pvLevel: null,// 上一关关卡
-        curGps: null,
-        dataLevel: null,// 数据库记录的进度
-        renzheng: 7,//写死认证关卡
-        jiangli: 8,//写死奖励关卡
-        mkProgress: 0,
-        newmkProgress: 0,
-        isAllChapter: false,//显示弹出层进入下一章
-        isgotoLevel: true,//禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
-        iwanchengfs: false,
-        isAuth: false,
-        jiayou: true,
-        wufanjiayou: true,
-        showChapter: false,
-        showCert: false,
-        showCertNo: false,
-        showCertYes: false,
-        showGift: false,
-        showGiftNo: true,
-        showGiftYes: false,
-        showGiftOpen: false,
-        openCartYes: true,
-        openCartNo: false,
-        iwancheng: 'iwancheng',
-        loading: true,
-        isCert: false,//是否通过认证
-        AllLevel: false,//显示全部完成动画
-        myseconds: 3,//倒计时秒
-        styTsam: '',
-        loopScroll: true,
-        studentList: [],
-        isStudentList: false,
-        curGps_jiangli: false,
-        autoNextch: true,
-
-      })
-      // 未登录跳转
-      // if (!store.getters.get_uid) {
-      //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
-      // }
-
-      // 来源埋点
-      if (get_from) {
-        const resaddUrlFrom = async () => {
-          let postData = {
-            type: 'bi',
-            from: get_from,
-          }
-          await addUrlFrom(postData);
-        };
-        resaddUrlFrom();
-      }
 
+        {
+          name: "第三章 在编辑数据中分析",
+          info: '本章将带你了解使用FineBI分析主题来完成原始数据的加工，以提升数据分析质量，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1978.html?source=0&from=studypath" target="_blank">《在编辑数据中分析》</a>',
+        },
 
+        {
+          name: "第四章 在表格中分析",
+          info: '本章将带你了解FineBI多维分析，通过对数据进行调整、处理，使其更满足数据呈现的需求，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1979.html?source=0&from=studypath" target="_blank">《在表格中分析》</a>',
+        },
+        {
+          name: "第五章 在图形中分析",
+          info: '本章将通过图表的选择和制作带你掌握可视化分析技巧，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1980.html?source=0&from=studypath" target="_blank">《在图形中分析》</a>',
+        },
+        {
+          name: "第六章 添加组件交互",
+          info: '本章将带你了解FineBI交互效果，通过多组件协同以满足实际复杂业务场景的分析需求，文档速览>><a class="col008 fw600"  href="https://help.fanruan.com/finebi6.0/doc-view-1982.html?source=0&from=studypath" target="_blank">《添加组件交互》</a>',
+        },
+        {
+          name: "第七章 仪表板布局&案例分享",
+          info: '本章将带你了解仪表板的整体布局和美化，以及分析结果分享的内容，文档速览>><a class="col008 fw600" href="https://help.fanruan.com/finebi6.0/doc-view-1983.html?source=0&from=studypath" target="_blank">《仪表板布局美化》</a>' + '、<a class="col008 fw600" href="https://help.fanruan.com/finebi6.0/doc-view-1984.html?source=0&from=studypath" target="_blank">《分享分析案例》</a>',
+        },
+      ],
+      newplaytil: "",
+      newplayinfo: "",
+      newplayNum: "",
+      newplayCount: "",
+      arrNewId: [[4635, 4637, 4226], [4227], [4228], [4246], [4230], [4231], [4232, 4233]],
+      newVideoList: [],
+      //播放器相关
+      videoObject: {
+        container: "#VideoPlay",
+        variable: "player",
+        autoplay: false,
+        html5m3u8: true,
+        subtitle: false,
+        loop: false,
+        video: "",
+        seek: "0",
+      },
+      video: {},
+      ckPlayer: null,
+      logid: 0,
+      videoid: 0,
+      showVideo: false,
+      play_id: "",
+      play_title: "",
+      play_videotime: "",
+      play_key: null,
+      chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
+      roadArr: [
+        { name: "one", open: "_no" },
+        { name: "two", open: "_no" },
+        { name: "three", open: "_no" },
+        { name: "four", open: "_no" },
+        { name: "five", open: "_no" },
+        { name: "six", open: "_no" },
+        { name: "seven", open: "_no" },
+        { name: "eight", open: "_no" },
+      ],
+      wfgifPosition: [
+        { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+        { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+      ],
+      wfgifSty: false,
+      wfgifTrend: "", //方向
+      nodeData: {}, // 节点全部数据
+      curLevel: null, // 当前关卡进度
+      pvLevel: null, // 上一关关卡
+      curGps: null,
+      dataLevel: null, // 数据库记录的进度
+      renzheng: 7, //写死认证关卡
+      jiangli: 8, //写死奖励关卡
+      mkProgress: 0,
+      newmkProgress: 0,
+      isAllChapter: false, //显示弹出层进入下一章
+      isgotoLevel: true, //禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
+      iwanchengfs: false,
+      isAuth: false,
+      jiayou: true,
+      wufanjiayou: true,
+      showChapter: false,
+      showCert: false,
+      showCertNo: false,
+      showCertYes: false,
+      showGift: false,
+      showGiftNo: true,
+      showGiftYes: false,
+      showGiftOpen: false,
+      openCartYes: true,
+      openCartNo: false,
+      iwancheng: "iwancheng",
+      loading: true,
+      isCert: false, //是否通过认证
+      AllLevel: false, //显示全部完成动画
+      myseconds: 3, //倒计时秒
+      styTsam: "",
+      loopScroll: true,
+      studentList: [],
+      isStudentList: false,
+      curGps_jiangli: false,
+      autoNextch: true,
+      deepPlay: true,
+    });
+    // 未登录跳转
+    // if (!store.getters.get_uid) {
+    //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
+    // }
+
+    // 来源埋点
+    if (get_from) {
+      const resaddUrlFrom = async () => {
+        let postData = {
+          type: "bi",
+          from: get_from,
+        };
+        await addUrlFrom(postData);
+      };
+      resaddUrlFrom();
+    }
 
-      // 切换下一章
-      const nextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-          } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
-          }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 500);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+    // 切换下一章
+    const nextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 800);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position + ' margin-top: 64px;';
-        }, 3000);
-        setTimeout(function () {
-          state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          state.isgotoLevel = true;
-
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            if (state.autoNextch === true) {
-              isAutoNextch();
-            }
-            // 判断当前章节是否全部完成
-            if (state.mkProgress == state.newplayNum) {
-              state.isAllChapter = true;
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 500);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 800);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position + " margin-top: 64px;";
+      }, 3000);
+      setTimeout(function() {
+        state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        state.isgotoLevel = true;
+
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          if (state.autoNextch === true) {
+            isAutoNextch();
           }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.newmkProgress = 100;
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            } else {
-              state.newmkProgress = 0;
-            }
+          // 判断当前章节是否全部完成
+          if (state.mkProgress == state.newplayNum) {
+            state.isAllChapter = true;
           }
-
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 4500);
-
-      }
-      // 自动切换下一章
-      const autoNextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.newmkProgress = 100;
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+            state.newmkProgress = 0;
           }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 200);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        }
+
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 4500);
+    };
+    // 自动切换下一章
+    const autoNextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 400);
-
-        setTimeout(function () {
-          //state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            isAutoNextch();
-          }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 200);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 400);
+
+      setTimeout(function() {
+        //state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          isAutoNextch();
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           }
+        }
 
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 2000);
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 2000);
+    };
 
-      }
+    //自动切换章节中转
+    const isAutoNextch = () => {
+      let nexLevel = state.curLevel + 1;
+      //前6章有章节视频 第6章后没有
+      if (nexLevel < 6) {
+        let nex_mkProgress = 0; //初始化下一章进度
+        let nex_newplayNum = state.arrNewId[nexLevel].length; //统计下一张总进度
 
-      //自动切换章节中转
-      const isAutoNextch = () => {
-
-        let nexLevel = state.curLevel + 1;
-        //前6章有章节视频 第6章后没有
-        if (nexLevel < 6) {
-          let nex_mkProgress = 0;//初始化下一章进度
-          let nex_newplayNum = state.arrNewId[nexLevel].length;//统计下一张总进度
-
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[nexLevel])) {
-                //state.newVideoList = state.newVideoList.concat(item);
-                //下一章节，总小节进度
-                if (item.play_progress > 0) {
-                  nex_mkProgress = nex_mkProgress + 1;
-                }
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[nexLevel])) {
+              //state.newVideoList = state.newVideoList.concat(item);
+              //下一章节，总小节进度
+              if (item.play_progress > 0) {
+                nex_mkProgress = nex_mkProgress + 1;
               }
-            });
+            }
           });
+        });
 
-          if (nex_mkProgress == nex_newplayNum) {
-            state.autoNextch = true;
-            autoNextch();
-          } else {
-            state.autoNextch = false;
-            nextch();
-          }
+        if (nex_mkProgress == nex_newplayNum) {
+          state.autoNextch = true;
+          autoNextch();
         } else {
           state.autoNextch = false;
           nextch();
         }
-
+      } else {
+        state.autoNextch = false;
+        nextch();
       }
+    };
 
+    // 更新进度节点
+    const resUpdateNode = async (prm) => {
+      let nodedata = {
+        node: prm,
+      };
+      await updateNode_bi(nodedata);
+    };
+
+    // 获取学习状态
+    const resgetNode = async () => {
+      const res = await getNode_bi();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          state.nodeData = res.data;
+          state.curLevel = res.data.node;
+          state.curGps = res.data.node;
+          state.dataLevel = res.data.node;
+
+          // 响应认证状态
+          if (res.data.isFCRA === -1) {
+            state.isCert = false;
+            state.showCertNo = true;
+          }
+          if (res.data.isFCRA === 1) {
+            state.isCert = true;
+            state.showCertYes = true;
+            state.showGiftNo = false;
+          }
 
-      // 更新进度节点
-      const resUpdateNode = async (prm) => {
-        let nodedata = {
-          node: prm
-        }
-        await updateNode_bi(nodedata);
-      }
+          if (res.data.isFCRA === 1 && state.curLevel >= 7) {
+            state.showGiftYes = true;
+          }
 
-      // 获取学习状态
-      const resgetNode = async () => {
-        const res = await getNode_bi();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            state.nodeData = res.data;
-            state.curLevel = res.data.node;
-            state.curGps = res.data.node;
-            state.dataLevel = res.data.node;
-
-            // 响应认证状态
-            if (res.data.isFCRA === -1) {
-              state.isCert = false;
-              state.showCertNo = true;
-            }
-            if (res.data.isFCRA === 1) {
-              state.isCert = true;
-              state.showCertYes = true;
-              state.showGiftNo = false;
-            }
+          // 认证通过的7-8关卡隐藏悟帆加油
+          if (res.data.node == state.renzheng || (res.data.node == state.jiangli && res.data.isFCRA === 1)) {
+            state.jiayou = false;
+            state.wufanjiayou = false;
+          }
 
-            if (res.data.isFCRA === 1 && state.curLevel >= 7) {
-              state.showGiftYes = true;
-            }
+          // 显示章节板块
+          if (res.data.node < state.renzheng) {
+            state.showCert = false;
+            state.showChapter = true;
+            state.showGift = false;
+            state.loading = false;
+          }
+          // 显示认证板块
+          if (res.data.node == state.renzheng) {
+            state.showCert = true;
+            state.wufanjiayou = true;
+            state.jiayou = true;
+            state.showChapter = false;
+            state.showGift = false;
+            state.loading = false;
 
-            // 认证通过的7-8关卡隐藏悟帆加油
-            if (res.data.node == state.renzheng || res.data.node == state.jiangli && res.data.isFCRA === 1) {
+            // 通过认证
+            if (state.isCert === true) {
               state.jiayou = false;
               state.wufanjiayou = false;
+              state.iwanchengfs = true;
+              state.pvLevel = 7;
+              state.isAllChapter = false;
+              //显示通关动画
+              levelFs();
             }
-
-            // 显示章节板块
-            if (res.data.node < state.renzheng) {
-              state.showCert = false;
-              state.showChapter = true;
-              state.showGift = false;
-              state.loading = false;
-            }
-            // 显示认证板块
-            if (res.data.node == state.renzheng) {
-              state.showCert = true;
-              state.wufanjiayou = true;
-              state.jiayou = true;
-              state.showChapter = false;
-              state.showGift = false;
-              state.loading = false;
-
-              // 通过认证
-              if (state.isCert === true) {
-                state.jiayou = false;
-                state.wufanjiayou = false;
-                state.iwanchengfs = true;
-                state.pvLevel = 7;
-                state.isAllChapter = false;
-                //显示通关动画
-                levelFs();
-
-              }
-
-            }
-            // 显示礼物板块
-            if (res.data.node === state.jiangli) {
-              state.showCert = false;
-              state.showChapter = false;
-              state.showGift = true;
-              state.loading = false;
-              state.curGps_jiangli = state.jiangli;
-              //打开了红包
-              if (res.data.gift == 1) {
-                state.showGiftYes = false;
-                state.showGiftNo = false;
-                state.showGiftOpen = true;
-              }
+          }
+          // 显示礼物板块
+          if (res.data.node === state.jiangli) {
+            state.showCert = false;
+            state.showChapter = false;
+            state.showGift = true;
+            state.loading = false;
+            state.curGps_jiangli = state.jiangli;
+            //打开了红包
+            if (res.data.gift == 1) {
+              state.showGiftYes = false;
+              state.showGiftNo = false;
+              state.showGiftOpen = true;
             }
-
-            upRoad(); // 更新点亮公路
-            reslooplist(); //要先返回节点状态,在读取视频课程
-
           }
-        }
-      };
-      resgetNode();
 
-
-      // 公路状态,被动更新(点亮)
-      const upRoad = () => {
-        state.roadArr.forEach((item, index) => {
-          if (index < state.curLevel) {
-            state.roadArr[index].open = '';
-          }
-        });
+          upRoad(); // 更新点亮公路
+          reslooplist(); //要先返回节点状态,在读取视频课程
+        }
       }
+    };
+    resgetNode();
 
-
-      // 课程目录
-      const reslooplist = async () => {
-        const params = {
-          uid: store.getters.get_uid,
+    // 公路状态,被动更新(点亮)
+    const upRoad = () => {
+      state.roadArr.forEach((item, index) => {
+        if (index < state.curLevel) {
+          state.roadArr[index].open = "";
         }
-        const res = await getLessonList(courseid, params);
-        if (res.code === 200) {
-
-          if (res.status != -1) {
-            state.countAtt = res.data.countAtt;
-            state.countList = res.data.countList;
-            state.msg = res.message;
-            state.looplist = res.data.list;
-            state.firstID = res.data.list[0].video[0].id;
-          }
-
-          // 默认显示的课程
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                state.newVideoList = state.newVideoList.concat(item);
-                //总小节进度
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
-              }
-            });
-          });
-
-          // 只读取有视频章节的关卡
-          if (state.curLevel < state.renzheng) {
-            state.newplaytil = state.newplaytilArr[state.curLevel].name;
-            state.newplayinfo = state.newplaytilArr[state.curLevel].info;
-            state.newplayNum = state.arrNewId[state.curLevel].length;
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100;
-          }
+      });
+    };
 
-          // 判断当前章节是否全部完成
-          if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
-            state.isAllChapter = true;
-          }
-          //console.log(state.mkProgress,state.newplayNum);
-
-          // 首次进度条动画效果
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item, i) => {
-              setTimeout(function () {
-                state.looplist[index].video[i].progress = item.play_progress;
-              }, 500);
-            });
-          });
-
-          // 合计总时间 秒转小时
-          let timeCount = null;
-          state.newVideoList.forEach(item => {
-            timeCount = timeCount + item.it618_videotime;
-          });
-          let myhour = timeCount / 60;
-          state.newplayCount = myhour.toFixed(0);
-        }
+    // 课程目录
+    const reslooplist = async () => {
+      const params = {
+        uid: store.getters.get_uid,
       };
-
-      // 切换板块中转
-      const gotoLevel = (id, resetProgress = 0) => {
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.newmkProgress = 0;
-        }
-
-        //关闭奖励节点的定位三角
-        if (id != state.jiangli) {
-          state.curGps_jiangli = false;
-        }
-
-        // 显示认证板块
-        if (id === state.renzheng) {
-          state.showChapter = false;
-          state.showGift = false;
-          state.showCert = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          if (state.isCert === true) {
-            setTimeout(function () {
-              state.newmkProgress = 100;
-            }, 500);
-          }
-        }
-        // 显示奖品板块
-        else if (id === state.jiangli) {
-          state.isAllChapter = false;
-          state.showChapter = false;
-          state.showCert = false;
-          state.jiayou = false;
-          state.wufanjiayou = false;
-          state.showGift = true;
-          state.curGps_jiangli = state.jiangli;
-        }
-        // 显示章节
-        else {
-          // 事件开关  如果是关闭的阻止继续执行当前逻辑
-          if (state.isgotoLevel === false) {
-            return false;
-          }
-          state.showGift = false;
-          state.showCert = false;
-          state.showChapter = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          gotoLevel_ch(id, resetProgress);
+      const res = await getLessonList(courseid, params);
+      if (res.code === 200) {
+        if (res.status != -1) {
+          state.countAtt = res.data.countAtt;
+          state.countList = res.data.countList;
+          state.msg = res.message;
+          state.looplist = res.data.list;
+          state.firstID = res.data.list[0].video[0].id;
         }
-      }
 
-      // 切换章节
-      const gotoLevel_ch = (id, resetProgress = 0) => {
-        state.play_key = null;
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.mkProgress = 0;
-        }
-        state.newplaytil = state.newplaytilArr[id].name;
-        state.newplayinfo = state.newplaytilArr[id].info;
-        state.newplayNum = state.arrNewId[id].length;
-        state.newVideoList = [];
+        // 默认显示的课程
         state.looplist.forEach((item, index) => {
           state.looplist[index].video.forEach((item) => {
-            if (in_array(item.id, state.arrNewId[id])) {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
               state.newVideoList = state.newVideoList.concat(item);
               //总小节进度
               if (item.play_progress > 0) {
@@ -916,1244 +765,1326 @@
             }
           });
         });
-        // 章节进度百分比 延迟下为了显示进度条动画
-        if (resetProgress == 'resetProgress') {
-          setTimeout(function () {
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100
-          }, 500);
+
+        // 只读取有视频章节的关卡
+        if (state.curLevel < state.renzheng) {
+          state.newplaytil = state.newplaytilArr[state.curLevel].name;
+          state.newplayinfo = state.newplaytilArr[state.curLevel].info;
+          state.newplayNum = state.arrNewId[state.curLevel].length;
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }
+
+        // 判断当前章节是否全部完成
+        if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
+          state.isAllChapter = true;
         }
+        //console.log(state.mkProgress,state.newplayNum);
+
+        // 首次进度条动画效果
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item, i) => {
+            setTimeout(function() {
+              state.looplist[index].video[i].progress = item.play_progress;
+            }, 500);
+          });
+        });
 
         // 合计总时间 秒转小时
         let timeCount = null;
-        state.newVideoList.forEach(item => {
+        state.newVideoList.forEach((item) => {
           timeCount = timeCount + item.it618_videotime;
         });
         let myhour = timeCount / 60;
         state.newplayCount = myhour.toFixed(0);
       }
+    };
 
-      // 查找数组id
-      function in_array(search, array) {
-        for (var i in array) {
-          if (array[i] == search) {
-            return true;
-          }
-        }
-        return false;
+    // 切换板块中转
+    const gotoLevel = (id, resetProgress = 0) => {
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.newmkProgress = 0;
       }
 
+      //关闭奖励节点的定位三角
+      if (id != state.jiangli) {
+        state.curGps_jiangli = false;
+      }
 
-      // 埋点请求
-      const postlogData = async () => {
-        let logData = {
-          logid: state.logid,
-          pytime: localStorage.getItem(state.videoid + '_playTime_video'),
+      // 显示认证板块
+      if (id === state.renzheng) {
+        state.showChapter = false;
+        state.showGift = false;
+        state.showCert = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        if (state.isCert === true) {
+          setTimeout(function() {
+            state.newmkProgress = 100;
+          }, 500);
         }
-        let isPtime = localStorage.getItem(state.videoid + '_playTime_video');
-        if (isPtime > 2) {
-          //观看记录
-          await classlog(logData);
-          //章节进度
-          //await addfinereport(logData);
+      }
+      // 显示奖品板块
+      else if (id === state.jiangli) {
+        state.isAllChapter = false;
+        state.showChapter = false;
+        state.showCert = false;
+        state.jiayou = false;
+        state.wufanjiayou = false;
+        state.showGift = true;
+        state.curGps_jiangli = state.jiangli;
+      }
+      // 显示章节
+      else {
+        // 事件开关  如果是关闭的阻止继续执行当前逻辑
+        if (state.isgotoLevel === false) {
+          return false;
         }
+        state.showGift = false;
+        state.showCert = false;
+        state.showChapter = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        gotoLevel_ch(id, resetProgress);
+      }
+    };
+
+    // 切换章节
+    const gotoLevel_ch = (id, resetProgress = 0) => {
+      state.play_key = null;
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.mkProgress = 0;
+      }
+      state.newplaytil = state.newplaytilArr[id].name;
+      state.newplayinfo = state.newplaytilArr[id].info;
+      state.newplayNum = state.arrNewId[id].length;
+      state.newVideoList = [];
+      state.looplist.forEach((item, index) => {
+        state.looplist[index].video.forEach((item) => {
+          if (in_array(item.id, state.arrNewId[id])) {
+            state.newVideoList = state.newVideoList.concat(item);
+            //总小节进度
+            if (item.play_progress > 0) {
+              state.mkProgress = state.mkProgress + 1;
+            }
+          }
+        });
+      });
+      // 章节进度百分比 延迟下为了显示进度条动画
+      if (resetProgress == "resetProgress") {
+        setTimeout(function() {
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }, 500);
       }
 
-      // 监听关闭视频
-      const closeVideo = () => {
-        state.ckPlayer.videoClear();
-        state.ckPlayer = null;
-        document.getElementById("VideoPlay").innerHTML = "";
-
-        // 重置播放进度
-        let getpytime = localStorage.getItem(state.play_id + '_playTime_video')
-        if (getpytime > 0) {
-          let new_progress = parseInt(getpytime / state.play_videotime * 100);
-          state.newVideoList[state.play_key].progress = new_progress;
-          state.newVideoList[state.play_key].play_progress = new_progress;
+      // 合计总时间 秒转小时
+      let timeCount = null;
+      state.newVideoList.forEach((item) => {
+        timeCount = timeCount + item.it618_videotime;
+      });
+      let myhour = timeCount / 60;
+      state.newplayCount = myhour.toFixed(0);
+    };
+
+    // 查找数组id
+    function in_array(search, array) {
+      for (var i in array) {
+        if (array[i] == search) {
+          return true;
         }
+      }
+      return false;
+    }
 
-
-        //重置当前学习节点章节进度
-        if (getpytime > 2) {
-          state.mkProgress = 0;
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                //总小节数
-                state.newplayNum = state.arrNewId[state.curLevel].length;
-                //当前完成数
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
+    // 埋点请求
+    const postlogData = async () => {
+      let logData = {
+        logid: state.logid,
+        pytime: localStorage.getItem(state.videoid + "_playTime_video"),
+      };
+      let isPtime = localStorage.getItem(state.videoid + "_playTime_video");
+      if (isPtime > 2) {
+        //观看记录
+        await classlog(logData);
+        //章节进度
+        //await addfinereport(logData);
+      }
+    };
+
+    // 监听关闭视频
+    const closeVideo = () => {
+      state.deepPlay = true;
+      state.ckPlayer.videoClear();
+      state.ckPlayer = null;
+      document.getElementById("VideoPlay").innerHTML = "";
+
+      // 重置播放进度
+      let getpytime = localStorage.getItem(state.play_id + "_playTime_video");
+      if (getpytime > 0) {
+        let new_progress = parseInt((getpytime / state.play_videotime) * 100);
+        state.newVideoList[state.play_key].progress = new_progress;
+        state.newVideoList[state.play_key].play_progress = new_progress;
+      }
+
+      //重置当前学习节点章节进度
+      if (getpytime > 2) {
+        state.mkProgress = 0;
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
+              //总小节数
+              state.newplayNum = state.arrNewId[state.curLevel].length;
+              //当前完成数
+              if (item.play_progress > 0) {
+                state.mkProgress = state.mkProgress + 1;
               }
-            });
+            }
           });
-          state.newmkProgress = state.mkProgress / state.newplayNum * 100
-        }
-
-        // 判断当前章节是否全部完成
-        if (state.mkProgress == state.newplayNum) {
-          state.isAllChapter = true;
-        }
-
-        // 首次学的插入数据
-        if (state.nodeData.firstStudy === true && getpytime > 2) {
-          //更新节点(第一次的话会执行插入)
-          resUpdateNode(0);
-          // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
-          //resgetNode();
-        }
-
-        // 发送埋点
-        postlogData();
+        });
+        state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
       }
 
-      // 列表点击切换视频
-      const getvideo_click = async (id, key) => {
-        state.showVideo = true;
-        state.play_key = key;
-        if (state.ckPlayer) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
-        }
-        getvideo(id)
+      // 判断当前章节是否全部完成
+      if (state.mkProgress == state.newplayNum) {
+        state.isAllChapter = true;
       }
 
-      // 封装视频渲染
-      const getvideo = async (id) => {
-
-        // 获取视频
-        const res = await getVideo(id);
-        if (res.code === 200) {
-          state.play_id = id;
-          state.video = res.data;
-          state.play_title = res.data.it618_name;
-          state.play_videotime = res.data.it618_videotime;
-          state.videoObject.video = res.data.it618_videourl;
-
-          if (res.data.playtime > 0) {
-            state.videoObject.seek = res.data.playtime;
-          }
-          state.msg = res.message;
-          if (res.status === -1) {
-            state.isAuth = false;
-            state.empty = true;
-          } else {
-            state.isAuth = true;
-          }
-        }
+      // 首次学的插入数据
+      if (state.nodeData.firstStudy === true && getpytime > 2) {
+        //更新节点(第一次的话会执行插入)
+        resUpdateNode(0);
+        // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
+        //resgetNode();
+      }
 
-        // 实例化播放器
-        state.videoObject.autoplay = false;
-        state.ckPlayer = new ckplayer(state.videoObject);
+      // 发送埋点
+      postlogData();
+    };
 
-        // 监听播放时间
-        state.ckPlayer.addListener('time', timeHandler);
-        function timeHandler(t) {
-          let tm = parseInt(t);
-          localStorage.setItem(id + '_playTime_video', tm);
+    // 列表点击切换视频
+    const getvideo_click = async (id, key) => {
+      state.deepPlay = false;
+      state.showVideo = true;
+      state.play_key = key;
+      if (state.ckPlayer) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
+      }
+      getvideo(id);
+    };
+
+    // 封装视频渲染
+    const getvideo = async (id) => {
+      // 获取视频
+      const res = await getVideo(id);
+      if (res.code === 200) {
+        state.play_id = id;
+        state.video = res.data;
+        state.play_title = res.data.it618_name;
+        state.play_videotime = res.data.it618_videotime;
+        state.videoObject.video = res.data.it618_videourl;
+
+        if (res.data.playtime > 0) {
+          state.videoObject.seek = res.data.playtime;
         }
-
-        // 如果没播放权限清除视频
-        if (state.isAuth === false) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
+        state.msg = res.message;
+        if (res.status === -1) {
+          state.isAuth = false;
+          state.empty = true;
+        } else {
+          state.isAuth = true;
         }
+      }
 
-        // 发送埋点
-        postlogData();
+      // 实例化播放器
+      state.videoObject.autoplay = false;
+      state.ckPlayer = new ckplayer(state.videoObject);
 
-        // 重置新id
-        state.logid = res.data.logid;
-        state.videoid = res.data.id;
+      // 监听播放时间
+      state.ckPlayer.addListener("time", timeHandler);
+      function timeHandler(t) {
+        let tm = parseInt(t);
+        localStorage.setItem(id + "_playTime_video", tm);
+      }
 
-        return state;
+      // 如果没播放权限清除视频
+      if (state.isAuth === false) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
       }
 
+      // 发送埋点
+      postlogData();
+
+      // 重置新id
+      state.logid = res.data.logid;
+      state.videoid = res.data.id;
 
-      onMounted(() => {
-        var new_element = document.createElement("script");
-        new_element.setAttribute("type", "text/javascript");
-        new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
-        document.body.appendChild(new_element);
-      })
+      return state;
+    };
 
-      const noLevel = (item) => {
-        if (item == 'gift') {
-          state.jiayou = false;
+    onMounted(() => {
+      var new_element = document.createElement("script");
+      new_element.setAttribute("type", "text/javascript");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      document.body.appendChild(new_element);
+    });
+
+    const noLevel = (item) => {
+      if (item == "gift") {
+        state.jiayou = false;
+        state.curGps_jiangli = state.jiangli;
+        state.showGift = true;
+        state.showGiftNo = true;
+        state.showChapter = false;
+        state.showCert = false;
+      } else {
+        ElMessage.error({
+          message: "当前章节未解锁，请按顺序学习哦~",
+          offset: 140,
+        });
+      }
+    };
+    // 通关动画
+    const levelFs = () => {
+      state.AllLevel = true;
+      state.showCert = true;
+      state.showCertYes = true;
+
+      var interval = setInterval(() => {
+        state.myseconds--;
+        if (state.myseconds <= 0) {
+          state.AllLevel = false;
           state.curGps_jiangli = state.jiangli;
-          state.showGift = true;
-          state.showGiftNo = true;
-          state.showChapter = false;
-          state.showCert = false;
+          clearInterval(interval);
+          // 更新关卡
+          state.curLevel = 8;
+          // 更新点亮公路
+          upRoad();
+          // 更新后端节点
+          resUpdateNode(8);
+          //显示奖励板块
+          setTimeout(function() {
+            state.styTsam = "rollovers";
+            setTimeout(function() {
+              state.showCert = false;
+              state.showChapter = false;
+              state.showGift = true;
+              state.showGiftYes = true;
+              // 更新下state.nodeData数据
+              resgetNode();
+            }, 700);
+          }, 500);
+        }
+      }, 1000);
+      state.myseconds = 3;
+    };
+
+    //抽取奖励
+    const resLuckDraw = async () => {
+      const res = await luckDraw_bi();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          //显示奖励板块
+          state.styTsam = "rollovers2";
+          setTimeout(function() {
+            // 更新下state.nodeData数据
+            resgetNode();
+            state.showGiftYes = false;
+            state.showGiftNo = false;
+            state.showGiftOpen = true;
+            resStudentList();
+            setTimeout(function() {
+              ElMessage.success({
+                message: "恭喜您抽到价值：" + res.data.coupon_value + "元的优惠券",
+                offset: 140,
+              });
+            }, 500);
+          }, 1700);
         } else {
           ElMessage.error({
-            message: '当前章节未解锁，请按顺序学习哦~',
-            offset: 140
+            message: res.message,
+            offset: 140,
           });
         }
       }
-      // 通关动画
-      const levelFs = () => {
-        state.AllLevel = true;
-        state.showCert = true;
-        state.showCertYes = true;
-
-        var interval = setInterval(() => {
-          state.myseconds--;
-          if (state.myseconds <= 0) {
-            state.AllLevel = false;
-            state.curGps_jiangli = state.jiangli;
-            clearInterval(interval);
-            // 更新关卡
-            state.curLevel = 8;
-            // 更新点亮公路
-            upRoad();
-            // 更新后端节点
-            resUpdateNode(8);
-            //显示奖励板块
-            setTimeout(function () {
-              state.styTsam = 'rollovers';
-              setTimeout(function () {
-                state.showCert = false;
-                state.showChapter = false;
-                state.showGift = true;
-                state.showGiftYes = true;
-                // 更新下state.nodeData数据
-                resgetNode();
-              }, 700);
-            }, 500);
-          }
-        }, 1000);
-        state.myseconds = 3;
-      }
-
-      //抽取奖励
-      const resLuckDraw = async () => {
-        const res = await luckDraw_bi();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            //显示奖励板块
-            state.styTsam = 'rollovers2';
-            setTimeout(function () {
-              // 更新下state.nodeData数据
-              resgetNode();
-              state.showGiftYes = false;
-              state.showGiftNo = false;
-              state.showGiftOpen = true;
-              resStudentList()
-              setTimeout(function () {
-                ElMessage.success({
-                  message: '恭喜您抽到价值：' + res.data.coupon_value + '元的优惠券',
-                  offset: 140
-                });
-              }, 500);
-            }, 1700);
-          } else {
-            ElMessage.error({
-              message: res.message,
-              offset: 140
-            });
-          }
-        }
-      };
-
-      //抽取奖励
-      const openCart = () => {
-        state.openCartYes = false;
-        state.openCartNo = true;
-        resLuckDraw();
-      }
-
-      //获取完成学员
-      const resStudentList = async () => {
-        const res = await getStudentList_bi();
-        if (res.code === 200) {
-          state.studentList = res.data;
-          if (res.data.length == 0) {
-            state.isStudentList = true;
-          } else {
-            state.isStudentList = false;
-          }
+    };
+
+    //抽取奖励
+    const openCart = () => {
+      state.openCartYes = false;
+      state.openCartNo = true;
+      resLuckDraw();
+    };
+
+    //获取完成学员
+    const resStudentList = async () => {
+      const res = await getStudentList_bi();
+      if (res.code === 200) {
+        state.studentList = res.data;
+        if (res.data.length == 0) {
+          state.isStudentList = true;
+        } else {
+          state.isStudentList = false;
         }
-      };
-      resStudentList();
-
-      return {
-        ...toRefs(state),
-        gotoLevel,
-        getvideo_click,
-        closeVideo,
-        noLevel,
-        isAutoNextch,
-        openCart,
       }
-
-    }
-
-  }
-
+    };
+    resStudentList();
+
+    return {
+      ...toRefs(state),
+      gotoLevel,
+      getvideo_click,
+      closeVideo,
+      noLevel,
+      isAutoNextch,
+      openCart,
+    };
+  },
+};
 </script>
 
-
 <style lang="scss" scoped>
-  .main {
-    width: 100%;
-    min-width: 1280px;
-    background-color: #56BEEE;
-    margin-bottom: -40px;
-    height: 960px;
+.main {
+  width: 100%;
+  min-width: 1280px;
+  background-color: #56beee;
+  margin-bottom: -40px;
+  height: 960px;
+}
+
+.mainbox {
+  position: relative;
+  background-color: #56beee;
+  width: 1280px;
+  margin: 0 auto;
+}
+
+.toptil {
+  color: #fff;
+  padding: 32px 0 40px;
+
+  .til {
+    font-size: 40px;
+    color: #fff;
   }
 
-  .mainbox {
-    position: relative;
-    background-color: #56BEEE;
-    width: 1280px;
-    margin: 0 auto;
-
+  .fgx {
+    display: inline-block;
+    height: 36px;
+    width: 1px;
+    background-color: #fff;
+    margin: 0 24px;
   }
 
+  .tinfo {
+    font-size: 14px;
+    line-height: 22px;
+  }
 
-  .toptil {
+  .hig {
+    display: inline-block;
     color: #fff;
-    padding: 32px 0 40px;
+    background-color: #e7a41f;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 0px 4px;
+  }
 
-    .til {
-      font-size: 40px;
-      color: #fff;
-    }
+  .hig2 {
+    display: inline-block;
+    color: #fff;
+    background-color: #f38405;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 1px 5px;
+  }
+}
+
+.mapmain {
+  position: absolute;
+  left: -150px;
+  width: 1300px;
+  height: 800px;
+  background-image: url("~@/assets/guide/finebi/bg.png");
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+
+  /* 悟帆走路 */
+  .wfgif-rt {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finebi/wf_rt.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .fgx {
-      display: inline-block;
-      height: 36px;
-      width: 1px;
-      background-color: #fff;
-      margin: 0 24px;
-    }
+  .wfgif-lf {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finebi/wf_lf.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .tinfo {
-      font-size: 14px;
-      line-height: 22px;
+  @keyframes wfgif {
+    0% {
+      background-position: 0 0;
     }
 
-    .hig {
-      display: inline-block;
-      color: #fff;
-      background-color: #E7A41F;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 0px 4px;
+    50% {
+      background-position: 0 -70px;
     }
 
-    .hig2 {
-      display: inline-block;
-      color: #fff;
-      background-color: #f38405;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 1px 5px;
+    100% {
+      background-position: 0 0;
     }
   }
 
-  .mapmain {
+  /* 章节 */
+  .chapter {
     position: absolute;
-    left: -150px;
-    width: 1300px;
-    height: 800px;
-    background-image: url("~@/assets/guide/finebi/bg.png");
+    z-index: 2;
     background-size: 100% auto;
     background-repeat: no-repeat;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.3s;
+
+    &.cur {
+      cursor: pointer;
+    }
+
+    &.old {
+      opacity: 0.8;
+    }
 
-    /* 悟帆走路 */
-    .wfgif-rt {
+    .iwancheng {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finebi/wf_rt.png") no-repeat;
+      width: 28px;
+      height: 28px;
+      background: url("~@/assets/guide/finebi/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -2px;
+      margin-left: -14px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
     }
 
-    .wfgif-lf {
+    .iwancheng_fs {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finebi/wf_lf.png") no-repeat;
+      width: 160px;
+      height: 160px;
+      background: url("~@/assets/guide/finebi/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -50px;
+      margin-left: -80px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
+      animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
     }
 
-    @keyframes wfgif {
+    @keyframes iwancheng {
       0% {
-        background-position: 0 0;
-      }
-
-      50% {
-        background-position: 0 -70px;
+        width: 160px;
+        height: 160px;
       }
 
       100% {
-        background-position: 0 0;
-      }
-    }
-
-    /* 章节 */
-    .chapter {
-      position: absolute;
-      z-index: 2;
-      background-size: 100% auto;
-      background-repeat: no-repeat;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .3s;
-
-      &.cur {
-        cursor: pointer;
-      }
-
-      &.old {
-        opacity: 0.8;
-      }
-
-
-      .iwancheng {
-        position: absolute;
         width: 28px;
         height: 28px;
-        background: url("~@/assets/guide/finebi/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
         bottom: -2px;
         margin-left: -14px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-      }
-
-      .iwancheng_fs {
-        position: absolute;
-        width: 160px;
-        height: 160px;
-        background: url("~@/assets/guide/finebi/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        bottom: -50px;
-        margin-left: -80px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-        animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
       }
+    }
 
-      @keyframes iwancheng {
-        0% {
-          width: 160px;
-          height: 160px;
-        }
+    .gps {
+      position: absolute;
+      width: 20px;
+      height: 40px;
+      background: url("~@/assets/guide/finebi/biaoji.png") no-repeat;
+      background-size: 100% auto;
+      left: 50%;
+      top: 50%;
+      margin-left: -10px;
+      margin-top: -18px;
+      animation: shaking 3s infinite;
+    }
 
-        100% {
-          width: 28px;
-          height: 28px;
-          bottom: -2px;
-          margin-left: -14px;
-        }
+    @keyframes shaking {
+      0% {
+        transform: translateY(-10px);
       }
 
-      .gps {
-        position: absolute;
-        width: 20px;
-        height: 40px;
-        background: url("~@/assets/guide/finebi/biaoji.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        top: 50%;
-        margin-left: -10px;
-        margin-top: -18px;
-        animation: shaking 3s infinite;
+      50% {
+        transform: translateY(10px);
       }
 
-      @keyframes shaking {
-        0% {
-          transform: translateY(-10px);
-        }
-
-        50% {
-          transform: translateY(10px);
-        }
-
-        100% {
-          transform: translateY(-10px);
-        }
+      100% {
+        transform: translateY(-10px);
       }
+    }
 
+    .all-progress {
+      position: absolute;
+      z-index: 6;
+      left: 50%;
+      top: 50%;
+      margin-left: -35px;
+      margin-top: 30px;
+    }
 
-      .all-progress {
-        position: absolute;
-        z-index: 6;
-        left: 50%;
-        top: 50%;
-        margin-left: -35px;
-        margin-top: 30px;
-      }
+    .jiayou {
+      width: 60px;
+      height: 60px;
+      margin-top: 1px;
+    }
 
-      .jiayou {
-        width: 60px;
-        height: 60px;
-        margin-top: 1px;
+    .challok {
+      position: absolute;
+      width: 120px;
+      height: 100px;
+      left: 50%;
+      top: 50%;
+      margin-left: -60px;
+      margin-top: -75px;
+      background-color: rgb(0, 0, 0, 0.8);
+      border-radius: 8px;
+      text-align: center;
+      color: #fff;
+
+      .til {
+        padding: 10px 0 10px;
       }
 
-      .challok {
-        position: absolute;
-        width: 120px;
-        height: 100px;
-        left: 50%;
-        top: 50%;
-        margin-left: -60px;
-        margin-top: -75px;
-        background-color: rgb(0, 0, 0, 0.8);
+      .btnnext {
+        width: 100px;
+        height: 32px;
+        line-height: 32px;
         border-radius: 8px;
-        text-align: center;
-        color: #fff;
+        margin: 0 auto;
+        background-color: #0082fc;
 
-        .til {
-          padding: 10px 0 10px;
-        }
-
-        .btnnext {
-          width: 100px;
-          height: 32px;
-          line-height: 32px;
-          border-radius: 8px;
-          margin: 0 auto;
-          background-color: #0082fc;
-
-          &:hover {
-            background-color: #369dfd;
-          }
+        &:hover {
+          background-color: #369dfd;
         }
       }
-
     }
+  }
 
-    .ch_one {
-      width: 150px;
-      height: 160px;
-      left: 145px;
-      top: 85px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/one.png");
-      }
+  .ch_one {
+    width: 150px;
+    height: 160px;
+    left: 145px;
+    top: 85px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/one1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/one.png");
+    }
 
-      &:hover {
-        width: 160px;
-        height: 170px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/one1.png");
     }
 
-    .ch_two {
-      width: 150px;
-      height: 158px;
-      left: 310px;
-      top: -2px;
+    &:hover {
+      width: 160px;
+      height: 170px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/two.png");
-      }
+  .ch_two {
+    width: 150px;
+    height: 158px;
+    left: 310px;
+    top: -2px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/two1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/two.png");
+    }
 
-      &:hover {
-        width: 160px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/two1.png");
     }
 
-    .ch_three {
-      width: 167px;
-      height: 175px;
-      left: 460px;
-      top: 76px;
+    &:hover {
+      width: 160px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/three.png");
-      }
+  .ch_three {
+    width: 167px;
+    height: 175px;
+    left: 460px;
+    top: 76px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/three1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/three.png");
+    }
 
-      &:hover {
-        width: 177px;
-        height: 185px;
-        margin-top: -10px;
-        margin-left: -3px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/three1.png");
     }
 
-    .ch_four {
-      width: 160px;
-      height: 179px;
-      left: 295px;
-      top: 188px;
+    &:hover {
+      width: 177px;
+      height: 185px;
+      margin-top: -10px;
+      margin-left: -3px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/four.png");
-      }
+  .ch_four {
+    width: 160px;
+    height: 179px;
+    left: 295px;
+    top: 188px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/four1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/four.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 189px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/four1.png");
     }
 
-    .ch_five {
-      width: 160px;
-      height: 180px;
-      left: 464px;
-      top: 290px;
+    &:hover {
+      width: 170px;
+      height: 189px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/five.png");
-      }
+  .ch_five {
+    width: 160px;
+    height: 180px;
+    left: 464px;
+    top: 290px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/five1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/five.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 190px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/five1.png");
     }
 
-    .ch_six {
-      width: 168px;
-      height: 178px;
-      left: 638px;
-      top: 196px;
+    &:hover {
+      width: 170px;
+      height: 190px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/six.png");
-      }
+  .ch_six {
+    width: 168px;
+    height: 178px;
+    left: 638px;
+    top: 196px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/six1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/six.png");
+    }
 
-      &:hover {
-        width: 178px;
-        height: 188px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/six1.png");
     }
 
-    .ch_seven {
-      width: 163px;
-      height: 170px;
-      left: 806px;
-      top: 310px;
+    &:hover {
+      width: 178px;
+      height: 188px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/seven.png");
-      }
+  .ch_seven {
+    width: 163px;
+    height: 170px;
+    left: 806px;
+    top: 310px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/seven1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/seven.png");
+    }
 
-      &:hover {
-        width: 173px;
-        height: 180px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/seven1.png");
     }
 
-    .ch_eight {
-      width: 160px;
+    &:hover {
+      width: 173px;
       height: 180px;
-      left: 628px;
-      top: 400px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/eight.png");
-      }
+  .ch_eight {
+    width: 160px;
+    height: 180px;
+    left: 628px;
+    top: 400px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finebi/eight1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/eight.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 190px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finebi/eight1.png");
     }
 
-    .ch_gift {
-      width: 160px;
+    &:hover {
+      width: 170px;
       height: 190px;
-      left: 790px;
-      top: 490px;
-      cursor: pointer;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finebi/gift.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finebi/gift1.png");
-      }
-
-      &:hover {
-        width: 170px;
-        height: 200px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    /* 公路 */
-    .road {
-      position: absolute;
-      background-repeat: no-repeat;
-      background-size: 100% auto;
-      transition: all .3s;
-      z-index: 1;
-
-      &.lf {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finebi/road-lf.png");
-      }
-
-      &.lf_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finebi/road-lf1.png");
-      }
-
-      &.rt {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finebi/road-rt.png");
-      }
+  .ch_gift {
+    width: 160px;
+    height: 190px;
+    left: 790px;
+    top: 490px;
+    cursor: pointer;
 
-      &.rt_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finebi/road-rt1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finebi/gift.png");
     }
 
-    .ro_one {
-      left: 245px;
-      top: 90px;
+    &.no {
+      background-image: url("~@/assets/guide/finebi/gift1.png");
     }
 
-    .ro_two {
-      left: 390px;
-      top: 100px;
+    &:hover {
+      width: 170px;
+      height: 200px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    .ro_three {
-      left: 390px;
-      top: 190px;
-    }
+  /* 公路 */
+  .road {
+    position: absolute;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    transition: all 0.3s;
+    z-index: 1;
 
-    .ro_four {
-      left: 390px;
-      top: 305px;
+    &.lf {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finebi/road-lf.png");
     }
 
-    .ro_five {
-      left: 562px;
-      top: 310px;
+    &.lf_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finebi/road-lf1.png");
     }
 
-    .ro_six {
-      left: 724px;
-      top: 314px;
+    &.rt {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finebi/road-rt.png");
     }
 
-    .ro_seven {
-      left: 726px;
-      top: 428px;
+    &.rt_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finebi/road-rt1.png");
     }
+  }
 
-    .ro_eight {
-      left: 716px;
-      top: 526px;
-    }
+  .ro_one {
+    left: 245px;
+    top: 90px;
   }
 
-  .rtcarbox {
-    position: absolute;
-    right: 0;
-    width: 400px;
+  .ro_two {
+    left: 390px;
+    top: 100px;
+  }
 
-    .upp,
-    .cen,
-    .dow {
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 12px 24px;
-      margin-bottom: 8px;
-    }
+  .ro_three {
+    left: 390px;
+    top: 190px;
+  }
 
-    .upp {
-      .icon {
-        width: 24px;
-        height: 24px;
-        background: rgb(0, 130, 252, 0.24);
-        border-radius: 100px;
-        margin-right: 16px;
+  .ro_four {
+    left: 390px;
+    top: 305px;
+  }
 
-        i {
-          color: #0082FC;
-        }
-      }
+  .ro_five {
+    left: 562px;
+    top: 310px;
+  }
 
-      .boxul {
-        height: 120px;
+  .ro_six {
+    left: 724px;
+    top: 314px;
+  }
 
-        .itemli {
-          display: flex;
-          align-items: center;
-          color: #617288;
-          font-size: 14px;
-        }
-      }
+  .ro_seven {
+    left: 726px;
+    top: 428px;
+  }
 
-      .hig {
-        color: #000;
-        font-size: 18px;
-        font-weight: 600;
-      }
+  .ro_eight {
+    left: 716px;
+    top: 526px;
+  }
+}
 
+.rtcarbox {
+  position: absolute;
+  right: 0;
+  width: 400px;
 
-    }
+  .upp,
+  .cen,
+  .dow {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px 24px;
+    margin-bottom: 8px;
+  }
 
-    /* 开奖 */
-    .choujiang {
-      position: relative;
+  .upp {
+    .icon {
+      width: 24px;
+      height: 24px;
+      background: rgb(0, 130, 252, 0.24);
+      border-radius: 100px;
+      margin-right: 16px;
 
-      .linkbj {
-        position: absolute;
-        font-size: 12px;
-        width: 170px;
-        left: 94px;
-        bottom: 26px;
+      i {
+        color: #0082fc;
       }
     }
 
-    /* 优惠券 */
-    .coupon-box {
-      width: 300px;
+    .boxul {
       height: 120px;
-      background-color: #FFE7C6;
-      color: #E9550F;
-      border-radius: 8px;
-      margin: 28px auto 24px auto;
-      overflow: hidden;
-
-      .lf {
-        width: 160px;
-
-        .cpval {
-          font-weight: 600;
-          font-size: 38px;
-          margin-bottom: 2px;
-        }
-
-        .cptxt {
-          width: 140px;
-          line-height: 18px;
-          font-size: 12px;
-        }
-      }
-
-      .rt {
-        width: 140px;
-        height: 120px;
-        background-color: #FFD7A0;
-
-        .syriqi {
-          font-size: 12px;
-          margin-top: -30px;
-        }
-
-        .sytxtye {
-          font-size: 24px;
-        }
-
-        .sytxtno {
-          font-size: 24px;
-          opacity: 0.3;
-        }
-
-        .syriqino {
-          font-size: 12px;
-          margin-top: -30px;
-          opacity: 0.3;
-        }
 
-        .sybtn {
-          width: 126px;
-          height: 60px;
-          background: url("~@/assets/guide/finebi/btn.png") no-repeat;
-          background-size: 100% auto;
-
-          .sytxt {
-            font-size: 18px;
-            color: #fff;
-            margin-top: -6px;
-          }
-        }
+      .itemli {
+        display: flex;
+        align-items: center;
+        color: #617288;
+        font-size: 14px;
       }
     }
 
-    .rollovers {
-      animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+    .hig {
+      color: #000;
+      font-size: 18px;
+      font-weight: 600;
     }
+  }
 
-    @keyframes rollovers {
-      0% {
-        transform: rotateY(0deg);
-      }
+  /* 开奖 */
+  .choujiang {
+    position: relative;
 
-      100% {
-        transform: rotateY(360deg);
-      }
+    .linkbj {
+      position: absolute;
+      font-size: 12px;
+      width: 170px;
+      left: 94px;
+      bottom: 26px;
     }
+  }
 
-    .rollovers2 {
-      animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
-    }
+  /* 优惠券 */
+  .coupon-box {
+    width: 300px;
+    height: 120px;
+    background-color: #ffe7c6;
+    color: #e9550f;
+    border-radius: 8px;
+    margin: 28px auto 24px auto;
+    overflow: hidden;
 
-    @keyframes rollovers2 {
-      0% {
-        transform: rotateY(0deg);
-      }
+    .lf {
+      width: 160px;
 
-      100% {
-        transform: rotateY(2160deg);
+      .cpval {
+        font-weight: 600;
+        font-size: 38px;
+        margin-bottom: 2px;
       }
-    }
 
-    .cen {
-      .rzbtn {
-        width: 120px;
-        height: 40px;
-        line-height: 38px;
+      .cptxt {
+        width: 140px;
+        line-height: 18px;
+        font-size: 12px;
       }
     }
 
-    .jiangli {
-      .xiazai {
-        background-color: #EEF3FA;
-        border-radius: 50px;
-        padding: 4px 8px;
-
-        img {
-          margin-right: 6px;
-        }
+    .rt {
+      width: 140px;
+      height: 120px;
+      background-color: #ffd7a0;
 
+      .syriqi {
+        font-size: 12px;
+        margin-top: -30px;
       }
 
-      .xiazaiok {
-        background-color: #DAEDFF;
-        border-radius: 50px;
-        padding: 4px 8px;
+      .sytxtye {
+        font-size: 24px;
+      }
 
-        img {
-          margin-right: 6px;
-        }
+      .sytxtno {
+        font-size: 24px;
+        opacity: 0.3;
+      }
 
-        span {
-          color: #0082fc;
-        }
+      .syriqino {
+        font-size: 12px;
+        margin-top: -30px;
+        opacity: 0.3;
+      }
 
-        &:hover {
-          background-color: #0082fc;
-        }
+      .sybtn {
+        width: 126px;
+        height: 60px;
+        background: url("~@/assets/guide/finebi/btn.png") no-repeat;
+        background-size: 100% auto;
 
-        &:hover span {
+        .sytxt {
+          font-size: 18px;
           color: #fff;
+          margin-top: -6px;
         }
       }
-
     }
+  }
 
+  .rollovers {
+    animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+  }
 
-    /* 播放列表 */
-    ::v-deep .el-scrollbar__thumb {
-      background-color: #CEDDF2;
-      opacity: 1;
+  @keyframes rollovers {
+    0% {
+      transform: rotateY(0deg);
     }
 
-    ::v-deep .el-scrollbar__thumb:hover {
-      background-color: #b0bed1;
+    100% {
+      transform: rotateY(360deg);
     }
+  }
+
+  .rollovers2 {
+    animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
+  }
 
-    ::v-deep .el-scrollbar__bar.is-vertical {
-      width: 6px;
+  @keyframes rollovers2 {
+    0% {
+      transform: rotateY(0deg);
     }
 
+    100% {
+      transform: rotateY(2160deg);
+    }
+  }
 
-    .vlist {
-      padding: 0 24px 10px 24px;
+  .cen {
+    .rzbtn {
+      width: 120px;
+      height: 40px;
+      line-height: 38px;
     }
+  }
 
-    .vitem {
-      cursor: pointer;
-      padding: 10px 0;
-      border-bottom: 1px solid #CEDDF2;
-      transition: all .3s;
+  .jiangli {
+    .xiazai {
+      background-color: #eef3fa;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover .vdtitle {
-        color: #0082FC;
+      img {
+        margin-right: 6px;
       }
+    }
+
+    .xiazaiok {
+      background-color: #daedff;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover,
-      &.playcur {
-        background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+      img {
+        margin-right: 6px;
       }
 
-      &.playcur .vdtitle {
-        color: #0082FC;
+      span {
+        color: #0082fc;
       }
 
-      .playing {
-        width: 14px;
-        height: 14px;
-        margin-right: 4px;
+      &:hover {
+        background-color: #0082fc;
       }
 
-      .vdtitle {
-        max-width: 160px;
-        padding-right: 10px;
+      &:hover span {
+        color: #fff;
       }
+    }
+  }
 
-      .progress-box {
-        width: 44%;
+  /* 播放列表 */
+  ::v-deep .el-scrollbar__thumb {
+    background-color: #ceddf2;
+    opacity: 1;
+  }
 
-        .progress {
-          width: 76%;
-          margin-right: 6px;
-        }
+  ::v-deep .el-scrollbar__thumb:hover {
+    background-color: #b0bed1;
+  }
 
-        .el-icon-success {
-          color: #27C346;
-        }
-      }
+  ::v-deep .el-scrollbar__bar.is-vertical {
+    width: 6px;
+  }
 
-    }
+  .vlist {
+    padding: 0 24px 10px 24px;
+  }
 
-    /* 客服 */
-    .kefu {
-      position: fixed;
-      bottom: 96px;
-      right: 40px;
-      z-index: 9;
-      transition: all .3s;
+  .vitem {
+    cursor: pointer;
+    padding: 10px 0;
+    border-bottom: 1px solid #ceddf2;
+    transition: all 0.3s;
 
-      .ikefu {
-        width: 42px;
-        height: 42px;
-        background-color: #fff;
-        border-radius: 100px;
-        box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, .2);
+    &:hover .vdtitle {
+      color: #0082fc;
+    }
 
-        i {
-          color: #0082FC;
-          font-size: 22px;
-        }
-      }
+    &:hover,
+    &.playcur {
+      background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+    }
 
+    &.playcur .vdtitle {
+      color: #0082fc;
+    }
 
+    .playing {
+      width: 14px;
+      height: 14px;
+      margin-right: 4px;
     }
 
-  }
+    .vdtitle {
+      max-width: 160px;
+      padding-right: 10px;
+    }
 
-  .lessinfo {
-    padding: 16px 24px 12px 24px;
-    border-bottom: 1px solid #CEDDF2;
+    .progress-box {
+      width: 44%;
 
-    .info {
-      padding: 10px 0;
-      line-height: 18px;
-    }
+      .progress {
+        width: 76%;
+        margin-right: 6px;
+      }
 
-    .datainfo {
-      span {
-        font-size: 12px;
-        color: #617288;
+      .el-icon-success {
+        color: #27c346;
       }
+    }
+  }
 
-      li {
-        display: flex;
-        align-items: center;
+  /* 客服 */
+  .kefu {
+    position: fixed;
+    bottom: 96px;
+    right: 40px;
+    z-index: 9;
+    transition: all 0.3s;
+
+    .ikefu {
+      width: 42px;
+      height: 42px;
+      background-color: #fff;
+      border-radius: 100px;
+      box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, 0.2);
 
-        i {
-          margin-right: 3px;
-        }
+      i {
+        color: #0082fc;
+        font-size: 22px;
       }
     }
   }
+}
 
-  /* 播放器 */
-  .playbox {
-    position: absolute !important;
-    width: 820px;
-    height: 550px;
-    z-index: 96;
-    background-color: rgb(255, 255, 255, .3);
-    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, .3);
-    padding: 10px;
-    border-radius: 8px;
-    left: 40px;
-    top: 124px;
+.lessinfo {
+  padding: 16px 24px 12px 24px;
+  border-bottom: 1px solid #ceddf2;
+
+  .info {
+    padding: 10px 0;
+    line-height: 18px;
   }
 
-  /* 通关动画 */
-  .clearance {
-    position: fixed;
-    z-index: 99999;
-    background-color: rgb(0, 0, 0, 0.6);
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    .pic_fs {
-      position: absolute;
-      width: 0;
-      height: 0;
-      background: url("~@/assets/guide/finebi/msgpic.png") no-repeat;
-      background-size: 100% auto;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .2s;
-      animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  .datainfo {
+    span {
+      font-size: 12px;
+      color: #617288;
     }
 
-    @keyframes picfs {
-      0% {
-        width: 0;
-        height: 0;
-      }
+    li {
+      display: flex;
+      align-items: center;
 
-      50% {
-        width: 540px;
-        height: 470px;
+      i {
+        margin-right: 3px;
       }
+    }
+  }
+}
+
+/* 播放器 */
+.playbox {
+  position: absolute !important;
+  width: 820px;
+  height: 550px;
+  z-index: 96;
+  background-color: rgb(255, 255, 255, 0.3);
+  box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.3);
+  padding: 10px;
+  border-radius: 8px;
+  left: 40px;
+  top: 124px;
+}
+
+/* 通关动画 */
+.clearance {
+  position: fixed;
+  z-index: 99999;
+  background-color: rgb(0, 0, 0, 0.6);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  .pic_fs {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: url("~@/assets/guide/finebi/msgpic.png") no-repeat;
+    background-size: 100% auto;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.2s;
+    animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  }
 
-      100% {
-        width: 340px;
-        height: 270px;
-      }
+  @keyframes picfs {
+    0% {
+      width: 0;
+      height: 0;
     }
 
-    .txt {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 220px;
-      color: #fff;
+    50% {
+      width: 540px;
+      height: 470px;
     }
 
-    .tm {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 280px;
-      color: #fff;
+    100% {
+      width: 340px;
+      height: 270px;
     }
+  }
 
+  .txt {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 220px;
+    color: #fff;
+  }
 
+  .tm {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 280px;
+    color: #fff;
   }
+}
 
-  .txtscroll {
-    font-size: 12px;
+.txtscroll {
+  font-size: 12px;
 
-    .item {
-      height: 28px;
-      line-height: 28px;
+  .item {
+    height: 28px;
+    line-height: 28px;
 
-      .username {
-        max-width: 80px;
-        width: auto;
-      }
+    .username {
+      max-width: 80px;
+      width: auto;
+    }
 
-      .lftxt {
-        span {
-          padding-right: 5px;
-        }
+    .lftxt {
+      span {
+        padding-right: 5px;
       }
     }
   }
-
-  .hb-link {
-    width: 300px;
-    right: 64 px;
-    top: 70px;
-    position: absolute;
+}
+
+.hb-link {
+  width: 300px;
+  right: 64 px;
+  top: 70px;
+  position: absolute;
+  color: #fff;
+  font-size: 12px;
+  line-height: 20px;
+
+  a {
     color: #fff;
-    font-size: 12px;
-    line-height: 20px;
-
-    a {
-      color: #fff;
-    }
   }
+}
 </style>
 
 <style lang="scss">
-  .el-dialog__body {
-    padding-top: 10px;
-  }
+.el-dialog__body {
+  padding-top: 10px;
+}
 
-  .el-dialog__close {
-    font-size: 20px;
-  }
+.el-dialog__close {
+  font-size: 20px;
+}
 
-  body {
-    min-width: 1280px;
-  }
-</style>
\ No newline at end of file
+body {
+  min-width: 1280px;
+}
+</style>
diff --git a/src/views/video/guide/finereport.vue b/src/views/video/guide/finereport.vue
index 287356c..e4e9f7b 100644
--- a/src/views/video/guide/finereport.vue
+++ b/src/views/video/guide/finereport.vue
@@ -1,7 +1,6 @@
 <template>
   <div v-if="!com_user_token">
-    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false"
-      :close-on-click-modal="false">
+    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false">
       <div class="f16" style="padding: 14px 0 12px">
         <a class="fr-btn big" :href="com_login_url">马上登录</a>
       </div>
@@ -13,12 +12,11 @@
       恭喜！！完成全部学习路径，快打开通关礼包吧！
     </div>
     <div class="tm">
-      <span class="f16">（{{myseconds}}<span class="f12">S</span>）</span>
+      <span class="f16">（{{ myseconds }}<span class="f12">S</span>）</span>
     </div>
   </div>
   <div class="main">
     <div class="mainbox">
-
       <div class="w1200">
         <div class="toptil flex-1">
           <h1 class="til">FineReport 入门学习路径</h1>
@@ -31,31 +29,26 @@
       </div>
 
       <div style="position: absolute; z-index:-1;">
-        <img width="10" src="@/assets/guide/finereport/wf_rt.png" alt="预加载转身帮助动画流畅">
-        <img width="10" src="@/assets/guide/finereport/wf_lf.png" alt="预加载转身帮助动画流畅">
+        <img width="10" src="@/assets/guide/finereport/wf_rt.png" alt="预加载转身帮助动画流畅" />
+        <img width="10" src="@/assets/guide/finereport/wf_lf.png" alt="预加载转身帮助动画流畅" />
       </div>
 
       <div class="mapmain">
-
         <!-- 悟帆走路 -->
-        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty:'display:none' "></div>
+        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty : 'display:none'"></div>
 
         <!-- 章节 -->
-        <div v-for="(item, index) in chArr" :key="index"
-          :class="['chapter','ch_'+item, index <= curLevel? 'yes':'no', index <= curLevel? 'cur':''] "
-          @click=" index <= curLevel ? gotoLevel(index):noLevel(item)">
-
+        <div v-show="deepPlay" v-for="(item, index) in chArr" :key="index" :class="['chapter', 'ch_' + item, index <= curLevel ? 'yes' : 'no', index <= curLevel ? 'cur' : '']" @click="index <= curLevel ? gotoLevel(index) : noLevel(item)">
           <div v-show="jiayou" class="gps" v-if="index === curGps"></div>
 
           <div class="gps" v-if="index === curGps_jiangli"></div>
 
-          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#27C346"
-            :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
-            <img class="jiayou" src="@/assets/guide/finereport/jiayou.png">
+          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#27C346" :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
+            <img class="jiayou" src="@/assets/guide/finereport/jiayou.png" />
           </el-progress>
 
           <div class="challok" v-show="isAllChapter" v-if="index == curGps && index >= curLevel">
-            <div class="til f14">恭喜！！！ <br>完成本章课程</div>
+            <div class="til f14">恭喜！！！ <br />完成本章课程</div>
             <div class="btnnext f14" @click="isAutoNextch()">开始下一章</div>
           </div>
 
@@ -64,8 +57,7 @@
         </div>
 
         <!-- 路线 -->
-        <div v-for="(item, index) in roadArr" :key="index"
-          :class="['road','ro_'+item.name, index%2==0?'lf'+item.open:'rt'+item.open] "></div>
+        <div v-show="deepPlay" v-for="(item, index) in roadArr" :key="index" :class="['road', 'ro_' + item.name, index % 2 == 0 ? 'lf' + item.open : 'rt' + item.open]"></div>
       </div>
 
       <div class="rtcarbox">
@@ -74,12 +66,12 @@
             <li class="itemli">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-29"></i></span>
               <div>
-                <span class="hig">{{nodeData.student_count}}</span> 名番薯学习中
+                <span class="hig">{{ nodeData.student_count }}</span> 名番薯学习中
 
                 <el-popover placement="bottom" :width="180" trigger="hover">
                   <div class="txt-c">
                     <div class="col333" style=" margin-bottom: 8px;">扫码入群</div>
-                    <img src="@/assets/guide/finereport/qun.png" width="150">
+                    <img src="@/assets/guide/finereport/qun.png" width="150" />
                   </div>
                   <template #reference>
                     <span class="col008">加群共同交流学习</span>
@@ -88,25 +80,31 @@
               </div>
             </li>
 
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>已超越 <span class="hig">{{nodeData.percentage}}%</span> 的同行番薯</div>
+              <div>
+                已超越 <span class="hig">{{ nodeData.percentage }}%</span> 的同行番薯
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div><span class="hig">{{nodeData.student_count_end}}</span> 名番薯已到达终点，加油你也可以</div>
+              <div>
+                <span class="hig">{{ nodeData.student_count_end }}</span> 名番薯已到达终点，加油你也可以
+              </div>
             </li>
 
-
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>学习耗时 <span class="hig">{{nodeData.takeuptime}}</span></div>
+              <div>
+                学习耗时 <span class="hig">{{ nodeData.takeuptime }}</span>
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div>恭喜，你是第 <span class="hig">{{nodeData.ranking}}</span> 名到达终点的番薯</div>
+              <div>
+                恭喜，你是第 <span class="hig">{{ nodeData.ranking }}</span> 名到达终点的番薯
+              </div>
             </li>
-
           </ul>
         </div>
         <div class="cen" :class="styTsam" style="height: 330px; padding: 0; overflow: hidden;" v-loading="loading">
@@ -123,7 +121,7 @@
 
             <div v-show="showCertNo">
               <div class=" txt-c">
-                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/finereport/ico-FCRA.png" width="60"></div>
+                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/finereport/ico-FCRA.png" width="60" /></div>
                 <div class="f14">帆软认证报表工程师（FCRA）考试</div>
                 <div style=" width: 250px; margin: 0 auto; padding-top: 24px" class="flex-6">
                   <a class="btn-008 rzbtn" href="https://cert.fanruan.com/detail/b5fbf8a8b61211ec91ab00163e0210ff" target="_blank">前往认证</a>
@@ -134,22 +132,19 @@
 
             <div v-show="showCertYes">
               <div class=" txt-c">
-                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/finereport/jiangbei.png" width="140"></div>
+                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/finereport/jiangbei.png" width="140" /></div>
                 <div class="f14">您已通过帆软认证报表工程师(FCRA) 考试</div>
                 <div style="padding-top: 14px" class="flex-4">
-                  <a class="btn-fff flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify"
-                    target="_blank">
+                  <a class="btn-fff flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify" target="_blank">
                     <span>成绩查询</span>
                   </a>
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 奖励板块 -->
           <div v-show="showGift" class="cen jiangli" style="height: 330px; padding: 0;">
-
             <div v-show="showGiftNo">
               <div class="lessinfo">
                 <div class="til f18">请先完成FineReport入门学习</div>
@@ -157,11 +152,11 @@
               </div>
               <div class=" txt-c">
                 <div class="f16 col849" style="padding:20px 0 10px 0; letter-spacing:2px;">完成学习路径可抽取红包</div>
-                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288"></div>
+                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288" /></div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazai flex-1">
-                    <img src="@/assets/class/zip.png" width="18">
+                    <img src="@/assets/class/zip.png" width="18" />
                     <span class="f12 colb3c">立即下载</span>
                   </div>
                 </div>
@@ -180,18 +175,14 @@
               <div class=" txt-c">
                 <div class="f16 colff3" style="padding:20px 0 10px 0; letter-spacing:2px;">快来抽取大额学习班优惠券</div>
                 <div class="choujiang">
-                  <img v-show="openCartYes" @click="openCart()" class="cur-p"
-                    src="@/assets/guide/finereport/hongbao1.png" width="288">
-                  <img v-show="openCartNo" src="@/assets/guide/finereport/hongbao1.png" width="288">
-                  <a class="linkbj" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank"><span
-                      class="col333">适用于</span><span class="col008">《报表工程师从 入门到精通·实战班》</span></a>
+                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/finereport/hongbao1.png" width="288" />
+                  <img v-show="openCartNo" src="@/assets/guide/finereport/hongbao1.png" width="288" />
+                  <a class="linkbj" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank"><span class="col333">适用于</span><span class="col008">《报表工程师从 入门到精通·实战班》</span></a>
                 </div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/FineReport%E4%BA%A7%E5%93%81%E7%BB%84/wendang/%E5%85%A5%E9%97%A8%E8%B5%84%E6%96%99.rar">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/FineReport%E4%BA%A7%E5%93%81%E7%BB%84/wendang/%E5%85%A5%E9%97%A8%E8%B5%84%E6%96%99.rar"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -209,34 +200,31 @@
               <div class=" txt-c">
                 <div class="coupon-box flex-1">
                   <div class="lf flex-5">
-                    <span class="cpval">¥{{nodeData.coupon_value}}</span>
+                    <span class="cpval">¥{{ nodeData.coupon_value }}</span>
                     <span class="cptxt">报表工程师从入门到精通 · 实战班</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===0 || nodeData.coupon_state===1">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 0 || nodeData.coupon_state === 1">
                     <a class="sybtn flex-5" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank">
                       <span class="sytxt">立即使用</span>
                     </a>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===2">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 2">
                     <span class="sytxtye">已使用</span>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_isTime===-1 || nodeData.coupon_state===-1 ">
+                  <div class="rt flex-5" v-if="nodeData.coupon_isTime === -1 || nodeData.coupon_state === -1">
                     <span class="sytxtno">已失效</span>
-                    <span class="syriqino">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqino">{{ nodeData.coupon_endTime }}</span>
                   </div>
-
                 </div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/FineReport%E4%BA%A7%E5%93%81%E7%BB%84/wendang/%E5%85%A5%E9%97%A8%E8%B5%84%E6%96%99.rar">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/FineReport%E4%BA%A7%E5%93%81%E7%BB%84/wendang/%E5%85%A5%E9%97%A8%E8%B5%84%E6%96%99.rar"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -245,63 +233,61 @@
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 视频章节板块 -->
           <div v-show="showChapter" class="cen" style="height: 330px; padding: 0;">
             <div class="lessinfo">
-              <div class="til f18">{{newplaytil}}</div>
-              <div class="info f12">{{newplayinfo}}</div>
+              <div class="til f18">{{ newplaytil }}</div>
+              <div class="info f12">{{ newplayinfo }}</div>
               <div class="datainfo flex-6">
                 <li><i class="iconfont icon-User"></i><span>1000+ 人已点亮</span></li>
-                <li><i class="iconfont icon-icon_icon-28"></i><span>共 {{newplayNum}} 节课</span></li>
-                <li><i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{newplayCount}} 小时</span></li>
+                <li>
+                  <i class="iconfont icon-icon_icon-28"></i><span>共 {{ newplayNum }} 节课</span>
+                </li>
+                <li>
+                  <i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{ newplayCount }} 小时</span>
+                </li>
               </div>
             </div>
 
             <div style="height: 200px; padding: 0 4px;">
               <el-scrollbar view-class="myscrollbar" height="200px" always>
                 <ul class="vlist">
-                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index"
-                    @click="getvideo_click(item.id,index)" :class="{playcur : play_key === index}">
+                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index" @click="getvideo_click(item.id, index)" :class="{ playcur: play_key === index }">
                     <div class="flex-1">
-                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index">
-                      <span class="vdtitle f13 hide-txt">{{item.it618_name}}</span>
-                      <span class="time colb3c f13">{{item.videoTime}}</span>
+                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index" />
+                      <span class="vdtitle f13 hide-txt">{{ item.it618_name }}</span>
+                      <span class="time colb3c f13">{{ item.videoTime }}</span>
                     </div>
                     <div class="progress-box flex-1">
                       <div class="progress">
-                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress">
-                        </el-progress>
+                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress"> </el-progress>
                       </div>
-                      <i v-if="item.play_progress===100" class="el-icon-success"></i>
-                      <span class="f13 col28c"
-                        v-else-if="item.play_progress < 100 && item.play_progress>0 ">{{item.play_progress}}%</span>
+                      <i v-if="item.play_progress === 100" class="el-icon-success"></i>
+                      <span class="f13 col28c" v-else-if="item.play_progress < 100 && item.play_progress > 0">{{ item.play_progress }}%</span>
                       <i v-else class="iconfont icon-bofang2 col008 f15"></i>
                     </div>
                   </li>
                 </ul>
               </el-scrollbar>
             </div>
-
           </div>
         </div>
 
-
-        <div class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
+        <div v-show="deepPlay" class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
           <el-empty style="padding: 10px 0;" :image-size="60" description="暂无数据" v-if="isStudentList"></el-empty>
 
           <js-seamless-scroll :datas="studentList" step="0.5" v-model="loopScroll" hover class="txtscroll">
             <li class="item flex-3" v-for="(item, index) in studentList" :key="index">
               <div class="flex-1 lftxt">
-                <span class="username hide-txt">{{item.username}}</span>
+                <span class="username hide-txt">{{ item.username }}</span>
                 <span class="col849">完成学习，获得</span>
-                <span class="colff3">{{item.coupon_value}}元</span>
+                <span class="colff3">{{ item.coupon_value }}元</span>
                 <span>学习班优惠券</span>
               </div>
               <div class="flex-1">
-                <span class="col849">{{item.coupon_addtime}}</span>
+                <span class="col849">{{ item.coupon_addtime }}</span>
               </div>
             </li>
           </js-seamless-scroll>
@@ -311,581 +297,455 @@
           <el-popover placement="left" trigger="hover">
             <div class="txt-c">
               <div class="col333 f14" style=" margin-bottom:6px;">BUG反馈</div>
-              <img src="@/assets/guide/finereport/ftj.png" width="126">
-              <a href="https://bbs.fanruan.com/u/230553?msg=1" target="_blank" class="col008 f12 flex-4">
-                <i class="iconfont icon-duihuayuyin"></i> 或者私信饭团君
-              </a>
+              <img src="@/assets/guide/finereport/ftj.png" width="126" />
+              <a href="https://bbs.fanruan.com/u/230553?msg=1" target="_blank" class="col008 f12 flex-4"> <i class="iconfont icon-duihuayuyin"></i> 或者私信饭团君 </a>
             </div>
             <template #reference>
               <div class="ikefu flex-5"><i class="iconfont icon-icon_icon-15 col008"></i></div>
             </template>
           </el-popover>
         </div>
-
       </div>
-
     </div>
   </div>
 
-  <el-dialog :title="newplaytil + '【'+play_title+'】'" @close='closeVideo()' v-model="showVideo" width="928px"
-    :close-on-press-escape="false" :close-on-click-modal="false">
+  <el-dialog :title="newplaytil + '【' + play_title + '】'" @close="closeVideo()" v-model="showVideo" width="928px" :close-on-press-escape="false" :close-on-click-modal="false">
     <div id="VideoPlay" style=" width:100%; height: 500px"></div>
   </el-dialog>
-
 </template>
 
 <script>
-  import { getLessonList, getVideo, classlog, getNode, updateNode, luckDraw, getStudentList } from "@/api/video";
-  import { toRefs, reactive, onMounted } from 'vue';
-  import { ElMessage } from 'element-plus'
-  import store from '@/store';
-  import { addUrlFrom } from "@/api/guide";
-  import { useRoute } from 'vue-router'
-
-  export default {
-    name: 'guide_finereport',
-
-    setup() {
-      const courseid = 81;//课程id写死
-      //const { proxy } = getCurrentInstance();
-      const route = useRoute()
-      let get_from = route.query.from ? route.query.from : 0;
-      const state = reactive({
-        newplaytilArr: [
-          {
-            name: "第一章 初识FineReport",
-            info: "本章将教你如何安装FineReport，了解其功能以及制作一张寄出报表的简单操作",
-          },
-          {
-            name: "第二章 报表设计",
-            info: "本章将聚焦报表制作的四大功能点之一 ——报表制作，涵盖其属性与功能操作的基础",
-          },
-          {
-            name: "第三章 图表入门",
-            info: "本章将聚焦报表制作的四大功能点之二 ——图表设计，重点说明入门阶段需掌握的样式与制作流程",
-          },
-          {
-            name: "第四章 参数入门",
-            info: "本章将聚焦报表制作的四大功能点之三 ——参数入门，了解参数原理并实现报表的筛选",
-          },
-          {
-            name: "第五章 填报入门",
-            info: "本章将聚焦报表制作的四大功能点之四 ——填报入门，了解参数原理并实现报表的筛选",
-          },
-          {
-            name: "第六章 决策报表入门",
-            info: "本章将介绍另一种报表设计类型 ——决策报表，简述其区别以及具体应用的场景",
-          },
-          {
-            name: "第七章 决策系统简介",
-            info: "本章将带大家了解决策系统的概念，学会使用决策系统挂载报表",
-          },
-        ],
-        newplaytil: '',
-        newplayinfo: '',
-        newplayNum: '',
-        newplayCount: '',
-        arrNewId: [
-          [895, 896, 897, 1964, 898, 1965,],
-          [920, 921, 922, 923, 924, 925, 1966],
-          [930, 1967, 931],
-          [932, 933, 912],
-          [908, 909, 910],
-          [928, 929, 1968],
-          [926, 927],
-        ],
-        newVideoList: [],
-        //播放器相关
-        videoObject: {
-          container: '#VideoPlay',
-          variable: 'player',
-          autoplay: false,
-          html5m3u8: true,
-          subtitle: false,
-          loop: false,
-          video: '',
-          seek: '0',
+import { getLessonList, getVideo, classlog, getNode, updateNode, luckDraw, getStudentList } from "@/api/video";
+import { toRefs, reactive, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import store from "@/store";
+import { addUrlFrom } from "@/api/guide";
+import { useRoute } from "vue-router";
+
+export default {
+  name: "guide_finereport",
+
+  setup() {
+    const courseid = 81; //课程id写死
+    //const { proxy } = getCurrentInstance();
+    const route = useRoute();
+    let get_from = route.query.from ? route.query.from : 0;
+    const state = reactive({
+      newplaytilArr: [
+        {
+          name: "第一章 初识FineReport",
+          info: "本章将教你如何安装FineReport，了解其功能以及制作一张寄出报表的简单操作",
         },
-        video: {},
-        ckPlayer: null,
-        logid: 0,
-        videoid: 0,
-        showVideo: false,
-        play_id: '',
-        play_title: '',
-        play_videotime: '',
-        play_key: null,
-        chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
-        roadArr: [
-          { name: "one", open: "_no" },
-          { name: "two", open: "_no" },
-          { name: "three", open: "_no" },
-          { name: "four", open: "_no" },
-          { name: "five", open: "_no" },
-          { name: "six", open: "_no" },
-          { name: "seven", open: "_no" },
-          { name: "eight", open: "_no" },
-        ],
-        wfgifPosition: [
-          { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-          { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-        ],
-        wfgifSty: false,
-        wfgifTrend: '',//方向
-        nodeData: {},// 节点全部数据
-        curLevel: null,// 当前关卡进度
-        pvLevel: null,// 上一关关卡
-        curGps: null,
-        dataLevel: null,// 数据库记录的进度
-        renzheng: 7,//写死认证关卡
-        jiangli: 8,//写死奖励关卡
-        mkProgress: 0,
-        newmkProgress: 0,
-        isAllChapter: false,//显示弹出层进入下一章
-        isgotoLevel: true,//禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
-        iwanchengfs: false,
-        isAuth: false,
-        jiayou: true,
-        wufanjiayou: true,
-        showChapter: false,
-        showCert: false,
-        showCertNo: false,
-        showCertYes: false,
-        showGift: false,
-        showGiftNo: true,
-        showGiftYes: false,
-        showGiftOpen: false,
-        openCartYes: true,
-        openCartNo: false,
-        iwancheng: 'iwancheng',
-        loading: true,
-        isCert: false,//是否通过认证
-        AllLevel: false,//显示全部完成动画
-        myseconds: 3,//倒计时秒
-        styTsam: '',
-        loopScroll: true,
-        studentList: [],
-        isStudentList: false,
-        curGps_jiangli: false,
-        autoNextch: true,
-
-      })
-      // 未登录跳转
-      // if (!store.getters.get_uid) {
-      //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
-      // }
-
-      // 来源埋点
-      if (get_from) {
-        const resaddUrlFrom = async () => {
-          let postData = {
-            type: 'fr',
-            from: get_from,
-          }
-          await addUrlFrom(postData);
+        {
+          name: "第二章 报表设计",
+          info: "本章将聚焦报表制作的四大功能点之一 ——报表制作，涵盖其属性与功能操作的基础",
+        },
+        {
+          name: "第三章 图表入门",
+          info: "本章将聚焦报表制作的四大功能点之二 ——图表设计，重点说明入门阶段需掌握的样式与制作流程",
+        },
+        {
+          name: "第四章 参数入门",
+          info: "本章将聚焦报表制作的四大功能点之三 ——参数入门，了解参数原理并实现报表的筛选",
+        },
+        {
+          name: "第五章 填报入门",
+          info: "本章将聚焦报表制作的四大功能点之四 ——填报入门，了解参数原理并实现报表的筛选",
+        },
+        {
+          name: "第六章 决策报表入门",
+          info: "本章将介绍另一种报表设计类型 ——决策报表，简述其区别以及具体应用的场景",
+        },
+        {
+          name: "第七章 决策系统简介",
+          info: "本章将带大家了解决策系统的概念，学会使用决策系统挂载报表",
+        },
+      ],
+      newplaytil: "",
+      newplayinfo: "",
+      newplayNum: "",
+      newplayCount: "",
+      arrNewId: [
+        [895, 896, 897, 1964, 898, 1965],
+        [920, 921, 922, 923, 924, 925, 1966],
+        [930, 1967, 931],
+        [932, 933, 912],
+        [908, 909, 910],
+        [928, 929, 1968],
+        [926, 927],
+      ],
+      newVideoList: [],
+      //播放器相关
+      videoObject: {
+        container: "#VideoPlay",
+        variable: "player",
+        autoplay: false,
+        html5m3u8: true,
+        subtitle: false,
+        loop: false,
+        video: "",
+        seek: "0",
+      },
+      video: {},
+      ckPlayer: null,
+      logid: 0,
+      videoid: 0,
+      showVideo: false,
+      play_id: "",
+      play_title: "",
+      play_videotime: "",
+      play_key: null,
+      chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
+      roadArr: [
+        { name: "one", open: "_no" },
+        { name: "two", open: "_no" },
+        { name: "three", open: "_no" },
+        { name: "four", open: "_no" },
+        { name: "five", open: "_no" },
+        { name: "six", open: "_no" },
+        { name: "seven", open: "_no" },
+        { name: "eight", open: "_no" },
+      ],
+      wfgifPosition: [
+        { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+        { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+      ],
+      wfgifSty: false,
+      wfgifTrend: "", //方向
+      nodeData: {}, // 节点全部数据
+      curLevel: null, // 当前关卡进度
+      pvLevel: null, // 上一关关卡
+      curGps: null,
+      dataLevel: null, // 数据库记录的进度
+      renzheng: 7, //写死认证关卡
+      jiangli: 8, //写死奖励关卡
+      mkProgress: 0,
+      newmkProgress: 0,
+      isAllChapter: false, //显示弹出层进入下一章
+      isgotoLevel: true, //禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
+      iwanchengfs: false,
+      isAuth: false,
+      jiayou: true,
+      wufanjiayou: true,
+      showChapter: false,
+      showCert: false,
+      showCertNo: false,
+      showCertYes: false,
+      showGift: false,
+      showGiftNo: true,
+      showGiftYes: false,
+      showGiftOpen: false,
+      openCartYes: true,
+      openCartNo: false,
+      iwancheng: "iwancheng",
+      loading: true,
+      isCert: false, //是否通过认证
+      AllLevel: false, //显示全部完成动画
+      myseconds: 3, //倒计时秒
+      styTsam: "",
+      loopScroll: true,
+      studentList: [],
+      isStudentList: false,
+      curGps_jiangli: false,
+      autoNextch: true,
+      deepPlay: true,
+    });
+    // 未登录跳转
+    // if (!store.getters.get_uid) {
+    //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
+    // }
+
+    // 来源埋点
+    if (get_from) {
+      const resaddUrlFrom = async () => {
+        let postData = {
+          type: "fr",
+          from: get_from,
         };
-        resaddUrlFrom();
-      }
-
+        await addUrlFrom(postData);
+      };
+      resaddUrlFrom();
+    }
 
-      // 切换下一章
-      const nextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-          } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
-          }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 500);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+    // 切换下一章
+    const nextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 800);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position + ' margin-top: 64px;';
-        }, 3000);
-        setTimeout(function () {
-          state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          state.isgotoLevel = true;
-
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            if (state.autoNextch === true) {
-              isAutoNextch();
-            }
-            // 判断当前章节是否全部完成
-            if (state.mkProgress == state.newplayNum) {
-              state.isAllChapter = true;
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 500);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 800);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position + " margin-top: 64px;";
+      }, 3000);
+      setTimeout(function() {
+        state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        state.isgotoLevel = true;
+
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          if (state.autoNextch === true) {
+            isAutoNextch();
           }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.newmkProgress = 100;
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            } else {
-              state.newmkProgress = 0;
-            }
+          // 判断当前章节是否全部完成
+          if (state.mkProgress == state.newplayNum) {
+            state.isAllChapter = true;
           }
-
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 4500);
-
-      }
-      // 自动切换下一章
-      const autoNextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.newmkProgress = 100;
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+            state.newmkProgress = 0;
           }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 200);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        }
+
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 4500);
+    };
+    // 自动切换下一章
+    const autoNextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 400);
-
-        setTimeout(function () {
-          //state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            isAutoNextch();
-          }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 200);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 400);
+
+      setTimeout(function() {
+        //state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          isAutoNextch();
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           }
+        }
 
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 2000);
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 2000);
+    };
 
-      }
+    //自动切换章节中转
+    const isAutoNextch = () => {
+      let nexLevel = state.curLevel + 1;
+      //前6章有章节视频 第6章后没有
+      if (nexLevel < 6) {
+        let nex_mkProgress = 0; //初始化下一章进度
+        let nex_newplayNum = state.arrNewId[nexLevel].length; //统计下一张总进度
 
-      //自动切换章节中转
-      const isAutoNextch = () => {
-
-        let nexLevel = state.curLevel + 1;
-        //前6章有章节视频 第6章后没有
-        if (nexLevel < 6) {
-          let nex_mkProgress = 0;//初始化下一章进度
-          let nex_newplayNum = state.arrNewId[nexLevel].length;//统计下一张总进度
-
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[nexLevel])) {
-                //state.newVideoList = state.newVideoList.concat(item);
-                //下一章节，总小节进度
-                if (item.play_progress > 0) {
-                  nex_mkProgress = nex_mkProgress + 1;
-                }
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[nexLevel])) {
+              //state.newVideoList = state.newVideoList.concat(item);
+              //下一章节，总小节进度
+              if (item.play_progress > 0) {
+                nex_mkProgress = nex_mkProgress + 1;
               }
-            });
+            }
           });
+        });
 
-          if (nex_mkProgress == nex_newplayNum) {
-            state.autoNextch = true;
-            autoNextch();
-          } else {
-            state.autoNextch = false;
-            nextch();
-          }
+        if (nex_mkProgress == nex_newplayNum) {
+          state.autoNextch = true;
+          autoNextch();
         } else {
           state.autoNextch = false;
           nextch();
         }
-
+      } else {
+        state.autoNextch = false;
+        nextch();
       }
+    };
 
+    // 更新进度节点
+    const resUpdateNode = async (prm) => {
+      let nodedata = {
+        node: prm,
+      };
+      await updateNode(nodedata);
+    };
+
+    // 获取学习状态
+    const resgetNode = async () => {
+      const res = await getNode();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          state.nodeData = res.data;
+          state.curLevel = res.data.node;
+          state.curGps = res.data.node;
+          state.dataLevel = res.data.node;
+
+          // 响应认证状态
+          if (res.data.isFCRA === -1) {
+            state.isCert = false;
+            state.showCertNo = true;
+          }
+          if (res.data.isFCRA === 1) {
+            state.isCert = true;
+            state.showCertYes = true;
+            state.showGiftNo = false;
+          }
 
+          if (res.data.isFCRA === 1 && state.curLevel >= 7) {
+            state.showGiftYes = true;
+          }
 
-      // 更新进度节点
-      const resUpdateNode = async (prm) => {
-        let nodedata = {
-          node: prm
-        }
-        await updateNode(nodedata);
-      }
-
-      // 获取学习状态
-      const resgetNode = async () => {
-        const res = await getNode();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            state.nodeData = res.data;
-            state.curLevel = res.data.node;
-            state.curGps = res.data.node;
-            state.dataLevel = res.data.node;
-
-            // 响应认证状态
-            if (res.data.isFCRA === -1) {
-              state.isCert = false;
-              state.showCertNo = true;
-            }
-            if (res.data.isFCRA === 1) {
-              state.isCert = true;
-              state.showCertYes = true;
-              state.showGiftNo = false;
-            }
+          // 认证通过的7-8关卡隐藏悟帆加油
+          if (res.data.node == state.renzheng || (res.data.node == state.jiangli && res.data.isFCRA === 1)) {
+            state.jiayou = false;
+            state.wufanjiayou = false;
+          }
 
-            if (res.data.isFCRA === 1 && state.curLevel >= 7) {
-              state.showGiftYes = true;
-            }
+          // 显示章节板块
+          if (res.data.node < state.renzheng) {
+            state.showCert = false;
+            state.showChapter = true;
+            state.showGift = false;
+            state.loading = false;
+          }
+          // 显示认证板块
+          if (res.data.node == state.renzheng) {
+            state.showCert = true;
+            state.wufanjiayou = true;
+            state.jiayou = true;
+            state.showChapter = false;
+            state.showGift = false;
+            state.loading = false;
 
-            // 认证通过的7-8关卡隐藏悟帆加油
-            if (res.data.node == state.renzheng || res.data.node == state.jiangli && res.data.isFCRA === 1) {
+            // 通过认证
+            if (state.isCert === true) {
               state.jiayou = false;
               state.wufanjiayou = false;
+              state.iwanchengfs = true;
+              state.pvLevel = 7;
+              state.isAllChapter = false;
+              //显示通关动画
+              levelFs();
             }
-
-            // 显示章节板块
-            if (res.data.node < state.renzheng) {
-              state.showCert = false;
-              state.showChapter = true;
-              state.showGift = false;
-              state.loading = false;
-            }
-            // 显示认证板块
-            if (res.data.node == state.renzheng) {
-              state.showCert = true;
-              state.wufanjiayou = true;
-              state.jiayou = true;
-              state.showChapter = false;
-              state.showGift = false;
-              state.loading = false;
-
-              // 通过认证
-              if (state.isCert === true) {
-                state.jiayou = false;
-                state.wufanjiayou = false;
-                state.iwanchengfs = true;
-                state.pvLevel = 7;
-                state.isAllChapter = false;
-                //显示通关动画
-                levelFs();
-
-              }
-
-            }
-            // 显示礼物板块
-            if (res.data.node === state.jiangli) {
-              state.showCert = false;
-              state.showChapter = false;
-              state.showGift = true;
-              state.loading = false;
-              state.curGps_jiangli = state.jiangli;
-              //打开了红包
-              if (res.data.gift == 1) {
-                state.showGiftYes = false;
-                state.showGiftNo = false;
-                state.showGiftOpen = true;
-              }
+          }
+          // 显示礼物板块
+          if (res.data.node === state.jiangli) {
+            state.showCert = false;
+            state.showChapter = false;
+            state.showGift = true;
+            state.loading = false;
+            state.curGps_jiangli = state.jiangli;
+            //打开了红包
+            if (res.data.gift == 1) {
+              state.showGiftYes = false;
+              state.showGiftNo = false;
+              state.showGiftOpen = true;
             }
-
-            upRoad(); // 更新点亮公路
-            reslooplist(); //要先返回节点状态,在读取视频课程
-
           }
-        }
-      };
-      resgetNode();
-
 
-      // 公路状态,被动更新(点亮)
-      const upRoad = () => {
-        state.roadArr.forEach((item, index) => {
-          if (index < state.curLevel) {
-            state.roadArr[index].open = '';
-          }
-        });
+          upRoad(); // 更新点亮公路
+          reslooplist(); //要先返回节点状态,在读取视频课程
+        }
       }
+    };
+    resgetNode();
 
-
-      // 课程目录
-      const reslooplist = async () => {
-        const params = {
-          uid: store.getters.get_uid,
+    // 公路状态,被动更新(点亮)
+    const upRoad = () => {
+      state.roadArr.forEach((item, index) => {
+        if (index < state.curLevel) {
+          state.roadArr[index].open = "";
         }
-        const res = await getLessonList(courseid, params);
-        if (res.code === 200) {
-
-          if (res.status != -1) {
-            state.countAtt = res.data.countAtt;
-            state.countList = res.data.countList;
-            state.msg = res.message;
-            state.looplist = res.data.list;
-            state.firstID = res.data.list[0].video[0].id;
-          }
-
-          // 默认显示的课程
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                state.newVideoList = state.newVideoList.concat(item);
-                //总小节进度
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
-              }
-            });
-          });
-
-          // 只读取有视频章节的关卡
-          if (state.curLevel < state.renzheng) {
-            state.newplaytil = state.newplaytilArr[state.curLevel].name;
-            state.newplayinfo = state.newplaytilArr[state.curLevel].info;
-            state.newplayNum = state.arrNewId[state.curLevel].length;
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100;
-          }
-
-          // 判断当前章节是否全部完成
-          if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
-            state.isAllChapter = true;
-          }
-          //console.log(state.mkProgress,state.newplayNum);
-
-          // 首次进度条动画效果
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item, i) => {
-              setTimeout(function () {
-                state.looplist[index].video[i].progress = item.play_progress;
-              }, 500);
-            });
-          });
+      });
+    };
 
-          // 合计总时间 秒转小时
-          let timeCount = null;
-          state.newVideoList.forEach(item => {
-            timeCount = timeCount + item.it618_videotime;
-          });
-          let myhour = timeCount / 60 / 60;
-          state.newplayCount = myhour.toFixed(2);
-        }
+    // 课程目录
+    const reslooplist = async () => {
+      const params = {
+        uid: store.getters.get_uid,
       };
-
-      // 切换板块中转
-      const gotoLevel = (id, resetProgress = 0) => {
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.newmkProgress = 0;
-        }
-
-        //关闭奖励节点的定位三角
-        if (id != state.jiangli) {
-          state.curGps_jiangli = false;
-        }
-
-        // 显示认证板块
-        if (id === state.renzheng) {
-          state.showChapter = false;
-          state.showGift = false;
-          state.showCert = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          if (state.isCert === true) {
-            setTimeout(function () {
-              state.newmkProgress = 100;
-            }, 500);
-          }
-        }
-        // 显示奖品板块
-        else if (id === state.jiangli) {
-          state.isAllChapter = false;
-          state.showChapter = false;
-          state.showCert = false;
-          state.jiayou = false;
-          state.wufanjiayou = false;
-          state.showGift = true;
-          state.curGps_jiangli = state.jiangli;
-        }
-        // 显示章节
-        else {
-          // 事件开关  如果是关闭的阻止继续执行当前逻辑
-          if (state.isgotoLevel === false) {
-            return false;
-          }
-          state.showGift = false;
-          state.showCert = false;
-          state.showChapter = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          gotoLevel_ch(id, resetProgress);
+      const res = await getLessonList(courseid, params);
+      if (res.code === 200) {
+        if (res.status != -1) {
+          state.countAtt = res.data.countAtt;
+          state.countList = res.data.countList;
+          state.msg = res.message;
+          state.looplist = res.data.list;
+          state.firstID = res.data.list[0].video[0].id;
         }
-      }
 
-      // 切换章节
-      const gotoLevel_ch = (id, resetProgress = 0) => {
-        state.play_key = null;
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.mkProgress = 0;
-        }
-        state.newplaytil = state.newplaytilArr[id].name;
-        state.newplayinfo = state.newplaytilArr[id].info;
-        state.newplayNum = state.arrNewId[id].length;
-        state.newVideoList = [];
+        // 默认显示的课程
         state.looplist.forEach((item, index) => {
           state.looplist[index].video.forEach((item) => {
-            if (in_array(item.id, state.arrNewId[id])) {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
               state.newVideoList = state.newVideoList.concat(item);
               //总小节进度
               if (item.play_progress > 0) {
@@ -894,1221 +754,1303 @@
             }
           });
         });
-        // 章节进度百分比 延迟下为了显示进度条动画
-        if (resetProgress == 'resetProgress') {
-          setTimeout(function () {
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100
-          }, 500);
+
+        // 只读取有视频章节的关卡
+        if (state.curLevel < state.renzheng) {
+          state.newplaytil = state.newplaytilArr[state.curLevel].name;
+          state.newplayinfo = state.newplaytilArr[state.curLevel].info;
+          state.newplayNum = state.arrNewId[state.curLevel].length;
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }
+
+        // 判断当前章节是否全部完成
+        if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
+          state.isAllChapter = true;
         }
+        //console.log(state.mkProgress,state.newplayNum);
+
+        // 首次进度条动画效果
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item, i) => {
+            setTimeout(function() {
+              state.looplist[index].video[i].progress = item.play_progress;
+            }, 500);
+          });
+        });
 
         // 合计总时间 秒转小时
         let timeCount = null;
-        state.newVideoList.forEach(item => {
+        state.newVideoList.forEach((item) => {
           timeCount = timeCount + item.it618_videotime;
         });
         let myhour = timeCount / 60 / 60;
         state.newplayCount = myhour.toFixed(2);
       }
+    };
 
-      // 查找数组id
-      function in_array(search, array) {
-        for (var i in array) {
-          if (array[i] == search) {
-            return true;
-          }
-        }
-        return false;
+    // 切换板块中转
+    const gotoLevel = (id, resetProgress = 0) => {
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.newmkProgress = 0;
       }
 
+      //关闭奖励节点的定位三角
+      if (id != state.jiangli) {
+        state.curGps_jiangli = false;
+      }
 
-      // 埋点请求
-      const postlogData = async () => {
-        let logData = {
-          logid: state.logid,
-          pytime: localStorage.getItem(state.videoid + '_playTime_video'),
+      // 显示认证板块
+      if (id === state.renzheng) {
+        state.showChapter = false;
+        state.showGift = false;
+        state.showCert = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        if (state.isCert === true) {
+          setTimeout(function() {
+            state.newmkProgress = 100;
+          }, 500);
         }
-        let isPtime = localStorage.getItem(state.videoid + '_playTime_video');
-        if (isPtime > 2) {
-          //观看记录
-          await classlog(logData);
-          //章节进度
-          //await addfinereport(logData);
+      }
+      // 显示奖品板块
+      else if (id === state.jiangli) {
+        state.isAllChapter = false;
+        state.showChapter = false;
+        state.showCert = false;
+        state.jiayou = false;
+        state.wufanjiayou = false;
+        state.showGift = true;
+        state.curGps_jiangli = state.jiangli;
+      }
+      // 显示章节
+      else {
+        // 事件开关  如果是关闭的阻止继续执行当前逻辑
+        if (state.isgotoLevel === false) {
+          return false;
         }
+        state.showGift = false;
+        state.showCert = false;
+        state.showChapter = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        gotoLevel_ch(id, resetProgress);
+      }
+    };
+
+    // 切换章节
+    const gotoLevel_ch = (id, resetProgress = 0) => {
+      state.play_key = null;
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.mkProgress = 0;
+      }
+      state.newplaytil = state.newplaytilArr[id].name;
+      state.newplayinfo = state.newplaytilArr[id].info;
+      state.newplayNum = state.arrNewId[id].length;
+      state.newVideoList = [];
+      state.looplist.forEach((item, index) => {
+        state.looplist[index].video.forEach((item) => {
+          if (in_array(item.id, state.arrNewId[id])) {
+            state.newVideoList = state.newVideoList.concat(item);
+            //总小节进度
+            if (item.play_progress > 0) {
+              state.mkProgress = state.mkProgress + 1;
+            }
+          }
+        });
+      });
+      // 章节进度百分比 延迟下为了显示进度条动画
+      if (resetProgress == "resetProgress") {
+        setTimeout(function() {
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }, 500);
       }
 
-      // 监听关闭视频
-      const closeVideo = () => {
-        state.ckPlayer.videoClear();
-        state.ckPlayer = null;
-        document.getElementById("VideoPlay").innerHTML = "";
-
-        // 重置播放进度
-        let getpytime = localStorage.getItem(state.play_id + '_playTime_video')
-        if (getpytime > 0) {
-          let new_progress = parseInt(getpytime / state.play_videotime * 100);
-          state.newVideoList[state.play_key].progress = new_progress;
-          state.newVideoList[state.play_key].play_progress = new_progress;
+      // 合计总时间 秒转小时
+      let timeCount = null;
+      state.newVideoList.forEach((item) => {
+        timeCount = timeCount + item.it618_videotime;
+      });
+      let myhour = timeCount / 60 / 60;
+      state.newplayCount = myhour.toFixed(2);
+    };
+
+    // 查找数组id
+    function in_array(search, array) {
+      for (var i in array) {
+        if (array[i] == search) {
+          return true;
         }
+      }
+      return false;
+    }
 
-
-        //重置当前学习节点章节进度
-        if (getpytime > 2) {
-          state.mkProgress = 0;
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                //总小节数
-                state.newplayNum = state.arrNewId[state.curLevel].length;
-                //当前完成数
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
+    // 埋点请求
+    const postlogData = async () => {
+      let logData = {
+        logid: state.logid,
+        pytime: localStorage.getItem(state.videoid + "_playTime_video"),
+      };
+      let isPtime = localStorage.getItem(state.videoid + "_playTime_video");
+      if (isPtime > 2) {
+        //观看记录
+        await classlog(logData);
+        //章节进度
+        //await addfinereport(logData);
+      }
+    };
+
+    // 监听关闭视频
+    const closeVideo = () => {
+      state.deepPlay = true;
+      state.ckPlayer.videoClear();
+      state.ckPlayer = null;
+      document.getElementById("VideoPlay").innerHTML = "";
+
+      // 重置播放进度
+      let getpytime = localStorage.getItem(state.play_id + "_playTime_video");
+      if (getpytime > 0) {
+        let new_progress = parseInt((getpytime / state.play_videotime) * 100);
+        state.newVideoList[state.play_key].progress = new_progress;
+        state.newVideoList[state.play_key].play_progress = new_progress;
+      }
+
+      //重置当前学习节点章节进度
+      if (getpytime > 2) {
+        state.mkProgress = 0;
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
+              //总小节数
+              state.newplayNum = state.arrNewId[state.curLevel].length;
+              //当前完成数
+              if (item.play_progress > 0) {
+                state.mkProgress = state.mkProgress + 1;
               }
-            });
+            }
           });
-          state.newmkProgress = state.mkProgress / state.newplayNum * 100
-        }
-
-        // 判断当前章节是否全部完成
-        if (state.mkProgress == state.newplayNum) {
-          state.isAllChapter = true;
-        }
-
-        // 首次学的插入数据
-        if (state.nodeData.firstStudy === true && getpytime > 2) {
-          //更新节点(第一次的话会执行插入)
-          resUpdateNode(0);
-          // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
-          //resgetNode();
-        }
-
-        // 发送埋点
-        postlogData();
+        });
+        state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
       }
 
-      // 列表点击切换视频
-      const getvideo_click = async (id, key) => {
-        state.showVideo = true;
-        state.play_key = key;
-        if (state.ckPlayer) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
-        }
-        getvideo(id)
+      // 判断当前章节是否全部完成
+      if (state.mkProgress == state.newplayNum) {
+        state.isAllChapter = true;
       }
 
-      // 封装视频渲染
-      const getvideo = async (id) => {
-
-        // 获取视频
-        const res = await getVideo(id);
-        if (res.code === 200) {
-          state.play_id = id;
-          state.video = res.data;
-          state.play_title = res.data.it618_name;
-          state.play_videotime = res.data.it618_videotime;
-          state.videoObject.video = res.data.it618_videourl;
-
-          if (res.data.playtime > 0) {
-            state.videoObject.seek = res.data.playtime;
-          }
-          state.msg = res.message;
-          if (res.status === -1) {
-            state.isAuth = false;
-            state.empty = true;
-          } else {
-            state.isAuth = true;
-          }
-        }
+      // 首次学的插入数据
+      if (state.nodeData.firstStudy === true && getpytime > 2) {
+        //更新节点(第一次的话会执行插入)
+        resUpdateNode(0);
+        // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
+        //resgetNode();
+      }
 
-        // 实例化播放器
-        state.videoObject.autoplay = false;
-        state.ckPlayer = new ckplayer(state.videoObject);
+      // 发送埋点
+      postlogData();
+    };
 
-        // 监听播放时间
-        state.ckPlayer.addListener('time', timeHandler);
-        function timeHandler(t) {
-          let tm = parseInt(t);
-          localStorage.setItem(id + '_playTime_video', tm);
+    // 列表点击切换视频
+    const getvideo_click = async (id, key) => {
+      state.showVideo = true;
+      state.play_key = key;
+      if (state.ckPlayer) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
+      }
+      getvideo(id);
+    };
+
+    // 封装视频渲染
+    const getvideo = async (id) => {
+      state.deepPlay = false;
+      // 获取视频
+      const res = await getVideo(id);
+      if (res.code === 200) {
+        state.play_id = id;
+        state.video = res.data;
+        state.play_title = res.data.it618_name;
+        state.play_videotime = res.data.it618_videotime;
+        state.videoObject.video = res.data.it618_videourl;
+
+        if (res.data.playtime > 0) {
+          state.videoObject.seek = res.data.playtime;
         }
-
-        // 如果没播放权限清除视频
-        if (state.isAuth === false) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
+        state.msg = res.message;
+        if (res.status === -1) {
+          state.isAuth = false;
+          state.empty = true;
+        } else {
+          state.isAuth = true;
         }
+      }
 
-        // 发送埋点
-        postlogData();
+      // 实例化播放器
+      state.videoObject.autoplay = false;
+      state.ckPlayer = new ckplayer(state.videoObject);
 
-        // 重置新id
-        state.logid = res.data.logid;
-        state.videoid = res.data.id;
+      // 监听播放时间
+      state.ckPlayer.addListener("time", timeHandler);
+      function timeHandler(t) {
+        let tm = parseInt(t);
+        localStorage.setItem(id + "_playTime_video", tm);
+      }
 
-        return state;
+      // 如果没播放权限清除视频
+      if (state.isAuth === false) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
       }
 
+      // 发送埋点
+      postlogData();
+
+      // 重置新id
+      state.logid = res.data.logid;
+      state.videoid = res.data.id;
+
+      return state;
+    };
 
-      onMounted(() => {
-        var new_element = document.createElement("script");
-        new_element.setAttribute("type", "text/javascript");
-        new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
-        document.body.appendChild(new_element);
-      })
+    onMounted(() => {
+      var new_element = document.createElement("script");
+      new_element.setAttribute("type", "text/javascript");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      document.body.appendChild(new_element);
+    });
 
-      const noLevel = (item) => {
-        if (item == 'gift') {
-          state.jiayou = false;
+    const noLevel = (item) => {
+      if (item == "gift") {
+        state.jiayou = false;
+        state.curGps_jiangli = state.jiangli;
+        state.showGift = true;
+        state.showGiftNo = true;
+        state.showChapter = false;
+        state.showCert = false;
+      } else {
+        ElMessage.error({
+          message: "当前章节未解锁，请按顺序学习哦~",
+          offset: 140,
+        });
+      }
+    };
+    // 通关动画
+    const levelFs = () => {
+      state.AllLevel = true;
+      state.showCert = true;
+      state.showCertYes = true;
+
+      var interval = setInterval(() => {
+        state.myseconds--;
+        if (state.myseconds <= 0) {
+          state.AllLevel = false;
           state.curGps_jiangli = state.jiangli;
-          state.showGift = true;
-          state.showGiftNo = true;
-          state.showChapter = false;
-          state.showCert = false;
+          clearInterval(interval);
+          // 更新关卡
+          state.curLevel = 8;
+          // 更新点亮公路
+          upRoad();
+          // 更新后端节点
+          resUpdateNode(8);
+          //显示奖励板块
+          setTimeout(function() {
+            state.styTsam = "rollovers";
+            setTimeout(function() {
+              state.showCert = false;
+              state.showChapter = false;
+              state.showGift = true;
+              state.showGiftYes = true;
+              // 更新下state.nodeData数据
+              resgetNode();
+            }, 700);
+          }, 500);
+        }
+      }, 1000);
+      state.myseconds = 3;
+    };
+
+    //抽取奖励
+    const resLuckDraw = async () => {
+      const res = await luckDraw();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          //显示奖励板块
+          state.styTsam = "rollovers2";
+          setTimeout(function() {
+            // 更新下state.nodeData数据
+            resgetNode();
+            state.showGiftYes = false;
+            state.showGiftNo = false;
+            state.showGiftOpen = true;
+            resStudentList();
+            setTimeout(function() {
+              ElMessage.success({
+                message: "恭喜您抽到价值：" + res.data.coupon_value + "元的优惠券",
+                offset: 140,
+              });
+            }, 500);
+          }, 1700);
         } else {
           ElMessage.error({
-            message: '当前章节未解锁，请按顺序学习哦~',
-            offset: 140
+            message: res.message,
+            offset: 140,
           });
         }
       }
-      // 通关动画
-      const levelFs = () => {
-        state.AllLevel = true;
-        state.showCert = true;
-        state.showCertYes = true;
-
-        var interval = setInterval(() => {
-          state.myseconds--;
-          if (state.myseconds <= 0) {
-            state.AllLevel = false;
-            state.curGps_jiangli = state.jiangli;
-            clearInterval(interval);
-            // 更新关卡
-            state.curLevel = 8;
-            // 更新点亮公路
-            upRoad();
-            // 更新后端节点
-            resUpdateNode(8);
-            //显示奖励板块
-            setTimeout(function () {
-              state.styTsam = 'rollovers';
-              setTimeout(function () {
-                state.showCert = false;
-                state.showChapter = false;
-                state.showGift = true;
-                state.showGiftYes = true;
-                // 更新下state.nodeData数据
-                resgetNode();
-              }, 700);
-            }, 500);
-          }
-        }, 1000);
-        state.myseconds = 3;
-      }
-
-      //抽取奖励
-      const resLuckDraw = async () => {
-        const res = await luckDraw();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            //显示奖励板块
-            state.styTsam = 'rollovers2';
-            setTimeout(function () {
-              // 更新下state.nodeData数据
-              resgetNode();
-              state.showGiftYes = false;
-              state.showGiftNo = false;
-              state.showGiftOpen = true;
-              resStudentList()
-              setTimeout(function () {
-                ElMessage.success({
-                  message: '恭喜您抽到价值：' + res.data.coupon_value + '元的优惠券',
-                  offset: 140
-                });
-              }, 500);
-            }, 1700);
-          } else {
-            ElMessage.error({
-              message: res.message,
-              offset: 140
-            });
-          }
-        }
-      };
-
-      //抽取奖励
-      const openCart = () => {
-        state.openCartYes = false;
-        state.openCartNo = true;
-        resLuckDraw();
-      }
-
-      //获取完成学员
-      const resStudentList = async () => {
-        const res = await getStudentList();
-        if (res.code === 200) {
-          state.studentList = res.data;
-          if (res.data.length == 0) {
-            state.isStudentList = true;
-          } else {
-            state.isStudentList = false;
-          }
+    };
+
+    //抽取奖励
+    const openCart = () => {
+      state.openCartYes = false;
+      state.openCartNo = true;
+      resLuckDraw();
+    };
+
+    //获取完成学员
+    const resStudentList = async () => {
+      const res = await getStudentList();
+      if (res.code === 200) {
+        state.studentList = res.data;
+        if (res.data.length == 0) {
+          state.isStudentList = true;
+        } else {
+          state.isStudentList = false;
         }
-      };
-      resStudentList();
-
-      return {
-        ...toRefs(state),
-        gotoLevel,
-        getvideo_click,
-        closeVideo,
-        noLevel,
-        isAutoNextch,
-        openCart,
       }
-
-    }
-
-  }
-
+    };
+    resStudentList();
+
+    return {
+      ...toRefs(state),
+      gotoLevel,
+      getvideo_click,
+      closeVideo,
+      noLevel,
+      isAutoNextch,
+      openCart,
+    };
+  },
+};
 </script>
 
-
 <style lang="scss" scoped>
-  .main {
-    width: 100%;
-    min-width: 1280px;
-    background-color: #0082fc;
-    margin-bottom: -40px;
-    height: 960px;
+.main {
+  width: 100%;
+  min-width: 1280px;
+  background-color: #0082fc;
+  margin-bottom: -40px;
+  height: 960px;
+}
+
+.mainbox {
+  position: relative;
+  background-color: #0082fc;
+  width: 1280px;
+  margin: 0 auto;
+}
+
+.toptil {
+  color: #fff;
+  padding: 32px 0 40px;
+
+  .til {
+    font-size: 40px;
+    color: #fff;
   }
 
-  .mainbox {
-    position: relative;
-    background-color: #0082fc;
-    width: 1280px;
-    margin: 0 auto;
-
+  .fgx {
+    display: inline-block;
+    height: 36px;
+    width: 1px;
+    background-color: #fff;
+    margin: 0 24px;
   }
 
+  .tinfo {
+    font-size: 14px;
+    line-height: 22px;
+  }
 
-  .toptil {
+  .hig {
+    display: inline-block;
     color: #fff;
-    padding: 32px 0 40px;
+    background-color: #e7a41f;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 0px 4px;
+  }
+}
+
+.mapmain {
+  position: absolute;
+  left: -150px;
+  width: 1300px;
+  height: 800px;
+  background-image: url("~@/assets/guide/finereport/bg.png");
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+
+  /* 悟帆走路 */
+  .wfgif-rt {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finereport/wf_rt.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .til {
-      font-size: 40px;
-      color: #fff;
-    }
+  .wfgif-lf {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finereport/wf_lf.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .fgx {
-      display: inline-block;
-      height: 36px;
-      width: 1px;
-      background-color: #fff;
-      margin: 0 24px;
+  @keyframes wfgif {
+    0% {
+      background-position: 0 0;
     }
 
-    .tinfo {
-      font-size: 14px;
-      line-height: 22px;
+    50% {
+      background-position: 0 -70px;
     }
 
-    .hig {
-      display: inline-block;
-      color: #fff;
-      background-color: #E7A41F;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 0px 4px;
+    100% {
+      background-position: 0 0;
     }
   }
 
-  .mapmain {
+  /* 章节 */
+  .chapter {
     position: absolute;
-    left: -150px;
-    width: 1300px;
-    height: 800px;
-    background-image: url("~@/assets/guide/finereport/bg.png");
+    z-index: 2;
     background-size: 100% auto;
     background-repeat: no-repeat;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.3s;
 
-    /* 悟帆走路 */
-    .wfgif-rt {
+    &.cur {
+      cursor: pointer;
+    }
+
+    &.old {
+      opacity: 0.8;
+    }
+
+    .iwancheng {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finereport/wf_rt.png") no-repeat;
+      width: 28px;
+      height: 28px;
+      background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -2px;
+      margin-left: -14px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
     }
 
-    .wfgif-lf {
+    .iwancheng_fs {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finereport/wf_lf.png") no-repeat;
+      width: 160px;
+      height: 160px;
+      background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -50px;
+      margin-left: -80px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
+      animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
     }
 
-    @keyframes wfgif {
+    @keyframes iwancheng {
       0% {
-        background-position: 0 0;
-      }
-
-      50% {
-        background-position: 0 -70px;
+        width: 160px;
+        height: 160px;
       }
 
       100% {
-        background-position: 0 0;
-      }
-    }
-
-    /* 章节 */
-    .chapter {
-      position: absolute;
-      z-index: 2;
-      background-size: 100% auto;
-      background-repeat: no-repeat;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .3s;
-
-      &.cur {
-        cursor: pointer;
-      }
-
-      &.old {
-        opacity: 0.8;
-      }
-
-
-      .iwancheng {
-        position: absolute;
         width: 28px;
         height: 28px;
-        background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
         bottom: -2px;
         margin-left: -14px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-      }
-
-      .iwancheng_fs {
-        position: absolute;
-        width: 160px;
-        height: 160px;
-        background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        bottom: -50px;
-        margin-left: -80px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-        animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
       }
+    }
 
-      @keyframes iwancheng {
-        0% {
-          width: 160px;
-          height: 160px;
-        }
+    .gps {
+      position: absolute;
+      width: 20px;
+      height: 40px;
+      background: url("~@/assets/guide/finereport/biaoji.png") no-repeat;
+      background-size: 100% auto;
+      left: 50%;
+      top: 50%;
+      margin-left: -10px;
+      margin-top: -18px;
+      animation: shaking 3s infinite;
+    }
 
-        100% {
-          width: 28px;
-          height: 28px;
-          bottom: -2px;
-          margin-left: -14px;
-        }
+    @keyframes shaking {
+      0% {
+        transform: translateY(-10px);
       }
 
-      .gps {
-        position: absolute;
-        width: 20px;
-        height: 40px;
-        background: url("~@/assets/guide/finereport/biaoji.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        top: 50%;
-        margin-left: -10px;
-        margin-top: -18px;
-        animation: shaking 3s infinite;
+      50% {
+        transform: translateY(10px);
       }
 
-      @keyframes shaking {
-        0% {
-          transform: translateY(-10px);
-        }
-
-        50% {
-          transform: translateY(10px);
-        }
-
-        100% {
-          transform: translateY(-10px);
-        }
+      100% {
+        transform: translateY(-10px);
       }
+    }
 
+    .all-progress {
+      position: absolute;
+      z-index: 6;
+      left: 50%;
+      top: 50%;
+      margin-left: -35px;
+      margin-top: 30px;
+    }
 
-      .all-progress {
-        position: absolute;
-        z-index: 6;
-        left: 50%;
-        top: 50%;
-        margin-left: -35px;
-        margin-top: 30px;
-      }
+    .jiayou {
+      width: 60px;
+      height: 60px;
+      margin-top: 1px;
+    }
 
-      .jiayou {
-        width: 60px;
-        height: 60px;
-        margin-top: 1px;
+    .challok {
+      position: absolute;
+      width: 120px;
+      height: 100px;
+      left: 50%;
+      top: 50%;
+      margin-left: -60px;
+      margin-top: -75px;
+      background-color: rgb(0, 0, 0, 0.8);
+      border-radius: 8px;
+      text-align: center;
+      color: #fff;
+
+      .til {
+        padding: 10px 0 10px;
       }
 
-      .challok {
-        position: absolute;
-        width: 120px;
-        height: 100px;
-        left: 50%;
-        top: 50%;
-        margin-left: -60px;
-        margin-top: -75px;
-        background-color: rgb(0, 0, 0, 0.8);
+      .btnnext {
+        width: 100px;
+        height: 32px;
+        line-height: 32px;
         border-radius: 8px;
-        text-align: center;
-        color: #fff;
-
-        .til {
-          padding: 10px 0 10px;
-        }
+        margin: 0 auto;
+        background-color: #0082fc;
 
-        .btnnext {
-          width: 100px;
-          height: 32px;
-          line-height: 32px;
-          border-radius: 8px;
-          margin: 0 auto;
-          background-color: #0082fc;
-
-          &:hover {
-            background-color: #369dfd;
-          }
+        &:hover {
+          background-color: #369dfd;
         }
       }
-
     }
+  }
 
-    .ch_one {
-      width: 150px;
-      height: 158px;
-      left: 145px;
-      top: 85px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/one.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/one1.png");
-      }
+  .ch_one {
+    width: 150px;
+    height: 158px;
+    left: 145px;
+    top: 85px;
 
-      &:hover {
-        width: 160px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/one.png");
     }
 
-    .ch_two {
-      width: 150px;
-      height: 158px;
-      left: 310px;
-      top: -6px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/two.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/two1.png");
-      }
-
-      &:hover {
-        width: 160px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/one1.png");
     }
 
-    .ch_three {
-      width: 152px;
-      height: 172px;
-      left: 460px;
-      top: 86px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/three.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/three1.png");
-      }
-
-      &:hover {
-        width: 162px;
-        height: 182px;
-        margin-top: -10px;
-        margin-left: -3px;
-        opacity: 1;
-      }
+    &:hover {
+      width: 160px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
     }
+  }
 
-    .ch_four {
-      width: 155px;
-      height: 174px;
-      left: 295px;
-      top: 178px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/four.png");
-      }
+  .ch_two {
+    width: 150px;
+    height: 158px;
+    left: 310px;
+    top: -6px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/four1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/two.png");
+    }
 
-      &:hover {
-        width: 165px;
-        height: 184px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/two1.png");
     }
 
-    .ch_five {
+    &:hover {
       width: 160px;
-      height: 164px;
-      left: 464px;
-      top: 298px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/five.png");
-      }
+  .ch_three {
+    width: 152px;
+    height: 172px;
+    left: 460px;
+    top: 86px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/five1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/three.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 174px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/three1.png");
     }
 
-    .ch_six {
+    &:hover {
       width: 162px;
-      height: 168px;
-      left: 638px;
-      top: 196px;
+      height: 182px;
+      margin-top: -10px;
+      margin-left: -3px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/six.png");
-      }
+  .ch_four {
+    width: 155px;
+    height: 174px;
+    left: 295px;
+    top: 178px;
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/six1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/four.png");
+    }
 
-      &:hover {
-        width: 172px;
-        height: 178px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/four1.png");
     }
 
-    .ch_seven {
+    &:hover {
       width: 165px;
-      height: 170px;
-      left: 800px;
-      top: 310px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/seven.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/seven1.png");
-      }
-
-      &:hover {
-        width: 175px;
-        height: 180px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+      height: 184px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    .ch_eight {
-      width: 160px;
-      height: 180px;
-      left: 628px;
-      top: 400px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/eight.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/eight1.png");
-      }
+  .ch_five {
+    width: 160px;
+    height: 164px;
+    left: 464px;
+    top: 298px;
 
-      &:hover {
-        width: 170px;
-        height: 190px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/five.png");
     }
 
-    .ch_gift {
-      width: 160px;
-      height: 190px;
-      left: 790px;
-      top: 490px;
-      cursor: pointer;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/five1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/gift.png");
-      }
+    &:hover {
+      width: 170px;
+      height: 174px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/gift1.png");
-      }
+  .ch_six {
+    width: 162px;
+    height: 168px;
+    left: 638px;
+    top: 196px;
 
-      &:hover {
-        width: 170px;
-        height: 200px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/six.png");
     }
 
-    /* 公路 */
-    .road {
-      position: absolute;
-      background-repeat: no-repeat;
-      background-size: 100% auto;
-      transition: all .3s;
-      z-index: 1;
-
-      &.lf {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-lf.png");
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/six1.png");
+    }
 
-      &.lf_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-lf1.png");
-      }
+    &:hover {
+      width: 172px;
+      height: 178px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.rt {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-rt.png");
-      }
+  .ch_seven {
+    width: 165px;
+    height: 170px;
+    left: 800px;
+    top: 310px;
 
-      &.rt_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-rt1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/seven.png");
     }
 
-    .ro_one {
-      left: 245px;
-      top: 90px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/seven1.png");
     }
 
-    .ro_two {
-      left: 390px;
-      top: 100px;
+    &:hover {
+      width: 175px;
+      height: 180px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
+
+  .ch_eight {
+    width: 160px;
+    height: 180px;
+    left: 628px;
+    top: 400px;
 
-    .ro_three {
-      left: 390px;
-      top: 190px;
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/eight.png");
     }
 
-    .ro_four {
-      left: 390px;
-      top: 305px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/eight1.png");
     }
 
-    .ro_five {
-      left: 562px;
-      top: 310px;
+    &:hover {
+      width: 170px;
+      height: 190px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    .ro_six {
-      left: 724px;
-      top: 314px;
+  .ch_gift {
+    width: 160px;
+    height: 190px;
+    left: 790px;
+    top: 490px;
+    cursor: pointer;
+
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/gift.png");
     }
 
-    .ro_seven {
-      left: 726px;
-      top: 428px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/gift1.png");
     }
 
-    .ro_eight {
-      left: 716px;
-      top: 526px;
+    &:hover {
+      width: 170px;
+      height: 200px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
   }
 
-  .rtcarbox {
+  /* 公路 */
+  .road {
     position: absolute;
-    right: 0;
-    width: 400px;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    transition: all 0.3s;
+    z-index: 1;
 
-    .upp,
-    .cen,
-    .dow {
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 12px 24px;
-      margin-bottom: 8px;
+    &.lf {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-lf.png");
     }
 
-    .upp {
-      .icon {
-        width: 24px;
-        height: 24px;
-        background: rgb(0, 130, 252, 0.24);
-        border-radius: 100px;
-        margin-right: 16px;
-
-        i {
-          color: #0082FC;
-        }
-      }
-
-      .boxul {
-        height: 120px;
-
-        .itemli {
-          display: flex;
-          align-items: center;
-          color: #617288;
-          font-size: 14px;
-        }
-      }
-
-      .hig {
-        color: #000;
-        font-size: 18px;
-        font-weight: 600;
-      }
-
-
+    &.lf_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-lf1.png");
     }
 
-    /* 开奖 */
-    .choujiang {
-      position: relative;
+    &.rt {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-rt.png");
+    }
 
-      .linkbj {
-        position: absolute;
-        font-size: 12px;
-        width: 130px;
-        left: 122px;
-        bottom: 27px;
-      }
+    &.rt_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-rt1.png");
     }
+  }
 
-    /* 优惠券 */
-    .coupon-box {
-      width: 300px;
-      height: 120px;
-      background-color: #FFE7C6;
-      color: #E9550F;
-      border-radius: 8px;
-      margin: 28px auto 24px auto;
-      overflow: hidden;
+  .ro_one {
+    left: 245px;
+    top: 90px;
+  }
 
-      .lf {
-        width: 160px;
+  .ro_two {
+    left: 390px;
+    top: 100px;
+  }
 
-        .cpval {
-          font-weight: 600;
-          font-size: 38px;
-          margin-bottom: 2px;
-        }
+  .ro_three {
+    left: 390px;
+    top: 190px;
+  }
 
-        .cptxt {
-          width: 120px;
-          line-height: 18px;
-          font-size: 12px;
-        }
-      }
+  .ro_four {
+    left: 390px;
+    top: 305px;
+  }
 
-      .rt {
-        width: 140px;
-        height: 120px;
-        background-color: #FFD7A0;
+  .ro_five {
+    left: 562px;
+    top: 310px;
+  }
 
-        .syriqi {
-          font-size: 12px;
-          margin-top: -30px;
-        }
+  .ro_six {
+    left: 724px;
+    top: 314px;
+  }
 
-        .sytxtye {
-          font-size: 24px;
-        }
+  .ro_seven {
+    left: 726px;
+    top: 428px;
+  }
 
-        .sytxtno {
-          font-size: 24px;
-          opacity: 0.3;
-        }
+  .ro_eight {
+    left: 716px;
+    top: 526px;
+  }
+}
 
-        .syriqino {
-          font-size: 12px;
-          margin-top: -30px;
-          opacity: 0.3;
-        }
+.rtcarbox {
+  position: absolute;
+  right: 0;
+  width: 400px;
 
-        .sybtn {
-          width: 126px;
-          height: 60px;
-          background: url("~@/assets/guide/finereport/btn.png") no-repeat;
-          background-size: 100% auto;
+  .upp,
+  .cen,
+  .dow {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px 24px;
+    margin-bottom: 8px;
+  }
 
-          .sytxt {
-            font-size: 18px;
-            color: #fff;
-            margin-top: -6px;
-          }
-        }
+  .upp {
+    .icon {
+      width: 24px;
+      height: 24px;
+      background: rgb(0, 130, 252, 0.24);
+      border-radius: 100px;
+      margin-right: 16px;
+
+      i {
+        color: #0082fc;
       }
     }
 
-    .rollovers {
-      animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
-    }
+    .boxul {
+      height: 120px;
 
-    @keyframes rollovers {
-      0% {
-        transform: rotateY(0deg);
+      .itemli {
+        display: flex;
+        align-items: center;
+        color: #617288;
+        font-size: 14px;
       }
+    }
 
-      100% {
-        transform: rotateY(360deg);
-      }
+    .hig {
+      color: #000;
+      font-size: 18px;
+      font-weight: 600;
     }
+  }
+
+  /* 开奖 */
+  .choujiang {
+    position: relative;
 
-    .rollovers2 {
-      animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
+    .linkbj {
+      position: absolute;
+      font-size: 12px;
+      width: 130px;
+      left: 122px;
+      bottom: 27px;
     }
+  }
 
-    @keyframes rollovers2 {
-      0% {
-        transform: rotateY(0deg);
-      }
+  /* 优惠券 */
+  .coupon-box {
+    width: 300px;
+    height: 120px;
+    background-color: #ffe7c6;
+    color: #e9550f;
+    border-radius: 8px;
+    margin: 28px auto 24px auto;
+    overflow: hidden;
 
-      100% {
-        transform: rotateY(2160deg);
+    .lf {
+      width: 160px;
+
+      .cpval {
+        font-weight: 600;
+        font-size: 38px;
+        margin-bottom: 2px;
       }
-    }
 
-    .cen {
-      .rzbtn {
+      .cptxt {
         width: 120px;
-        height: 40px;
-        line-height: 38px;
+        line-height: 18px;
+        font-size: 12px;
       }
     }
 
-    .jiangli {
-      .xiazai {
-        background-color: #EEF3FA;
-        border-radius: 50px;
-        padding: 4px 8px;
-
-        img {
-          margin-right: 6px;
-        }
+    .rt {
+      width: 140px;
+      height: 120px;
+      background-color: #ffd7a0;
 
+      .syriqi {
+        font-size: 12px;
+        margin-top: -30px;
       }
 
-      .xiazaiok {
-        background-color: #DAEDFF;
-        border-radius: 50px;
-        padding: 4px 8px;
+      .sytxtye {
+        font-size: 24px;
+      }
 
-        img {
-          margin-right: 6px;
-        }
+      .sytxtno {
+        font-size: 24px;
+        opacity: 0.3;
+      }
 
-        span {
-          color: #0082fc;
-        }
+      .syriqino {
+        font-size: 12px;
+        margin-top: -30px;
+        opacity: 0.3;
+      }
 
-        &:hover {
-          background-color: #0082fc;
-        }
+      .sybtn {
+        width: 126px;
+        height: 60px;
+        background: url("~@/assets/guide/finereport/btn.png") no-repeat;
+        background-size: 100% auto;
 
-        &:hover span {
+        .sytxt {
+          font-size: 18px;
           color: #fff;
+          margin-top: -6px;
         }
       }
-
     }
+  }
 
+  .rollovers {
+    animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+  }
 
-    /* 播放列表 */
-    ::v-deep .el-scrollbar__thumb {
-      background-color: #CEDDF2;
-      opacity: 1;
+  @keyframes rollovers {
+    0% {
+      transform: rotateY(0deg);
     }
 
-    ::v-deep .el-scrollbar__thumb:hover {
-      background-color: #b0bed1;
+    100% {
+      transform: rotateY(360deg);
     }
+  }
+
+  .rollovers2 {
+    animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
+  }
 
-    ::v-deep .el-scrollbar__bar.is-vertical {
-      width: 6px;
+  @keyframes rollovers2 {
+    0% {
+      transform: rotateY(0deg);
     }
 
+    100% {
+      transform: rotateY(2160deg);
+    }
+  }
 
-    .vlist {
-      padding: 0 24px 10px 24px;
+  .cen {
+    .rzbtn {
+      width: 120px;
+      height: 40px;
+      line-height: 38px;
     }
+  }
 
-    .vitem {
-      cursor: pointer;
-      padding: 10px 0;
-      border-bottom: 1px solid #CEDDF2;
-      transition: all .3s;
+  .jiangli {
+    .xiazai {
+      background-color: #eef3fa;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover .vdtitle {
-        color: #0082FC;
+      img {
+        margin-right: 6px;
       }
+    }
 
-      &:hover,
-      &.playcur {
-        background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+    .xiazaiok {
+      background-color: #daedff;
+      border-radius: 50px;
+      padding: 4px 8px;
+
+      img {
+        margin-right: 6px;
       }
 
-      &.playcur .vdtitle {
-        color: #0082FC;
+      span {
+        color: #0082fc;
       }
 
-      .playing {
-        width: 14px;
-        height: 14px;
-        margin-right: 4px;
+      &:hover {
+        background-color: #0082fc;
       }
 
-      .vdtitle {
-        max-width: 160px;
-        padding-right: 10px;
+      &:hover span {
+        color: #fff;
       }
+    }
+  }
 
-      .progress-box {
-        width: 44%;
+  /* 播放列表 */
+  ::v-deep .el-scrollbar__thumb {
+    background-color: #ceddf2;
+    opacity: 1;
+  }
 
-        .progress {
-          width: 76%;
-          margin-right: 6px;
-        }
+  ::v-deep .el-scrollbar__thumb:hover {
+    background-color: #b0bed1;
+  }
 
-        .el-icon-success {
-          color: #27C346;
-        }
-      }
+  ::v-deep .el-scrollbar__bar.is-vertical {
+    width: 6px;
+  }
 
-    }
+  .vlist {
+    padding: 0 24px 10px 24px;
+  }
 
-    /* 客服 */
-    .kefu {
-      position: fixed;
-      bottom: 96px;
-      right: 40px;
-      z-index: 9;
-      transition: all .3s;
+  .vitem {
+    cursor: pointer;
+    padding: 10px 0;
+    border-bottom: 1px solid #ceddf2;
+    transition: all 0.3s;
 
-      .ikefu {
-        width: 42px;
-        height: 42px;
-        background-color: #fff;
-        border-radius: 100px;
-        box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, .2);
+    &:hover .vdtitle {
+      color: #0082fc;
+    }
 
-        i {
-          color: #0082FC;
-          font-size: 22px;
-        }
-      }
+    &:hover,
+    &.playcur {
+      background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+    }
 
+    &.playcur .vdtitle {
+      color: #0082fc;
+    }
 
+    .playing {
+      width: 14px;
+      height: 14px;
+      margin-right: 4px;
     }
 
-  }
+    .vdtitle {
+      max-width: 160px;
+      padding-right: 10px;
+    }
 
-  .lessinfo {
-    padding: 16px 24px 12px 24px;
-    border-bottom: 1px solid #CEDDF2;
+    .progress-box {
+      width: 44%;
 
-    .info {
-      padding: 10px 0;
-      line-height: 18px;
-    }
+      .progress {
+        width: 76%;
+        margin-right: 6px;
+      }
 
-    .datainfo {
-      span {
-        font-size: 12px;
-        color: #617288;
+      .el-icon-success {
+        color: #27c346;
       }
+    }
+  }
 
-      li {
-        display: flex;
-        align-items: center;
+  /* 客服 */
+  .kefu {
+    position: fixed;
+    bottom: 96px;
+    right: 40px;
+    z-index: 9;
+    transition: all 0.3s;
+
+    .ikefu {
+      width: 42px;
+      height: 42px;
+      background-color: #fff;
+      border-radius: 100px;
+      box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, 0.2);
 
-        i {
-          margin-right: 3px;
-        }
+      i {
+        color: #0082fc;
+        font-size: 22px;
       }
     }
   }
+}
 
-  /* 播放器 */
-  .playbox {
-    position: absolute !important;
-    width: 820px;
-    height: 550px;
-    z-index: 96;
-    background-color: rgb(255, 255, 255, .3);
-    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, .3);
-    padding: 10px;
-    border-radius: 8px;
-    left: 40px;
-    top: 124px;
+.lessinfo {
+  padding: 16px 24px 12px 24px;
+  border-bottom: 1px solid #ceddf2;
+
+  .info {
+    padding: 10px 0;
+    line-height: 18px;
   }
 
-  /* 通关动画 */
-  .clearance {
-    position: fixed;
-    z-index: 99999;
-    background-color: rgb(0, 0, 0, 0.6);
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    .pic_fs {
-      position: absolute;
-      width: 0;
-      height: 0;
-      background: url("~@/assets/guide/finereport/msgpic.png") no-repeat;
-      background-size: 100% auto;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .2s;
-      animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  .datainfo {
+    span {
+      font-size: 12px;
+      color: #617288;
     }
 
-    @keyframes picfs {
-      0% {
-        width: 0;
-        height: 0;
-      }
+    li {
+      display: flex;
+      align-items: center;
 
-      50% {
-        width: 540px;
-        height: 470px;
+      i {
+        margin-right: 3px;
       }
+    }
+  }
+}
+
+/* 播放器 */
+.playbox {
+  position: absolute !important;
+  width: 820px;
+  height: 550px;
+  z-index: 96;
+  background-color: rgb(255, 255, 255, 0.3);
+  box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.3);
+  padding: 10px;
+  border-radius: 8px;
+  left: 40px;
+  top: 124px;
+}
+
+/* 通关动画 */
+.clearance {
+  position: fixed;
+  z-index: 99999;
+  background-color: rgb(0, 0, 0, 0.6);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  .pic_fs {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: url("~@/assets/guide/finereport/msgpic.png") no-repeat;
+    background-size: 100% auto;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.2s;
+    animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  }
 
-      100% {
-        width: 340px;
-        height: 270px;
-      }
+  @keyframes picfs {
+    0% {
+      width: 0;
+      height: 0;
     }
 
-    .txt {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 220px;
-      color: #fff;
+    50% {
+      width: 540px;
+      height: 470px;
     }
 
-    .tm {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 280px;
-      color: #fff;
+    100% {
+      width: 340px;
+      height: 270px;
     }
+  }
 
+  .txt {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 220px;
+    color: #fff;
+  }
 
+  .tm {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 280px;
+    color: #fff;
   }
+}
 
-  .txtscroll {
-    font-size: 12px;
+.txtscroll {
+  font-size: 12px;
 
-    .item {
-      height: 28px;
-      line-height: 28px;
+  .item {
+    height: 28px;
+    line-height: 28px;
 
-      .username {
-        max-width: 80px;
-        width: auto;
-      }
+    .username {
+      max-width: 80px;
+      width: auto;
+    }
 
-      .lftxt {
-        span {
-          padding-right: 5px;
-        }
+    .lftxt {
+      span {
+        padding-right: 5px;
       }
     }
   }
+}
 </style>
 
 <style lang="scss">
-  .el-dialog__body {
-    padding-top: 10px;
-  }
+.el-dialog__body {
+  padding-top: 10px;
+}
 
-  .el-dialog__close {
-    font-size: 20px;
-  }
+.el-dialog__close {
+  font-size: 20px;
+}
 
-  body {
-    min-width: 1280px;
-  }
+body {
+  min-width: 1280px;
+}
 </style>
diff --git a/src/views/video/guide/finereportGuide2023.vue b/src/views/video/guide/finereportGuide2023.vue
index 75f2c04..e3e7787 100644
--- a/src/views/video/guide/finereportGuide2023.vue
+++ b/src/views/video/guide/finereportGuide2023.vue
@@ -1,7 +1,6 @@
 <template>
   <div v-if="!com_user_token">
-    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false"
-      :close-on-click-modal="false">
+    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false">
       <div class="f16" style="padding: 14px 0 12px">
         <a class="fr-btn big" :href="com_login_url">马上登录</a>
       </div>
@@ -14,12 +13,11 @@
       恭喜！！完成全部学习路径，快打开通关礼包吧！
     </div>
     <div class="tm">
-      <span class="f16">（{{myseconds}}<span class="f12">S</span>）</span>
+      <span class="f16">（{{ myseconds }}<span class="f12">S</span>）</span>
     </div>
   </div>
   <div class="main">
     <div class="mainbox">
-
       <div class="w1200">
         <div class="toptil flex-1">
           <h1 class="til">FineReport 入门学习路径</h1>
@@ -32,18 +30,15 @@
       </div>
 
       <div class="mapmain">
-
         <!-- 章节 -->
-        <div v-for="(item, index) in chArr" :key="index" :class="['chapter','ch_'+item]" class="yes cur"
-          @click="gotoLevel(index)">
+        <div v-show="deepPlay" v-for="(item, index) in chArr" :key="index" :class="['chapter', 'ch_' + item]" class="yes cur" @click="gotoLevel(index)">
           <div v-show="jiayou" class="gps" v-if="index === curGps"></div>
           <div class="gps" v-if="index === curGps_jiangli"></div>
           <i class="iwancheng" v-if="nodeFullArr.includes(index)"></i>
         </div>
 
         <!-- 路线 -->
-        <div v-for="(item, index) in roadArr" :key="index" :class="['road','ro_'+item.name, index%2==0?'lf':'rt'] ">
-        </div>
+        <div v-show="deepPlay" v-for="(item, index) in roadArr" :key="index" :class="['road', 'ro_' + item.name, index % 2 == 0 ? 'lf' : 'rt']"></div>
       </div>
 
       <div class="rtcarbox">
@@ -52,12 +47,12 @@
             <li class="itemli">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-29"></i></span>
               <div>
-                <span class="hig">{{nodeData.student_count}}</span> 名番薯学习中
+                <span class="hig">{{ nodeData.student_count }}</span> 名番薯学习中
 
                 <el-popover placement="bottom" :width="180" trigger="hover">
                   <div class="txt-c">
                     <div class="col333" style=" margin-bottom: 8px;">扫码入群</div>
-                    <img src="@/assets/guide/finereport/qun.png" width="150">
+                    <img src="@/assets/guide/finereport/qun.png" width="150" />
                   </div>
                   <template #reference>
                     <span class="col008">加群共同交流学习</span>
@@ -66,29 +61,34 @@
               </div>
             </li>
 
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>已超越 <span class="hig">{{nodeData.percentage}}%</span> 的同行番薯</div>
+              <div>
+                已超越 <span class="hig">{{ nodeData.percentage }}%</span> 的同行番薯
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div><span class="hig">{{nodeData.student_count_end}}</span> 名番薯已到达终点，加油你也可以</div>
+              <div>
+                <span class="hig">{{ nodeData.student_count_end }}</span> 名番薯已到达终点，加油你也可以
+              </div>
             </li>
 
-
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>学习耗时 <span class="hig">{{nodeData.takeuptime}}</span></div>
+              <div>
+                学习耗时 <span class="hig">{{ nodeData.takeuptime }}</span>
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div>恭喜，你是第 <span class="hig">{{nodeData.ranking}}</span> 名到达终点的番薯</div>
+              <div>
+                恭喜，你是第 <span class="hig">{{ nodeData.ranking }}</span> 名到达终点的番薯
+              </div>
             </li>
-
           </ul>
         </div>
         <div class="cen" :class="styTsam" style="height: 330px; padding: 0; overflow: hidden;" v-loading="loading">
-
           <!-- 认证板块 -->
           <div v-show="showCert" class="cen" style="height: 330px; padding: 0;">
             <div class="lessinfo">
@@ -96,15 +96,14 @@
               <div class="f12" style="padding-top: 6px;">获得如下奖励：</div>
             </div>
 
-
             <div v-show="showCertYes">
               <div class=" txt-c">
                 <div class="f16 col849" style="padding:20px 0 10px 0; letter-spacing:2px;">观看完所有视频可抽取红包</div>
-                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288"></div>
+                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288" /></div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料与PPT》</span>
                   <div class="xiazai flex-1">
-                    <img src="@/assets/class/zip.png" width="18">
+                    <img src="@/assets/class/zip.png" width="18" />
                     <span class="f12 colb3c">立即下载</span>
                   </div>
                 </div>
@@ -114,12 +113,10 @@
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 奖励板块 -->
           <div v-show="showGift" class="cen jiangli" style="height: 330px; padding: 0;">
-
             <div v-show="showGiftNo">
               <div class="lessinfo">
                 <div class="til f18">请先完成FineReport入门学习</div>
@@ -127,10 +124,9 @@
               </div>
               <div class=" txt-c">
                 <div class="f16 col849" style="padding:20px 0 10px 0; letter-spacing:2px;">观看完所有视频可抽取红包</div>
-                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288"></div>
+                <div><img src="@/assets/guide/finereport/hongbao_suo.png" width="288" /></div>
                 <div class="txt-c f14" style="margin-top: 8px;">
-                  完成 <a class="col008" target="_blank"
-                    href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
+                  完成 <a class="col008" target="_blank" href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
                   即可领取价值200元的学习资料
                 </div>
               </div>
@@ -144,15 +140,12 @@
               <div class=" txt-c">
                 <div class="f16 colff3" style="padding:20px 0 10px 0; letter-spacing:2px;">快来抽取大额学习班优惠券</div>
                 <div class="choujiang">
-                  <img v-show="openCartYes" @click="openCart()" class="cur-p"
-                    src="@/assets/guide/finereport/hongbao1.png" width="288">
-                  <img v-show="openCartNo" src="@/assets/guide/finereport/hongbao1.png" width="288">
-                  <a class="linkbj" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank"><span
-                      class="col333">适用于</span><span class="col008">《报表工程师从 入门到精通·实战班》</span></a>
+                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/finereport/hongbao1.png" width="288" />
+                  <img v-show="openCartNo" src="@/assets/guide/finereport/hongbao1.png" width="288" />
+                  <a class="linkbj" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank"><span class="col333">适用于</span><span class="col008">《报表工程师从 入门到精通·实战班》</span></a>
                 </div>
                 <div class="txt-c f14" style="margin-top: 8px;">
-                  完成 <a class="col008" target="_blank"
-                    href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
+                  完成 <a class="col008" target="_blank" href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
                   即可领取价值200元的学习资料
                 </div>
               </div>
@@ -166,94 +159,89 @@
               <div class=" txt-c">
                 <div class="coupon-box flex-1">
                   <div class="lf flex-5">
-                    <span class="cpval">¥{{nodeData.coupon_value}}</span>
+                    <span class="cpval">¥{{ nodeData.coupon_value }}</span>
                     <span class="cptxt">报表工程师从入门到精通 · 实战班</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===0 || nodeData.coupon_state===1">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 0 || nodeData.coupon_state === 1">
                     <a class="sybtn flex-5" href="https://bbs.fanruan.com/course/report/standard?sqtj" target="_blank">
                       <span class="sytxt">立即使用</span>
                     </a>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===2">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 2">
                     <span class="sytxtye">已使用</span>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_isTime===-1 || nodeData.coupon_state===-1 ">
+                  <div class="rt flex-5" v-if="nodeData.coupon_isTime === -1 || nodeData.coupon_state === -1">
                     <span class="sytxtno">已失效</span>
-                    <span class="syriqino">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqino">{{ nodeData.coupon_endTime }}</span>
                   </div>
-
                 </div>
 
                 <div class="txt-c f14" style="margin-top: 8px;">
-                  完成 <a class="col008" target="_blank"
-                    href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
+                  完成 <a class="col008" target="_blank" href="https://t6ixa9nyl6.jiandaoyun.com/f/63b3d37b9c8c9200080dcf9a">入门能力自测</a>
                   即可领取价值200元的学习资料
                 </div>
-
               </div>
             </div>
-
           </div>
 
           <!-- 视频章节板块 -->
           <div v-show="showChapter" class="cen" style="height: 330px; padding: 0;">
             <div class="lessinfo">
-              <div class="til f18">{{newplaytil}}</div>
-              <div class="info f12">{{newplayinfo}}</div>
+              <div class="til f18">{{ newplaytil }}</div>
+              <div class="info f12">{{ newplayinfo }}</div>
               <div class="datainfo flex-6">
                 <li><i class="iconfont icon-User"></i><span>1000+ 人已点亮</span></li>
-                <li><i class="iconfont icon-icon_icon-28"></i><span>共 {{newplayNum}} 节课</span></li>
-                <li><i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{newplayCount}} 小时</span></li>
+                <li>
+                  <i class="iconfont icon-icon_icon-28"></i><span>共 {{ newplayNum }} 节课</span>
+                </li>
+                <li>
+                  <i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{ newplayCount }} 小时</span>
+                </li>
               </div>
             </div>
 
             <div style="height: 200px; padding: 0 4px;">
               <el-scrollbar view-class="myscrollbar" height="200px" always>
                 <ul class="vlist">
-                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index"
-                    @click="getvideo_click(item.id,index)" :class="{playcur : play_key === index}">
+                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index" @click="getvideo_click(item.id, index)" :class="{ playcur: play_key === index }">
                     <div class="flex-1">
-                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index">
-                      <span class="vdtitle f13 hide-txt">{{item.it618_name}}</span>
-                      <span class="time colb3c f13">{{item.videoTime}}</span>
+                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index" />
+                      <span class="vdtitle f13 hide-txt">{{ item.it618_name }}</span>
+                      <span class="time colb3c f13">{{ item.videoTime }}</span>
                     </div>
                     <div class="progress-box flex-1">
                       <div class="progress">
-                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress">
-                        </el-progress>
+                        <el-progress :show-text="false" color="#27C346" :stroke-width="10" :percentage="item.progress"> </el-progress>
                       </div>
-                      <i v-if="item.play_progress===100" class="el-icon-success"></i>
-                      <span class="f13 col28c"
-                        v-else-if="item.play_progress < 100 && item.play_progress>0 ">{{item.play_progress}}%</span>
+                      <i v-if="item.play_progress === 100" class="el-icon-success"></i>
+                      <span class="f13 col28c" v-else-if="item.play_progress < 100 && item.play_progress > 0">{{ item.play_progress }}%</span>
                       <i v-else class="iconfont icon-bofang2 col008 f15"></i>
                     </div>
                   </li>
                 </ul>
               </el-scrollbar>
             </div>
-
           </div>
         </div>
 
-
-        <div class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
+        <div v-show="deepPlay" class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
           <el-empty style="padding: 10px 0;" :image-size="60" description="暂无数据" v-if="isStudentList"></el-empty>
 
           <js-seamless-scroll :datas="studentList" step="0.5" v-model="loopScroll" hover class="txtscroll">
             <li class="item flex-3" v-for="(item, index) in studentList" :key="index">
               <div class="flex-1 lftxt">
-                <span class="username hide-txt">{{item.username}}</span>
+                <span class="username hide-txt">{{ item.username }}</span>
                 <span class="col849">完成学习，获得</span>
-                <span class="colff3">{{item.coupon_value}}元</span>
+                <span class="colff3">{{ item.coupon_value }}元</span>
                 <span>学习班优惠券</span>
               </div>
               <div class="flex-1">
-                <span class="col849">{{item.coupon_addtime}}</span>
+                <span class="col849">{{ item.coupon_addtime }}</span>
               </div>
             </li>
           </js-seamless-scroll>
@@ -263,550 +251,415 @@
           <el-popover placement="left" trigger="hover">
             <div class="txt-c">
               <div class="col333 f14" style=" margin-bottom:6px;">BUG反馈</div>
-              <img src="@/assets/guide/finereport/ftj.png" width="126">
-              <a href="https://bbs.fanruan.com/u/230553?msg=1" target="_blank" class="col008 f12 flex-4">
-                <i class="iconfont icon-duihuayuyin"></i> 或者私信饭团君
-              </a>
+              <img src="@/assets/guide/finereport/ftj.png" width="126" />
+              <a href="https://bbs.fanruan.com/u/230553?msg=1" target="_blank" class="col008 f12 flex-4"> <i class="iconfont icon-duihuayuyin"></i> 或者私信饭团君 </a>
             </div>
             <template #reference>
               <div class="ikefu flex-5"><i class="iconfont icon-icon_icon-15 col008"></i></div>
             </template>
           </el-popover>
         </div>
-
       </div>
-
     </div>
   </div>
 
-  <el-dialog :title="newplaytil + '【'+play_title+'】'" @close='closeVideo()' v-model="showVideo" width="928px"
-    :close-on-press-escape="false" :close-on-click-modal="false">
+  <el-dialog :title="newplaytil + '【' + play_title + '】'" @close="closeVideo()" v-model="showVideo" width="928px" :close-on-press-escape="false" :close-on-click-modal="false">
     <div id="VideoPlay" style=" width:100%; height: 500px"></div>
   </el-dialog>
-
 </template>
 
 <script>
-  import { getLessonList, getVideo, classlog, getNode, updateNodes, luckDraw, getStudentList } from "@/api/video";
-  import { toRefs, reactive, onMounted } from 'vue';
-  import { ElMessage } from 'element-plus'
-  import store from '@/store';
-  import { addUrlFrom } from "@/api/guide";
-  import { useRoute } from 'vue-router'
-
-  export default {
-    name: 'guide_finereport',
-
-    setup() {
-      const courseid = 365; //视频课程目录id写死
-      //const { proxy } = getCurrentInstance();
-      const route = useRoute()
-      let get_from = route.query.from ? route.query.from : 0;
-      const state = reactive({
-        newplaytilArr: [
-          {
-            name: "第一章 初识FineReport",
-            info: "本章带领大家快速了解FineReport产品功能以及在企业中的实际应用案例，同时向大家介绍提供的学习资源",
-          },
-          {
-            name: "第二章 报表设计基础",
-            info: "本章主要带领大家学习FineReport产品的基本界面构成、以及设计器中的单元格扩展和父子格两种基础属性，以便于后续的学习",
-          },
-          {
-            name: "第三章 普通报表入门",
-            info: "本章主要通过简单示例带领大家学习如何快速的制作一张普通报表",
-          },
-          {
-            name: "第四章 参数查询入门",
-            info: "本章主要通过简单示例带领大家学习如何快速的制作一张具有数据查询功能的报表",
-          },
-          {
-            name: "第五章 图表设计入门",
-            info: "本章主要通过简单示例带领大家学习如何快速的制作一张可视化图表",
-          },
-          {
-            name: "第六章 填报功能入门",
-            info: "本章主要通过简单示例带领大家学习如何快速的制作一张具有数据填报功能的报表",
-          },
-          {
-            name: "第七章 报表挂载",
-            info: "本章主要带领大家学习如何将做好的报表挂载到系统上以便于其他人查看",
-          },
-          {
-            name: "第八章 移动端预览",
-            info: "本章主要带领大家学习如何通过移动端预览一张已经制作好的报表",
-          },
-        ],
-        newplaytil: '',
-        newplayinfo: '',
-        newplayNum: '',
-        newplayCount: '',
-        arrNewId: [
-          [4180, 4181],
-          [4182, 4183, 4184],
-          [4190],
-          [4185],
-          [4186],
-          [4187],
-          [4188],
-          [4189],
-        ],
-        newVideoList: [],
-        //播放器相关
-        videoObject: {
-          container: '#VideoPlay',
-          variable: 'player',
-          autoplay: false,
-          html5m3u8: true,
-          subtitle: false,
-          loop: false,
-          video: '',
-          seek: '0',
+import { getLessonList, getVideo, classlog, getNode, updateNodes, luckDraw, getStudentList } from "@/api/video";
+import { toRefs, reactive, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import store from "@/store";
+import { addUrlFrom } from "@/api/guide";
+import { useRoute } from "vue-router";
+
+export default {
+  name: "guide_finereport",
+
+  setup() {
+    const courseid = 365; //视频课程目录id写死
+    //const { proxy } = getCurrentInstance();
+    const route = useRoute();
+    let get_from = route.query.from ? route.query.from : 0;
+    const state = reactive({
+      newplaytilArr: [
+        {
+          name: "第一章 初识FineReport",
+          info: "本章带领大家快速了解FineReport产品功能以及在企业中的实际应用案例，同时向大家介绍提供的学习资源",
         },
-        video: {},
-        ckPlayer: null,
-        logid: 0,
-        videoid: 0,
-        showVideo: false,
-        play_id: '',
-        play_title: '',
-        play_videotime: '',
-        play_key: null,
-        chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
-        roadArr: [
-          { name: "one", open: "_no" },
-          { name: "two", open: "_no" },
-          { name: "three", open: "_no" },
-          { name: "four", open: "_no" },
-          { name: "five", open: "_no" },
-          { name: "six", open: "_no" },
-          { name: "seven", open: "_no" },
-          { name: "eight", open: "_no" },
-        ],
-        wfgifPosition: [
-          { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-          { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-        ],
-        wfgifSty: false,
-        wfgifTrend: '',//方向
-        nodeData: {},// 节点全部数据
-        curLevel: null,// 当前关卡进度
-        pvLevel: null,// 上一关关卡
-        curGps: null,
-        dataLevel: null,// 数据库记录的进度
-        renzheng: 7,//写死认证关卡
-        jiangli: 8,//写死奖励关卡
-        mkProgress: 0,
-        newmkProgress: 0,
-        isAllChapter: false,//显示弹出层进入下一章
-        isgotoLevel: true,//禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
-        iwanchengfs: false,
-        isAuth: false,
-        jiayou: true,
-        wufanjiayou: true,
-        showChapter: false,
-        showCert: false,
-        showCertNo: false,
-        showCertYes: false,
-        showGift: false,
-        showGiftNo: true,
-        showGiftYes: false,
-        showGiftOpen: false,
-        openCartYes: true,
-        openCartNo: false,
-        iwancheng: 'iwancheng',
-        loading: true,
-        isCert: false,//是否通过认证
-        AllLevel: false,//显示全部完成动画
-        myseconds: 3,//倒计时秒
-        styTsam: '',
-        loopScroll: true,
-        studentList: [],
-        isStudentList: false,
-        curGps_jiangli: false,
-        autoNextch: true,
-        localStorageNode: 0,
-        nodeFullArr: [],
-        nodeFullArrCount: [{count:0},{count:0},{count:0},{count:0},{count:0},{count:0},{count:0},{count:0}]
-
-      })
-      // 未登录跳转
-      // if (!store.getters.get_uid) {
-      //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
-      // }
-
-      // 数组去重
-      // function noRepeat(arr) {
-      //   var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点
-      //   return newArr
-      // }
-
-
-
-      // 获取当前本地存储的学习节点
-      state.localStorageNode = parseInt(localStorage.getItem('fr_guide_node')) || 0;
-
-      // 来源埋点
-      if (get_from) {
-        const resaddUrlFrom = async () => {
-          let postData = {
-            type: 'fr',
-            from: get_from,
-          }
-          await addUrlFrom(postData);
+        {
+          name: "第二章 报表设计基础",
+          info: "本章主要带领大家学习FineReport产品的基本界面构成、以及设计器中的单元格扩展和父子格两种基础属性，以便于后续的学习",
+        },
+        {
+          name: "第三章 普通报表入门",
+          info: "本章主要通过简单示例带领大家学习如何快速的制作一张普通报表",
+        },
+        {
+          name: "第四章 参数查询入门",
+          info: "本章主要通过简单示例带领大家学习如何快速的制作一张具有数据查询功能的报表",
+        },
+        {
+          name: "第五章 图表设计入门",
+          info: "本章主要通过简单示例带领大家学习如何快速的制作一张可视化图表",
+        },
+        {
+          name: "第六章 填报功能入门",
+          info: "本章主要通过简单示例带领大家学习如何快速的制作一张具有数据填报功能的报表",
+        },
+        {
+          name: "第七章 报表挂载",
+          info: "本章主要带领大家学习如何将做好的报表挂载到系统上以便于其他人查看",
+        },
+        {
+          name: "第八章 移动端预览",
+          info: "本章主要带领大家学习如何通过移动端预览一张已经制作好的报表",
+        },
+      ],
+      newplaytil: "",
+      newplayinfo: "",
+      newplayNum: "",
+      newplayCount: "",
+      arrNewId: [[4180, 4181], [4182, 4183, 4184], [4190], [4185], [4186], [4187], [4188], [4189]],
+      newVideoList: [],
+      //播放器相关
+      videoObject: {
+        container: "#VideoPlay",
+        variable: "player",
+        autoplay: false,
+        html5m3u8: true,
+        subtitle: false,
+        loop: false,
+        video: "",
+        seek: "0",
+      },
+      video: {},
+      ckPlayer: null,
+      logid: 0,
+      videoid: 0,
+      showVideo: false,
+      play_id: "",
+      play_title: "",
+      play_videotime: "",
+      play_key: null,
+      chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
+      roadArr: [
+        { name: "one", open: "_no" },
+        { name: "two", open: "_no" },
+        { name: "three", open: "_no" },
+        { name: "four", open: "_no" },
+        { name: "five", open: "_no" },
+        { name: "six", open: "_no" },
+        { name: "seven", open: "_no" },
+        { name: "eight", open: "_no" },
+      ],
+      wfgifPosition: [
+        { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+        { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+      ],
+      wfgifSty: false,
+      wfgifTrend: "", //方向
+      nodeData: {}, // 节点全部数据
+      curLevel: null, // 当前关卡进度
+      pvLevel: null, // 上一关关卡
+      curGps: null,
+      dataLevel: null, // 数据库记录的进度
+      renzheng: 7, //写死认证关卡
+      jiangli: 8, //写死奖励关卡
+      mkProgress: 0,
+      newmkProgress: 0,
+      isAllChapter: false, //显示弹出层进入下一章
+      isgotoLevel: true, //禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
+      iwanchengfs: false,
+      isAuth: false,
+      jiayou: true,
+      wufanjiayou: true,
+      showChapter: false,
+      showCert: false,
+      showCertNo: false,
+      showCertYes: false,
+      showGift: false,
+      showGiftNo: true,
+      showGiftYes: false,
+      showGiftOpen: false,
+      openCartYes: true,
+      openCartNo: false,
+      iwancheng: "iwancheng",
+      loading: true,
+      isCert: false, //是否通过认证
+      AllLevel: false, //显示全部完成动画
+      myseconds: 3, //倒计时秒
+      styTsam: "",
+      loopScroll: true,
+      studentList: [],
+      isStudentList: false,
+      curGps_jiangli: false,
+      autoNextch: true,
+      localStorageNode: 0,
+      nodeFullArr: [],
+      nodeFullArrCount: [{ count: 0 }, { count: 0 }, { count: 0 }, { count: 0 }, { count: 0 }, { count: 0 }, { count: 0 }, { count: 0 }],
+      deepPlay: true,
+    });
+    // 未登录跳转
+    // if (!store.getters.get_uid) {
+    //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
+    // }
+
+    // 数组去重
+    // function noRepeat(arr) {
+    //   var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点
+    //   return newArr
+    // }
+
+    // 获取当前本地存储的学习节点
+    state.localStorageNode = parseInt(localStorage.getItem("fr_guide_node")) || 0;
+
+    // 来源埋点
+    if (get_from) {
+      const resaddUrlFrom = async () => {
+        let postData = {
+          type: "fr",
+          from: get_from,
         };
-        resaddUrlFrom();
-      }
-
-
-      // 切换下一章
-      const nextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-          } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
-          }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 500);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 800);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position + ' margin-top: 64px;';
-        }, 3000);
-        setTimeout(function () {
-          state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          state.isgotoLevel = true;
-
-          // 切换章节
-          if (state.curLevel < 8) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            if (state.autoNextch === true) {
-              isAutoNextch();
-            }
-            // 判断当前章节是否全部完成
-            if (state.mkProgress == state.newplayNum) {
-              state.isAllChapter = true;
-            }
-          }
-
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 4500);
+        await addUrlFrom(postData);
+      };
+      resaddUrlFrom();
+    }
 
-      }
-      // 自动切换下一章
-      const autoNextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-          } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
-          }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 200);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+    // 切换下一章
+    const nextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 400);
-
-        setTimeout(function () {
-          //state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 500);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 800);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position + " margin-top: 64px;";
+      }, 3000);
+      setTimeout(function() {
+        state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        state.isgotoLevel = true;
+
+        // 切换章节
+        if (state.curLevel < 8) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          if (state.autoNextch === true) {
             isAutoNextch();
           }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            }
+          // 判断当前章节是否全部完成
+          if (state.mkProgress == state.newplayNum) {
+            state.isAllChapter = true;
           }
+        }
 
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 2000);
-
-      }
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 4500);
+    };
+    // 自动切换下一章
+    const autoNextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 200);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 400);
+
+      setTimeout(function() {
+        //state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          isAutoNextch();
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
+          }
+        }
 
-      //自动切换章节中转
-      const isAutoNextch = () => {
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 2000);
+    };
 
-        let nexLevel = state.curLevel + 1;
-        //前6章有章节视频 第6章后没有
-        if (nexLevel < 6) {
-          let nex_mkProgress = 0;//初始化下一章进度
-          let nex_newplayNum = state.arrNewId[nexLevel].length;//统计下一张总进度
+    //自动切换章节中转
+    const isAutoNextch = () => {
+      let nexLevel = state.curLevel + 1;
+      //前6章有章节视频 第6章后没有
+      if (nexLevel < 6) {
+        let nex_mkProgress = 0; //初始化下一章进度
+        let nex_newplayNum = state.arrNewId[nexLevel].length; //统计下一张总进度
 
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[nexLevel])) {
-                //state.newVideoList = state.newVideoList.concat(item);
-                //下一章节，总小节进度
-                if (item.play_progress > 0) {
-                  nex_mkProgress = nex_mkProgress + 1;
-                }
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[nexLevel])) {
+              //state.newVideoList = state.newVideoList.concat(item);
+              //下一章节，总小节进度
+              if (item.play_progress > 0) {
+                nex_mkProgress = nex_mkProgress + 1;
               }
-            });
+            }
           });
+        });
 
-          if (nex_mkProgress == nex_newplayNum) {
-            state.autoNextch = true;
-            autoNextch();
-          } else {
-            state.autoNextch = false;
-            nextch();
-          }
+        if (nex_mkProgress == nex_newplayNum) {
+          state.autoNextch = true;
+          autoNextch();
         } else {
           state.autoNextch = false;
           nextch();
         }
-
-      }
-
-
-      // 更新进度节点
-      const resUpdateNode = async (prm) => {
-        let nodedata = {
-          node: prm
-        }
-        await updateNodes(nodedata);
+      } else {
+        state.autoNextch = false;
+        nextch();
       }
+    };
 
-      // 获取学习状态
-      const resgetNode = async () => {
-        const res = await getNode();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            state.nodeData = res.data;
-            state.nodeFullArr = res.data.nodes;
-            // 更换为cookie记录访问节点            
-            state.curLevel = state.localStorageNode;
-            state.curGps = state.localStorageNode;
-            state.dataLevel = state.localStorageNode;
-            state.loading = false;
-
-            // 显示礼物板块
-            if (state.localStorageNode === state.jiangli) {
-              state.showCert = false;
-              state.showChapter = false;
-              state.showGift = true;
-              state.curGps_jiangli = state.jiangli;
-            } else {
-              // 显示章节板块
-              state.showCert = false;
-              state.showChapter = true;
-              state.showGift = false;
-            }
+    // 更新进度节点
+    const resUpdateNode = async (prm) => {
+      let nodedata = {
+        node: prm,
+      };
+      await updateNodes(nodedata);
+    };
+
+    // 获取学习状态
+    const resgetNode = async () => {
+      const res = await getNode();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          state.nodeData = res.data;
+          state.nodeFullArr = res.data.nodes;
+          // 更换为cookie记录访问节点
+          state.curLevel = state.localStorageNode;
+          state.curGps = state.localStorageNode;
+          state.dataLevel = state.localStorageNode;
+          state.loading = false;
+
+          // 显示礼物板块
+          if (state.localStorageNode === state.jiangli) {
+            state.showCert = false;
+            state.showChapter = false;
+            state.showGift = true;
+            state.curGps_jiangli = state.jiangli;
+          } else {
+            // 显示章节板块
+            state.showCert = false;
+            state.showChapter = true;
+            state.showGift = false;
+          }
 
-            // 已通关
-            if (res.data.node === state.jiangli) {
-              state.showGiftYes = true;
+          // 已通关
+          if (res.data.node === state.jiangli) {
+            state.showGiftYes = true;
+            state.showGiftNo = false;
+            //打开了红包
+            if (res.data.gift == 1) {
+              state.showGiftYes = false;
               state.showGiftNo = false;
-              //打开了红包
-              if (res.data.gift == 1) {
-                state.showGiftYes = false;
-                state.showGiftNo = false;
-                state.showGiftOpen = true;
-              }
+              state.showGiftOpen = true;
             }
-
-            // upRoad(); // 更新点亮公路
-            reslooplist(); //要先返回节点状态,在读取视频课程
-
-            // 通关动画 test
-            // levelFs();
-
           }
-        }
-      };
-      resgetNode();
 
+          // upRoad(); // 更新点亮公路
+          reslooplist(); //要先返回节点状态,在读取视频课程
 
-      // 公路状态,被动更新(点亮)
-      const upRoad = () => {
-        state.roadArr.forEach((item, index) => {
-          if (index < state.curLevel) {
-            state.roadArr[index].open = '';
-          }
-        });
+          // 通关动画 test
+          // levelFs();
+        }
       }
+    };
+    resgetNode();
 
-
-      // 课程目录
-      const reslooplist = async () => {
-        const params = {
-          uid: store.getters.get_uid,
+    // 公路状态,被动更新(点亮)
+    const upRoad = () => {
+      state.roadArr.forEach((item, index) => {
+        if (index < state.curLevel) {
+          state.roadArr[index].open = "";
         }
-        const res = await getLessonList(courseid, params);
-        if (res.code === 200) {
-
-          if (res.status != -1) {
-            state.countAtt = res.data.countAtt;
-            state.countList = res.data.countList;
-            state.msg = res.message;
-            state.looplist = res.data.list;
-            state.firstID = res.data.list[0].video[0].id;
-            // 计算节点完成度 2013
-            // nodeFullArr();
-          }
-
-          // 默认显示的课程
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                state.newVideoList = state.newVideoList.concat(item);
-                //总小节进度
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
-              }
-            });
-          });
-
-
-          // 只读取有视频章节的关卡
-          if (state.curLevel < state.renzheng) {
-            state.newplaytil = state.newplaytilArr[state.curLevel].name;
-            state.newplayinfo = state.newplaytilArr[state.curLevel].info;
-            state.newplayNum = state.arrNewId[state.curLevel].length;
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100;
-          }
-
-          // 判断当前章节是否全部完成
-          if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
-            state.isAllChapter = true;
-          }
-          // console.log(state.mkProgress,state.newplayNum);
-
-          // 首次进度条动画效果
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item, i) => {
-              setTimeout(function () {
-                state.looplist[index].video[i].progress = item.play_progress;
-              }, 500);
-            });
-          });
+      });
+    };
 
-          // 合计总时间 秒转小时
-          let timeCount = null;
-          state.newVideoList.forEach(item => {
-            timeCount = timeCount + item.it618_videotime;
-          });
-          let myhour = timeCount / 60 / 60;
-          state.newplayCount = myhour.toFixed(2);
-        }
+    // 课程目录
+    const reslooplist = async () => {
+      const params = {
+        uid: store.getters.get_uid,
       };
-
-      // 切换板块中转
-      const gotoLevel = (id, resetProgress = 0) => {
-        state.localStorageNode = id;
-        // 记忆学习节点改为本地存储
-        localStorage.setItem('fr_guide_node', id);
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.newmkProgress = 0;
-        }
-
-        //关闭奖励节点的定位三角
-        if (id != state.jiangli) {
-          state.curGps_jiangli = false;
-        }
-
-        // 显示奖品板块
-        if (id === state.jiangli) {
-          state.isAllChapter = false;
-          state.showChapter = false;
-          state.showCert = false;
-          state.jiayou = false;
-          state.wufanjiayou = false;
-          state.showGift = true;
-          state.curGps_jiangli = state.jiangli;
-        }
-        // 显示奖品板块
-        else if (id === state.jiangli) {
-          state.isAllChapter = false;
-          state.showChapter = false;
-          state.showCert = false;
-          state.jiayou = false;
-          state.wufanjiayou = false;
-          state.showGift = true;
-          state.curGps_jiangli = state.jiangli;
-        }
-        // 显示章节
-        else {
-          // 事件开关  如果是关闭的阻止继续执行当前逻辑
-          if (state.isgotoLevel === false) {
-            return false;
-          }
-          state.showGift = false;
-          state.showCert = false;
-          state.showChapter = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          gotoLevel_ch(id, resetProgress);
+      const res = await getLessonList(courseid, params);
+      if (res.code === 200) {
+        if (res.status != -1) {
+          state.countAtt = res.data.countAtt;
+          state.countList = res.data.countList;
+          state.msg = res.message;
+          state.looplist = res.data.list;
+          state.firstID = res.data.list[0].video[0].id;
+          // 计算节点完成度 2013
+          // nodeFullArr();
         }
-      }
 
-      // 切换章节
-      const gotoLevel_ch = (id, resetProgress = 0) => {
-        state.play_key = null;
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.mkProgress = 0;
-        }
-        state.newplaytil = state.newplaytilArr[id].name;
-        state.newplayinfo = state.newplaytilArr[id].info;
-        state.newplayNum = state.arrNewId[id].length;
-        state.newVideoList = [];
+        // 默认显示的课程
         state.looplist.forEach((item, index) => {
           state.looplist[index].video.forEach((item) => {
-            if (in_array(item.id, state.arrNewId[id])) {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
               state.newVideoList = state.newVideoList.concat(item);
               //总小节进度
               if (item.play_progress > 0) {
@@ -815,1278 +668,1354 @@
             }
           });
         });
-        // 章节进度百分比 延迟下为了显示进度条动画
-        if (resetProgress == 'resetProgress') {
-          setTimeout(function () {
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100
-          }, 500);
+
+        // 只读取有视频章节的关卡
+        if (state.curLevel < state.renzheng) {
+          state.newplaytil = state.newplaytilArr[state.curLevel].name;
+          state.newplayinfo = state.newplaytilArr[state.curLevel].info;
+          state.newplayNum = state.arrNewId[state.curLevel].length;
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }
+
+        // 判断当前章节是否全部完成
+        if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
+          state.isAllChapter = true;
         }
+        // console.log(state.mkProgress,state.newplayNum);
+
+        // 首次进度条动画效果
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item, i) => {
+            setTimeout(function() {
+              state.looplist[index].video[i].progress = item.play_progress;
+            }, 500);
+          });
+        });
 
         // 合计总时间 秒转小时
         let timeCount = null;
-        state.newVideoList.forEach(item => {
+        state.newVideoList.forEach((item) => {
           timeCount = timeCount + item.it618_videotime;
         });
         let myhour = timeCount / 60 / 60;
         state.newplayCount = myhour.toFixed(2);
       }
+    };
 
-      // 查找数组id
-      function in_array(search, array) {
-        for (var i in array) {
-          if (array[i] == search) {
-            return true;
-          }
-        }
-        return false;
+    // 切换板块中转
+    const gotoLevel = (id, resetProgress = 0) => {
+      state.localStorageNode = id;
+      // 记忆学习节点改为本地存储
+      localStorage.setItem("fr_guide_node", id);
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.newmkProgress = 0;
       }
 
-      // 计算节点完成度 2013
-      // const nodeFullArr = () => {
-      //   state.looplist.forEach((item, index) => {
-      //     state.looplist[index].video.forEach((item) => {
-
-      //       state.arrNewId.forEach((itemIdArr, indexId) => {
-      //         if (in_array(item.id, itemIdArr)) {
-      //           //总小节进度
-      //           if (item.play_progress > 0) {
-      //               state.nodeFullArrCount[indexId].count = state.nodeFullArrCount[indexId].count + 1;                
-      //               if (state.nodeFullArrCount[indexId].count == state.arrNewId[indexId].length) {
-      //                 state.nodeFullArr.push(indexId);
-      //               }
-      //             }
-                
-      //         }
-      //       });
-
-      //     });
-      //   });        
-      //   state.nodeFullArr = noRepeat(state.nodeFullArr);
-      // }
-
-
-      // 埋点请求
-      const postlogData = async (needUpdateNode = '') => {
-        let logData = {
-          logid: state.logid,
-          pytime: localStorage.getItem(state.videoid + '_playTime_video'),
-        }
-        let isPtime = localStorage.getItem(state.videoid + '_playTime_video');
-        // console.log('videoId',state.videoid);
-
-        if (isPtime > 2) {
-          //观看记录
-          await classlog(logData);
-
-          // 关闭视频后 更新进度节点 2023.01
-          if (needUpdateNode == 'updateNode') {
-            state.mkProgress = 0;
-            // 统计当前节点视频是否看完
-            state.looplist.forEach((item, index) => {
-              state.looplist[index].video.forEach((item) => {
-                if (in_array(item.id, state.arrNewId[state.localStorageNode])) {
-                  //总小节进度
-                  if (item.play_progress > 0) {
-                    // console.log('id',item.id);
-                    state.mkProgress = state.mkProgress + 1;
-                  }
-                }
-              });
-            });
-            state.newplayNum = state.arrNewId[state.localStorageNode].length;
-
+      //关闭奖励节点的定位三角
+      if (id != state.jiangli) {
+        state.curGps_jiangli = false;
+      }
 
-            // 判断当前章节是否全部完成 如果看完这发送节点埋点            
-            console.log('当前节点' + state.localStorageNode, '视频数' + state.newplayNum, '已看' + state.mkProgress);
-            if (state.mkProgress == state.newplayNum) {
-              let nodeData = {
-                node: state.localStorageNode
-              }
-              const res = await updateNodes(nodeData);
-              state.nodeFullArr = res.data.nodes;
-              if (res.code === 200 && res.status >= 0) {
-                // 每次看完视频校验是否通关 且没领奖励
-                if (res.data.node === state.jiangli && res.data.gift < 1) {
-                  // 通关动画
-                  levelFs();
-                }
-              }
+      // 显示奖品板块
+      if (id === state.jiangli) {
+        state.isAllChapter = false;
+        state.showChapter = false;
+        state.showCert = false;
+        state.jiayou = false;
+        state.wufanjiayou = false;
+        state.showGift = true;
+        state.curGps_jiangli = state.jiangli;
+      }
+      // 显示奖品板块
+      else if (id === state.jiangli) {
+        state.isAllChapter = false;
+        state.showChapter = false;
+        state.showCert = false;
+        state.jiayou = false;
+        state.wufanjiayou = false;
+        state.showGift = true;
+        state.curGps_jiangli = state.jiangli;
+      }
+      // 显示章节
+      else {
+        // 事件开关  如果是关闭的阻止继续执行当前逻辑
+        if (state.isgotoLevel === false) {
+          return false;
+        }
+        state.showGift = false;
+        state.showCert = false;
+        state.showChapter = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        gotoLevel_ch(id, resetProgress);
+      }
+    };
+
+    // 切换章节
+    const gotoLevel_ch = (id, resetProgress = 0) => {
+      state.play_key = null;
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.mkProgress = 0;
+      }
+      state.newplaytil = state.newplaytilArr[id].name;
+      state.newplayinfo = state.newplaytilArr[id].info;
+      state.newplayNum = state.arrNewId[id].length;
+      state.newVideoList = [];
+      state.looplist.forEach((item, index) => {
+        state.looplist[index].video.forEach((item) => {
+          if (in_array(item.id, state.arrNewId[id])) {
+            state.newVideoList = state.newVideoList.concat(item);
+            //总小节进度
+            if (item.play_progress > 0) {
+              state.mkProgress = state.mkProgress + 1;
             }
           }
+        });
+      });
+      // 章节进度百分比 延迟下为了显示进度条动画
+      if (resetProgress == "resetProgress") {
+        setTimeout(function() {
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }, 500);
+      }
 
+      // 合计总时间 秒转小时
+      let timeCount = null;
+      state.newVideoList.forEach((item) => {
+        timeCount = timeCount + item.it618_videotime;
+      });
+      let myhour = timeCount / 60 / 60;
+      state.newplayCount = myhour.toFixed(2);
+    };
+
+    // 查找数组id
+    function in_array(search, array) {
+      for (var i in array) {
+        if (array[i] == search) {
+          return true;
         }
       }
+      return false;
+    }
 
+    // 计算节点完成度 2013
+    // const nodeFullArr = () => {
+    //   state.looplist.forEach((item, index) => {
+    //     state.looplist[index].video.forEach((item) => {
+
+    //       state.arrNewId.forEach((itemIdArr, indexId) => {
+    //         if (in_array(item.id, itemIdArr)) {
+    //           //总小节进度
+    //           if (item.play_progress > 0) {
+    //               state.nodeFullArrCount[indexId].count = state.nodeFullArrCount[indexId].count + 1;
+    //               if (state.nodeFullArrCount[indexId].count == state.arrNewId[indexId].length) {
+    //                 state.nodeFullArr.push(indexId);
+    //               }
+    //             }
+
+    //         }
+    //       });
+
+    //     });
+    //   });
+    //   state.nodeFullArr = noRepeat(state.nodeFullArr);
+    // }
+
+    // 埋点请求
+    const postlogData = async (needUpdateNode = "") => {
+      let logData = {
+        logid: state.logid,
+        pytime: localStorage.getItem(state.videoid + "_playTime_video"),
+      };
+      let isPtime = localStorage.getItem(state.videoid + "_playTime_video");
+      // console.log('videoId',state.videoid);
 
-      // 监听关闭视频
-      const closeVideo = () => {
-        state.ckPlayer.videoClear();
-        state.ckPlayer = null;
-        document.getElementById("VideoPlay").innerHTML = "";
-
-        // 重置播放进度
-        let getpytime = localStorage.getItem(state.play_id + '_playTime_video')
-        if (getpytime > 0) {
-          let new_progress = parseInt(getpytime / state.play_videotime * 100);
-          state.newVideoList[state.play_key].progress = new_progress;
-          state.newVideoList[state.play_key].play_progress = new_progress;
-        }
-
+      if (isPtime > 2) {
+        //观看记录
+        await classlog(logData);
 
-        //重置当前学习节点章节进度
-        if (getpytime > 2) {
+        // 关闭视频后 更新进度节点 2023.01
+        if (needUpdateNode == "updateNode") {
           state.mkProgress = 0;
+          // 统计当前节点视频是否看完
           state.looplist.forEach((item, index) => {
             state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                //总小节数
-                state.newplayNum = state.arrNewId[state.curLevel].length;
-                //当前完成数
+              if (in_array(item.id, state.arrNewId[state.localStorageNode])) {
+                //总小节进度
                 if (item.play_progress > 0) {
+                  // console.log('id',item.id);
                   state.mkProgress = state.mkProgress + 1;
                 }
               }
             });
           });
-          state.newmkProgress = state.mkProgress / state.newplayNum * 100
+          state.newplayNum = state.arrNewId[state.localStorageNode].length;
+
+          // 判断当前章节是否全部完成 如果看完这发送节点埋点
+          console.log("当前节点" + state.localStorageNode, "视频数" + state.newplayNum, "已看" + state.mkProgress);
+          if (state.mkProgress == state.newplayNum) {
+            let nodeData = {
+              node: state.localStorageNode,
+            };
+            const res = await updateNodes(nodeData);
+            state.nodeFullArr = res.data.nodes;
+            if (res.code === 200 && res.status >= 0) {
+              // 每次看完视频校验是否通关 且没领奖励
+              if (res.data.node === state.jiangli && res.data.gift < 1) {
+                // 通关动画
+                levelFs();
+              }
+            }
+          }
         }
+      }
+    };
 
-        // 判断当前章节是否全部完成
-        if (state.mkProgress == state.newplayNum) {
-          state.isAllChapter = true;
-        }
+    // 监听关闭视频
+    const closeVideo = () => {
+      state.deepPlay = true;
+      state.ckPlayer.videoClear();
+      state.ckPlayer = null;
+      document.getElementById("VideoPlay").innerHTML = "";
 
-        // 发送埋点
-        postlogData('updateNode');
+      // 重置播放进度
+      let getpytime = localStorage.getItem(state.play_id + "_playTime_video");
+      if (getpytime > 0) {
+        let new_progress = parseInt((getpytime / state.play_videotime) * 100);
+        state.newVideoList[state.play_key].progress = new_progress;
+        state.newVideoList[state.play_key].play_progress = new_progress;
       }
 
-      // 列表点击切换视频
-      const getvideo_click = async (id, key) => {
-        state.showVideo = true;
-        state.play_key = key;
-        if (state.ckPlayer) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
-        }
-        getvideo(id);
+      //重置当前学习节点章节进度
+      if (getpytime > 2) {
+        state.mkProgress = 0;
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
+              //总小节数
+              state.newplayNum = state.arrNewId[state.curLevel].length;
+              //当前完成数
+              if (item.play_progress > 0) {
+                state.mkProgress = state.mkProgress + 1;
+              }
+            }
+          });
+        });
+        state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
       }
 
-      // 封装视频渲染
-      const getvideo = async (id) => {
-
-        // 获取视频
-        const res = await getVideo(id);
-        if (res.code === 200) {
-          state.play_id = id;
-          state.video = res.data;
-          state.play_title = res.data.it618_name;
-          state.play_videotime = res.data.it618_videotime;
-          state.videoObject.video = res.data.it618_videourl;
-
-          if (res.data.playtime > 0) {
-            state.videoObject.seek = res.data.playtime;
-          }
-          state.msg = res.message;
-          if (res.status === -1) {
-            state.isAuth = false;
-            state.empty = true;
-          } else {
-            state.isAuth = true;
-          }
-        }
+      // 判断当前章节是否全部完成
+      if (state.mkProgress == state.newplayNum) {
+        state.isAllChapter = true;
+      }
 
-        // 实例化播放器
-        state.videoObject.autoplay = false;
-        state.ckPlayer = new ckplayer(state.videoObject);
+      // 发送埋点
+      postlogData("updateNode");
+    };
 
-        // 监听播放时间
-        state.ckPlayer.addListener('time', timeHandler);
-        function timeHandler(t) {
-          let tm = parseInt(t);
-          localStorage.setItem(id + '_playTime_video', tm);
+    // 列表点击切换视频
+    const getvideo_click = async (id, key) => {
+      state.showVideo = true;
+      state.play_key = key;
+      if (state.ckPlayer) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
+      }
+      getvideo(id);
+    };
+
+    // 封装视频渲染
+    const getvideo = async (id) => {
+      state.deepPlay = false;
+      // 获取视频
+      const res = await getVideo(id);
+      if (res.code === 200) {
+        state.play_id = id;
+        state.video = res.data;
+        state.play_title = res.data.it618_name;
+        state.play_videotime = res.data.it618_videotime;
+        state.videoObject.video = res.data.it618_videourl;
+
+        if (res.data.playtime > 0) {
+          state.videoObject.seek = res.data.playtime;
         }
-
-        // 如果没播放权限清除视频
-        if (state.isAuth === false) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
+        state.msg = res.message;
+        if (res.status === -1) {
+          state.isAuth = false;
+          state.empty = true;
+        } else {
+          state.isAuth = true;
         }
+      }
 
+      // 实例化播放器
+      state.videoObject.autoplay = false;
+      state.ckPlayer = new ckplayer(state.videoObject);
 
+      // 监听播放时间
+      state.ckPlayer.addListener("time", timeHandler);
+      function timeHandler(t) {
+        let tm = parseInt(t);
+        localStorage.setItem(id + "_playTime_video", tm);
+      }
 
-        // 重置新id
-        state.logid = res.data.logid;
-        state.videoid = res.data.id;
+      // 如果没播放权限清除视频
+      if (state.isAuth === false) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
+      }
 
-        // 发送埋点
-        postlogData();
+      // 重置新id
+      state.logid = res.data.logid;
+      state.videoid = res.data.id;
 
-        return state;
-      }
+      // 发送埋点
+      postlogData();
 
+      return state;
+    };
 
-      onMounted(() => {
-        var new_element = document.createElement("script");
-        new_element.setAttribute("type", "text/javascript");
-        new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
-        document.body.appendChild(new_element);
-      })
+    onMounted(() => {
+      var new_element = document.createElement("script");
+      new_element.setAttribute("type", "text/javascript");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      document.body.appendChild(new_element);
+    });
 
-      const noLevel = (item) => {
-        if (item == 'gift') {
-          state.jiayou = false;
+    const noLevel = (item) => {
+      if (item == "gift") {
+        state.jiayou = false;
+        state.curGps_jiangli = state.jiangli;
+        state.showGift = true;
+        state.showGiftNo = true;
+        state.showChapter = false;
+        state.showCert = false;
+      } else {
+        ElMessage.error({
+          message: "当前章节未解锁，请按顺序学习哦~",
+          offset: 140,
+        });
+      }
+    };
+    // 通关动画
+    const levelFs = () => {
+      state.AllLevel = true;
+      state.showCert = true;
+      state.showCertYes = true;
+
+      var interval = setInterval(() => {
+        state.myseconds--;
+        if (state.myseconds <= 0) {
+          state.AllLevel = false;
           state.curGps_jiangli = state.jiangli;
-          state.showGift = true;
-          state.showGiftNo = true;
-          state.showChapter = false;
-          state.showCert = false;
+          clearInterval(interval);
+          // 更新关卡
+          state.curLevel = state.jiangli;
+          // // 更新点亮公路
+          // upRoad();
+          // // 更新后端节点
+          // resUpdateNode(8);
+          //显示奖励板块
+          setTimeout(function() {
+            state.styTsam = "rollovers";
+            setTimeout(function() {
+              state.showCert = false;
+              state.showChapter = false;
+              state.showGift = true;
+              state.showGiftYes = true;
+              // 更新下state.nodeData数据
+              resgetNode();
+              gotoLevel(state.jiangli);
+            }, 700);
+          }, 500);
+        }
+      }, 1000);
+      state.myseconds = 3;
+    };
+
+    //抽取奖励
+    const resLuckDraw = async () => {
+      const res = await luckDraw();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          //显示奖励板块
+          state.styTsam = "rollovers2";
+          setTimeout(function() {
+            // 更新下state.nodeData数据
+            resgetNode();
+            state.showGiftYes = false;
+            state.showGiftNo = false;
+            state.showGiftOpen = true;
+            resStudentList();
+            setTimeout(function() {
+              ElMessage.success({
+                message: "恭喜您抽到价值：" + res.data.coupon_value + "元的优惠券",
+                offset: 140,
+              });
+            }, 500);
+          }, 1700);
         } else {
           ElMessage.error({
-            message: '当前章节未解锁，请按顺序学习哦~',
-            offset: 140
+            message: res.message,
+            offset: 140,
           });
         }
       }
-      // 通关动画
-      const levelFs = () => {
-        state.AllLevel = true;
-        state.showCert = true;
-        state.showCertYes = true;
-
-        var interval = setInterval(() => {
-          state.myseconds--;
-          if (state.myseconds <= 0) {
-            state.AllLevel = false;
-            state.curGps_jiangli = state.jiangli;
-            clearInterval(interval);
-            // 更新关卡
-            state.curLevel = state.jiangli;
-            // // 更新点亮公路
-            // upRoad();
-            // // 更新后端节点
-            // resUpdateNode(8);
-            //显示奖励板块
-            setTimeout(function () {
-              state.styTsam = 'rollovers';
-              setTimeout(function () {
-                state.showCert = false;
-                state.showChapter = false;
-                state.showGift = true;
-                state.showGiftYes = true;
-                // 更新下state.nodeData数据
-                resgetNode();
-                gotoLevel(state.jiangli);
-              }, 700);
-            }, 500);
-          }
-        }, 1000);
-        state.myseconds = 3;
+    };
+
+    //抽取奖励
+    const openCart = () => {
+      state.openCartYes = false;
+      state.openCartNo = true;
+      resLuckDraw();
+    };
+
+    //获取完成学员
+    const resStudentList = async () => {
+      const res = await getStudentList();
+      if (res.code === 200) {
+        state.studentList = res.data;
+        if (res.data.length == 0) {
+          state.isStudentList = true;
+        } else {
+          state.isStudentList = false;
+        }
       }
+    };
+    resStudentList();
+
+    return {
+      ...toRefs(state),
+      gotoLevel,
+      getvideo_click,
+      closeVideo,
+      noLevel,
+      isAutoNextch,
+      openCart,
+    };
+  },
+};
+</script>
 
-      //抽取奖励
-      const resLuckDraw = async () => {
-        const res = await luckDraw();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            //显示奖励板块
-            state.styTsam = 'rollovers2';
-            setTimeout(function () {
-              // 更新下state.nodeData数据
-              resgetNode();
-              state.showGiftYes = false;
-              state.showGiftNo = false;
-              state.showGiftOpen = true;
-              resStudentList()
-              setTimeout(function () {
-                ElMessage.success({
-                  message: '恭喜您抽到价值：' + res.data.coupon_value + '元的优惠券',
-                  offset: 140
-                });
-              }, 500);
-            }, 1700);
-          } else {
-            ElMessage.error({
-              message: res.message,
-              offset: 140
-            });
-          }
-        }
-      };
-
-      //抽取奖励
-      const openCart = () => {
-        state.openCartYes = false;
-        state.openCartNo = true;
-        resLuckDraw();
-      }
-
-      //获取完成学员
-      const resStudentList = async () => {
-        const res = await getStudentList();
-        if (res.code === 200) {
-          state.studentList = res.data;
-          if (res.data.length == 0) {
-            state.isStudentList = true;
-          } else {
-            state.isStudentList = false;
-          }
-        }
-      };
-      resStudentList();
-
-      return {
-        ...toRefs(state),
-        gotoLevel,
-        getvideo_click,
-        closeVideo,
-        noLevel,
-        isAutoNextch,
-        openCart,
-      }
-
-    }
+<style lang="scss" scoped>
+.main {
+  width: 100%;
+  min-width: 1280px;
+  background-color: #0082fc;
+  margin-bottom: -40px;
+  height: 960px;
+}
+
+.mainbox {
+  position: relative;
+  background-color: #0082fc;
+  width: 1280px;
+  margin: 0 auto;
+}
+
+.toptil {
+  color: #fff;
+  padding: 32px 0 40px;
+
+  .til {
+    font-size: 40px;
+    color: #fff;
+  }
 
+  .fgx {
+    display: inline-block;
+    height: 36px;
+    width: 1px;
+    background-color: #fff;
+    margin: 0 24px;
   }
 
-</script>
-
-
-<style lang="scss" scoped>
-  .main {
-    width: 100%;
-    min-width: 1280px;
-    background-color: #0082fc;
-    margin-bottom: -40px;
-    height: 960px;
-  }
-
-  .mainbox {
-    position: relative;
-    background-color: #0082fc;
-    width: 1280px;
-    margin: 0 auto;
-
+  .tinfo {
+    font-size: 14px;
+    line-height: 22px;
   }
 
-
-  .toptil {
+  .hig {
+    display: inline-block;
     color: #fff;
-    padding: 32px 0 40px;
+    background-color: #e7a41f;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 0px 4px;
+  }
+}
+
+.mapmain {
+  position: absolute;
+  left: -150px;
+  width: 1300px;
+  height: 800px;
+  background-image: url("~@/assets/guide/finereport/bg.png");
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+
+  /* 悟帆走路 */
+  .wfgif-rt {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finereport/wf_rt.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .til {
-      font-size: 40px;
-      color: #fff;
-    }
+  .wfgif-lf {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/finereport/wf_lf.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .fgx {
-      display: inline-block;
-      height: 36px;
-      width: 1px;
-      background-color: #fff;
-      margin: 0 24px;
+  @keyframes wfgif {
+    0% {
+      background-position: 0 0;
     }
 
-    .tinfo {
-      font-size: 14px;
-      line-height: 22px;
+    50% {
+      background-position: 0 -70px;
     }
 
-    .hig {
-      display: inline-block;
-      color: #fff;
-      background-color: #E7A41F;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 0px 4px;
+    100% {
+      background-position: 0 0;
     }
   }
 
-  .mapmain {
+  /* 章节 */
+  .chapter {
     position: absolute;
-    left: -150px;
-    width: 1300px;
-    height: 800px;
-    background-image: url("~@/assets/guide/finereport/bg.png");
+    z-index: 2;
     background-size: 100% auto;
     background-repeat: no-repeat;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.3s;
+
+    &.cur {
+      cursor: pointer;
+    }
+
+    &.old {
+      opacity: 0.8;
+    }
 
-    /* 悟帆走路 */
-    .wfgif-rt {
+    .iwancheng {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finereport/wf_rt.png") no-repeat;
+      width: 28px;
+      height: 28px;
+      background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -2px;
+      margin-left: -14px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
     }
 
-    .wfgif-lf {
+    .iwancheng_fs {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/finereport/wf_lf.png") no-repeat;
+      width: 160px;
+      height: 160px;
+      background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -50px;
+      margin-left: -80px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
+      animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
     }
 
-    @keyframes wfgif {
+    @keyframes iwancheng {
       0% {
-        background-position: 0 0;
-      }
-
-      50% {
-        background-position: 0 -70px;
+        width: 160px;
+        height: 160px;
       }
 
       100% {
-        background-position: 0 0;
-      }
-    }
-
-    /* 章节 */
-    .chapter {
-      position: absolute;
-      z-index: 2;
-      background-size: 100% auto;
-      background-repeat: no-repeat;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .3s;
-
-      &.cur {
-        cursor: pointer;
-      }
-
-      &.old {
-        opacity: 0.8;
-      }
-
-
-      .iwancheng {
-        position: absolute;
         width: 28px;
         height: 28px;
-        background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
         bottom: -2px;
         margin-left: -14px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-      }
-
-      .iwancheng_fs {
-        position: absolute;
-        width: 160px;
-        height: 160px;
-        background: url("~@/assets/guide/finereport/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        bottom: -50px;
-        margin-left: -80px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-        animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
       }
+    }
 
-      @keyframes iwancheng {
-        0% {
-          width: 160px;
-          height: 160px;
-        }
+    .gps {
+      position: absolute;
+      width: 20px;
+      height: 40px;
+      background: url("~@/assets/guide/finereport/biaoji.png") no-repeat;
+      background-size: 100% auto;
+      left: 50%;
+      top: 50%;
+      margin-left: -10px;
+      margin-top: -18px;
+      animation: shaking 3s infinite;
+    }
 
-        100% {
-          width: 28px;
-          height: 28px;
-          bottom: -2px;
-          margin-left: -14px;
-        }
+    @keyframes shaking {
+      0% {
+        transform: translateY(-10px);
       }
 
-      .gps {
-        position: absolute;
-        width: 20px;
-        height: 40px;
-        background: url("~@/assets/guide/finereport/biaoji.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        top: 50%;
-        margin-left: -10px;
-        margin-top: -18px;
-        animation: shaking 3s infinite;
+      50% {
+        transform: translateY(10px);
       }
 
-      @keyframes shaking {
-        0% {
-          transform: translateY(-10px);
-        }
-
-        50% {
-          transform: translateY(10px);
-        }
-
-        100% {
-          transform: translateY(-10px);
-        }
+      100% {
+        transform: translateY(-10px);
       }
+    }
 
+    .all-progress {
+      position: absolute;
+      z-index: 6;
+      left: 50%;
+      top: 50%;
+      margin-left: -35px;
+      margin-top: 30px;
+    }
 
-      .all-progress {
-        position: absolute;
-        z-index: 6;
-        left: 50%;
-        top: 50%;
-        margin-left: -35px;
-        margin-top: 30px;
-      }
+    .jiayou {
+      width: 60px;
+      height: 60px;
+      margin-top: 1px;
+    }
 
-      .jiayou {
-        width: 60px;
-        height: 60px;
-        margin-top: 1px;
+    .challok {
+      position: absolute;
+      width: 120px;
+      height: 100px;
+      left: 50%;
+      top: 50%;
+      margin-left: -60px;
+      margin-top: -75px;
+      background-color: rgb(0, 0, 0, 0.8);
+      border-radius: 8px;
+      text-align: center;
+      color: #fff;
+
+      .til {
+        padding: 10px 0 10px;
       }
 
-      .challok {
-        position: absolute;
-        width: 120px;
-        height: 100px;
-        left: 50%;
-        top: 50%;
-        margin-left: -60px;
-        margin-top: -75px;
-        background-color: rgb(0, 0, 0, 0.8);
+      .btnnext {
+        width: 100px;
+        height: 32px;
+        line-height: 32px;
         border-radius: 8px;
-        text-align: center;
-        color: #fff;
+        margin: 0 auto;
+        background-color: #0082fc;
 
-        .til {
-          padding: 10px 0 10px;
-        }
-
-        .btnnext {
-          width: 100px;
-          height: 32px;
-          line-height: 32px;
-          border-radius: 8px;
-          margin: 0 auto;
-          background-color: #0082fc;
-
-          &:hover {
-            background-color: #369dfd;
-          }
+        &:hover {
+          background-color: #369dfd;
         }
       }
-
     }
+  }
 
-    .ch_one {
-      width: 150px;
-      height: 158px;
-      left: 145px;
-      top: 85px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/one.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/one1.png");
-      }
+  .ch_one {
+    width: 150px;
+    height: 158px;
+    left: 145px;
+    top: 85px;
 
-      &:hover {
-        width: 160px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/one.png");
     }
 
-    .ch_two {
-      width: 170px;
-      height: 158px;
-      left: 288px;
-      top: -6px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/two.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/finereport/two1.png");
-      }
-
-      &:hover {
-        width: 180px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/one1.png");
     }
 
-    .ch_three {
-      width: 162px;
-      height: 165px;
-      left: 460px;
-      top: 86px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/three.png");
-      }
+    &:hover {
+      width: 160px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/three1.png");
-      }
+  .ch_two {
+    width: 170px;
+    height: 158px;
+    left: 288px;
+    top: -6px;
 
-      &:hover {
-        width: 172px;
-        height: 175px;
-        margin-top: -10px;
-        margin-left: -3px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/two.png");
     }
 
-    .ch_four {
-      width: 165px;
-      height: 170px;
-      left: 295px;
-      top: 178px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/two1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/four.png");
-      }
+    &:hover {
+      width: 180px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/four1.png");
-      }
+  .ch_three {
+    width: 162px;
+    height: 165px;
+    left: 460px;
+    top: 86px;
 
-      &:hover {
-        width: 175px;
-        height: 180px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/three.png");
     }
 
-    .ch_five {
-      width: 160px;
-      height: 164px;
-      left: 464px;
-      top: 298px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/three1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/five.png");
-      }
+    &:hover {
+      width: 172px;
+      height: 175px;
+      margin-top: -10px;
+      margin-left: -3px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/five1.png");
-      }
+  .ch_four {
+    width: 165px;
+    height: 170px;
+    left: 295px;
+    top: 178px;
 
-      &:hover {
-        width: 170px;
-        height: 174px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/four.png");
     }
 
-    .ch_six {
-      width: 177px;
-      height: 163px;
-      left: 630px;
-      top: 200px;
-
+    &.no {
+      background-image: url("~@/assets/guide/finereport/four1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/six.png");
-      }
+    &:hover {
+      width: 175px;
+      height: 180px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/six1.png");
-      }
+  .ch_five {
+    width: 160px;
+    height: 164px;
+    left: 464px;
+    top: 298px;
 
-      &:hover {
-        width: 187px;
-        height: 173px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/five.png");
     }
 
-    .ch_seven {
-      width: 165px;
-      height: 165px;
-      left: 800px;
-      top: 310px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/five1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/seven.png");
-      }
+    &:hover {
+      width: 170px;
+      height: 174px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/seven1.png");
-      }
+  .ch_six {
+    width: 177px;
+    height: 163px;
+    left: 630px;
+    top: 200px;
 
-      &:hover {
-        width: 175px;
-        height: 175px;
-        margin-top: -8px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/six.png");
     }
 
-    .ch_eight {
-      width: 160px;
-      height: 190px;
-      left: 618px;
-      top: 390px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/six1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/eight.png");
-      }
+    &:hover {
+      width: 187px;
+      height: 173px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/eight1.png");
-      }
+  .ch_seven {
+    width: 165px;
+    height: 165px;
+    left: 800px;
+    top: 310px;
 
-      &:hover {
-        width: 170px;
-        height: 200px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/seven.png");
     }
 
-    .ch_gift {
-      width: 160px;
-      height: 190px;
-      left: 790px;
-      top: 490px;
-      cursor: pointer;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/seven1.png");
+    }
 
-      &.yes {
-        background-image: url("~@/assets/guide/finereport/gift.png");
-      }
+    &:hover {
+      width: 175px;
+      height: 175px;
+      margin-top: -8px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.no {
-        background-image: url("~@/assets/guide/finereport/gift1.png");
-      }
+  .ch_eight {
+    width: 160px;
+    height: 190px;
+    left: 618px;
+    top: 390px;
 
-      &:hover {
-        width: 170px;
-        height: 200px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/eight.png");
     }
 
-    /* 公路 */
-    .road {
-      position: absolute;
-      background-repeat: no-repeat;
-      background-size: 100% auto;
-      transition: all .3s;
-      z-index: 1;
-
-      &.lf {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-lf.png");
-      }
+    &.no {
+      background-image: url("~@/assets/guide/finereport/eight1.png");
+    }
 
-      &.lf_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-lf1.png");
-      }
+    &:hover {
+      width: 170px;
+      height: 200px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.rt {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-rt.png");
-      }
+  .ch_gift {
+    width: 160px;
+    height: 190px;
+    left: 790px;
+    top: 490px;
+    cursor: pointer;
 
-      &.rt_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/finereport/road-rt1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/finereport/gift.png");
     }
 
-    .ro_one {
-      left: 245px;
-      top: 90px;
+    &.no {
+      background-image: url("~@/assets/guide/finereport/gift1.png");
     }
 
-    .ro_two {
-      left: 390px;
-      top: 100px;
+    &:hover {
+      width: 170px;
+      height: 200px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    .ro_three {
-      left: 390px;
-      top: 190px;
-    }
+  /* 公路 */
+  .road {
+    position: absolute;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    transition: all 0.3s;
+    z-index: 1;
 
-    .ro_four {
-      left: 390px;
-      top: 305px;
+    &.lf {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-lf.png");
     }
 
-    .ro_five {
-      left: 562px;
-      top: 310px;
+    &.lf_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-lf1.png");
     }
 
-    .ro_six {
-      left: 724px;
-      top: 314px;
+    &.rt {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-rt.png");
     }
 
-    .ro_seven {
-      left: 726px;
-      top: 428px;
+    &.rt_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/finereport/road-rt1.png");
     }
+  }
 
-    .ro_eight {
-      left: 716px;
-      top: 526px;
-    }
+  .ro_one {
+    left: 245px;
+    top: 90px;
   }
 
-  .rtcarbox {
-    position: absolute;
-    right: 0;
-    width: 400px;
+  .ro_two {
+    left: 390px;
+    top: 100px;
+  }
 
-    .upp,
-    .cen,
-    .dow {
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 12px 24px;
-      margin-bottom: 8px;
-    }
+  .ro_three {
+    left: 390px;
+    top: 190px;
+  }
 
-    .upp {
-      .icon {
-        width: 24px;
-        height: 24px;
-        background: rgb(0, 130, 252, 0.24);
-        border-radius: 100px;
-        margin-right: 16px;
+  .ro_four {
+    left: 390px;
+    top: 305px;
+  }
 
-        i {
-          color: #0082FC;
-        }
-      }
+  .ro_five {
+    left: 562px;
+    top: 310px;
+  }
 
-      .boxul {
-        height: 120px;
+  .ro_six {
+    left: 724px;
+    top: 314px;
+  }
 
-        .itemli {
-          display: flex;
-          align-items: center;
-          color: #617288;
-          font-size: 14px;
-        }
-      }
+  .ro_seven {
+    left: 726px;
+    top: 428px;
+  }
 
-      .hig {
-        color: #000;
-        font-size: 18px;
-        font-weight: 600;
-      }
+  .ro_eight {
+    left: 716px;
+    top: 526px;
+  }
+}
 
+.rtcarbox {
+  position: absolute;
+  right: 0;
+  width: 400px;
 
-    }
+  .upp,
+  .cen,
+  .dow {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px 24px;
+    margin-bottom: 8px;
+  }
 
-    /* 开奖 */
-    .choujiang {
-      position: relative;
+  .upp {
+    .icon {
+      width: 24px;
+      height: 24px;
+      background: rgb(0, 130, 252, 0.24);
+      border-radius: 100px;
+      margin-right: 16px;
 
-      .linkbj {
-        position: absolute;
-        font-size: 12px;
-        width: 130px;
-        left: 122px;
-        bottom: 27px;
+      i {
+        color: #0082fc;
       }
     }
 
-    /* 优惠券 */
-    .coupon-box {
-      width: 300px;
+    .boxul {
       height: 120px;
-      background-color: #FFE7C6;
-      color: #E9550F;
-      border-radius: 8px;
-      margin: 28px auto 24px auto;
-      overflow: hidden;
-
-      .lf {
-        width: 160px;
-
-        .cpval {
-          font-weight: 600;
-          font-size: 38px;
-          margin-bottom: 2px;
-        }
-
-        .cptxt {
-          width: 120px;
-          line-height: 18px;
-          font-size: 12px;
-        }
-      }
-
-      .rt {
-        width: 140px;
-        height: 120px;
-        background-color: #FFD7A0;
-
-        .syriqi {
-          font-size: 12px;
-          margin-top: -30px;
-        }
-
-        .sytxtye {
-          font-size: 24px;
-        }
-
-        .sytxtno {
-          font-size: 24px;
-          opacity: 0.3;
-        }
-
-        .syriqino {
-          font-size: 12px;
-          margin-top: -30px;
-          opacity: 0.3;
-        }
-
-        .sybtn {
-          width: 126px;
-          height: 60px;
-          background: url("~@/assets/guide/finereport/btn.png") no-repeat;
-          background-size: 100% auto;
 
-          .sytxt {
-            font-size: 18px;
-            color: #fff;
-            margin-top: -6px;
-          }
-        }
+      .itemli {
+        display: flex;
+        align-items: center;
+        color: #617288;
+        font-size: 14px;
       }
     }
 
-    .rollovers {
-      animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+    .hig {
+      color: #000;
+      font-size: 18px;
+      font-weight: 600;
     }
+  }
 
-    @keyframes rollovers {
-      0% {
-        transform: rotateY(0deg);
-      }
+  /* 开奖 */
+  .choujiang {
+    position: relative;
 
-      100% {
-        transform: rotateY(360deg);
-      }
+    .linkbj {
+      position: absolute;
+      font-size: 12px;
+      width: 130px;
+      left: 122px;
+      bottom: 27px;
     }
+  }
 
-    .rollovers2 {
-      animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
-    }
+  /* 优惠券 */
+  .coupon-box {
+    width: 300px;
+    height: 120px;
+    background-color: #ffe7c6;
+    color: #e9550f;
+    border-radius: 8px;
+    margin: 28px auto 24px auto;
+    overflow: hidden;
 
-    @keyframes rollovers2 {
-      0% {
-        transform: rotateY(0deg);
-      }
+    .lf {
+      width: 160px;
 
-      100% {
-        transform: rotateY(2160deg);
+      .cpval {
+        font-weight: 600;
+        font-size: 38px;
+        margin-bottom: 2px;
       }
-    }
 
-    .cen {
-      .rzbtn {
+      .cptxt {
         width: 120px;
-        height: 40px;
-        line-height: 38px;
+        line-height: 18px;
+        font-size: 12px;
       }
     }
 
-    .jiangli {
-      .xiazai {
-        background-color: #EEF3FA;
-        border-radius: 50px;
-        padding: 4px 8px;
-
-        img {
-          margin-right: 6px;
-        }
+    .rt {
+      width: 140px;
+      height: 120px;
+      background-color: #ffd7a0;
 
+      .syriqi {
+        font-size: 12px;
+        margin-top: -30px;
       }
 
-      .xiazaiok {
-        background-color: #DAEDFF;
-        border-radius: 50px;
-        padding: 4px 8px;
+      .sytxtye {
+        font-size: 24px;
+      }
 
-        img {
-          margin-right: 6px;
-        }
+      .sytxtno {
+        font-size: 24px;
+        opacity: 0.3;
+      }
 
-        span {
-          color: #0082fc;
-        }
+      .syriqino {
+        font-size: 12px;
+        margin-top: -30px;
+        opacity: 0.3;
+      }
 
-        &:hover {
-          background-color: #0082fc;
-        }
+      .sybtn {
+        width: 126px;
+        height: 60px;
+        background: url("~@/assets/guide/finereport/btn.png") no-repeat;
+        background-size: 100% auto;
 
-        &:hover span {
+        .sytxt {
+          font-size: 18px;
           color: #fff;
+          margin-top: -6px;
         }
       }
-
     }
+  }
 
+  .rollovers {
+    animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+  }
 
-    /* 播放列表 */
-    ::v-deep .el-scrollbar__thumb {
-      background-color: #CEDDF2;
-      opacity: 1;
+  @keyframes rollovers {
+    0% {
+      transform: rotateY(0deg);
     }
 
-    ::v-deep .el-scrollbar__thumb:hover {
-      background-color: #b0bed1;
+    100% {
+      transform: rotateY(360deg);
     }
+  }
+
+  .rollovers2 {
+    animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
+  }
 
-    ::v-deep .el-scrollbar__bar.is-vertical {
-      width: 6px;
+  @keyframes rollovers2 {
+    0% {
+      transform: rotateY(0deg);
     }
 
+    100% {
+      transform: rotateY(2160deg);
+    }
+  }
 
-    .vlist {
-      padding: 0 24px 10px 24px;
+  .cen {
+    .rzbtn {
+      width: 120px;
+      height: 40px;
+      line-height: 38px;
     }
+  }
 
-    .vitem {
-      cursor: pointer;
-      padding: 10px 0;
-      border-bottom: 1px solid #CEDDF2;
-      transition: all .3s;
+  .jiangli {
+    .xiazai {
+      background-color: #eef3fa;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover .vdtitle {
-        color: #0082FC;
+      img {
+        margin-right: 6px;
       }
+    }
+
+    .xiazaiok {
+      background-color: #daedff;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover,
-      &.playcur {
-        background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+      img {
+        margin-right: 6px;
       }
 
-      &.playcur .vdtitle {
-        color: #0082FC;
+      span {
+        color: #0082fc;
       }
 
-      .playing {
-        width: 14px;
-        height: 14px;
-        margin-right: 4px;
+      &:hover {
+        background-color: #0082fc;
       }
 
-      .vdtitle {
-        max-width: 160px;
-        padding-right: 10px;
+      &:hover span {
+        color: #fff;
       }
+    }
+  }
 
-      .progress-box {
-        width: 44%;
+  /* 播放列表 */
+  ::v-deep .el-scrollbar__thumb {
+    background-color: #ceddf2;
+    opacity: 1;
+  }
 
-        .progress {
-          width: 76%;
-          margin-right: 6px;
-        }
+  ::v-deep .el-scrollbar__thumb:hover {
+    background-color: #b0bed1;
+  }
 
-        .el-icon-success {
-          color: #27C346;
-        }
-      }
+  ::v-deep .el-scrollbar__bar.is-vertical {
+    width: 6px;
+  }
 
-    }
+  .vlist {
+    padding: 0 24px 10px 24px;
+  }
 
-    /* 客服 */
-    .kefu {
-      position: fixed;
-      bottom: 96px;
-      right: 40px;
-      z-index: 9;
-      transition: all .3s;
+  .vitem {
+    cursor: pointer;
+    padding: 10px 0;
+    border-bottom: 1px solid #ceddf2;
+    transition: all 0.3s;
 
-      .ikefu {
-        width: 42px;
-        height: 42px;
-        background-color: #fff;
-        border-radius: 100px;
-        box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, .2);
+    &:hover .vdtitle {
+      color: #0082fc;
+    }
 
-        i {
-          color: #0082FC;
-          font-size: 22px;
-        }
-      }
+    &:hover,
+    &.playcur {
+      background: linear-gradient(to left, rgba(243, 248, 255, 0), rgba(243, 248, 255, 1) 50%, rgba(243, 248, 255, 0));
+    }
 
+    &.playcur .vdtitle {
+      color: #0082fc;
+    }
 
+    .playing {
+      width: 14px;
+      height: 14px;
+      margin-right: 4px;
     }
 
-  }
+    .vdtitle {
+      max-width: 160px;
+      padding-right: 10px;
+    }
 
-  .lessinfo {
-    padding: 16px 24px 12px 24px;
-    border-bottom: 1px solid #CEDDF2;
+    .progress-box {
+      width: 44%;
 
-    .info {
-      padding: 10px 0;
-      line-height: 18px;
-    }
+      .progress {
+        width: 76%;
+        margin-right: 6px;
+      }
 
-    .datainfo {
-      span {
-        font-size: 12px;
-        color: #617288;
+      .el-icon-success {
+        color: #27c346;
       }
+    }
+  }
 
-      li {
-        display: flex;
-        align-items: center;
+  /* 客服 */
+  .kefu {
+    position: fixed;
+    bottom: 96px;
+    right: 40px;
+    z-index: 9;
+    transition: all 0.3s;
+
+    .ikefu {
+      width: 42px;
+      height: 42px;
+      background-color: #fff;
+      border-radius: 100px;
+      box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, 0.2);
 
-        i {
-          margin-right: 3px;
-        }
+      i {
+        color: #0082fc;
+        font-size: 22px;
       }
     }
   }
+}
 
-  /* 播放器 */
-  .playbox {
-    position: absolute !important;
-    width: 820px;
-    height: 550px;
-    z-index: 96;
-    background-color: rgb(255, 255, 255, .3);
-    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, .3);
-    padding: 10px;
-    border-radius: 8px;
-    left: 40px;
-    top: 124px;
+.lessinfo {
+  padding: 16px 24px 12px 24px;
+  border-bottom: 1px solid #ceddf2;
+
+  .info {
+    padding: 10px 0;
+    line-height: 18px;
   }
 
-  /* 通关动画 */
-  .clearance {
-    position: fixed;
-    z-index: 99999;
-    background-color: rgb(0, 0, 0, 0.6);
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    .pic_fs {
-      position: absolute;
-      width: 0;
-      height: 0;
-      background: url("~@/assets/guide/finereport/msgpic.png") no-repeat;
-      background-size: 100% auto;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .2s;
-      animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  .datainfo {
+    span {
+      font-size: 12px;
+      color: #617288;
     }
 
-    @keyframes picfs {
-      0% {
-        width: 0;
-        height: 0;
-      }
+    li {
+      display: flex;
+      align-items: center;
 
-      50% {
-        width: 540px;
-        height: 470px;
+      i {
+        margin-right: 3px;
       }
+    }
+  }
+}
+
+/* 播放器 */
+.playbox {
+  position: absolute !important;
+  width: 820px;
+  height: 550px;
+  z-index: 96;
+  background-color: rgb(255, 255, 255, 0.3);
+  box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.3);
+  padding: 10px;
+  border-radius: 8px;
+  left: 40px;
+  top: 124px;
+}
+
+/* 通关动画 */
+.clearance {
+  position: fixed;
+  z-index: 99999;
+  background-color: rgb(0, 0, 0, 0.6);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  .pic_fs {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: url("~@/assets/guide/finereport/msgpic.png") no-repeat;
+    background-size: 100% auto;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.2s;
+    animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  }
 
-      100% {
-        width: 340px;
-        height: 270px;
-      }
+  @keyframes picfs {
+    0% {
+      width: 0;
+      height: 0;
     }
 
-    .txt {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 220px;
-      color: #fff;
+    50% {
+      width: 540px;
+      height: 470px;
     }
 
-    .tm {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 280px;
-      color: #fff;
+    100% {
+      width: 340px;
+      height: 270px;
     }
+  }
 
+  .txt {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 220px;
+    color: #fff;
+  }
 
+  .tm {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 280px;
+    color: #fff;
   }
+}
 
-  .txtscroll {
-    font-size: 12px;
+.txtscroll {
+  font-size: 12px;
 
-    .item {
-      height: 28px;
-      line-height: 28px;
+  .item {
+    height: 28px;
+    line-height: 28px;
 
-      .username {
-        max-width: 80px;
-        width: auto;
-      }
+    .username {
+      max-width: 80px;
+      width: auto;
+    }
 
-      .lftxt {
-        span {
-          padding-right: 5px;
-        }
+    .lftxt {
+      span {
+        padding-right: 5px;
       }
     }
   }
+}
 </style>
 
 <style lang="scss">
-  .el-dialog__body {
-    padding-top: 10px;
-  }
+.el-dialog__body {
+  padding-top: 10px;
+}
 
-  .el-dialog__close {
-    font-size: 20px;
-  }
+.el-dialog__close {
+  font-size: 20px;
+}
 
-  body {
-    min-width: 1280px;
-  }
-</style>
\ No newline at end of file
+body {
+  min-width: 1280px;
+}
+</style>
diff --git a/src/views/video/guide/jiandaoyun.vue b/src/views/video/guide/jiandaoyun.vue
index c8d7a22..6259902 100644
--- a/src/views/video/guide/jiandaoyun.vue
+++ b/src/views/video/guide/jiandaoyun.vue
@@ -1,7 +1,6 @@
 <template>
   <div v-if="!com_user_token">
-    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false"
-      :close-on-click-modal="false">
+    <el-dialog title="抱歉，当前页面需要登录" model-value="1" width="300px" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false">
       <div class="f16" style="padding: 14px 0 12px">
         <a class="fr-btn big" :href="com_login_url">马上登录</a>
       </div>
@@ -13,12 +12,11 @@
       恭喜！！完成全部学习路径，快打开通关礼包吧！
     </div>
     <div class="tm">
-      <span class="f16">（{{myseconds}}<span class="f12">S</span>）</span>
+      <span class="f16">（{{ myseconds }}<span class="f12">S</span>）</span>
     </div>
   </div>
   <div class="main">
     <div class="mainbox">
-
       <div class="w1200">
         <div class="toptil flex-1">
           <h1 class="til">简道云入门学习路径</h1>
@@ -31,31 +29,26 @@
       </div>
 
       <div style="position: absolute; z-index:-1;">
-        <img width="10" src="@/assets/guide/jiandaoyun/wf_rt.png" alt="预加载转身帮助动画流畅">
-        <img width="10" src="@/assets/guide/jiandaoyun/wf_lf.png" alt="预加载转身帮助动画流畅">
+        <img width="10" src="@/assets/guide/jiandaoyun/wf_rt.png" alt="预加载转身帮助动画流畅" />
+        <img width="10" src="@/assets/guide/jiandaoyun/wf_lf.png" alt="预加载转身帮助动画流畅" />
       </div>
 
       <div class="mapmain">
-
         <!-- 悟帆走路 -->
-        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty:'display:none' "></div>
+        <div :class="wfgifTrend" :style="wfgifSty ? wfgifSty : 'display:none'"></div>
 
         <!-- 章节 -->
-        <div v-for="(item, index) in chArr" :key="index"
-          :class="['chapter','ch_'+item, index <= curLevel? 'yes':'no', index <= curLevel? 'cur':''] "
-          @click=" index <= curLevel ? gotoLevel(index):noLevel(item)">
-
+        <div v-show="deepPlay" v-for="(item, index) in chArr" :key="index" :class="['chapter', 'ch_' + item, index <= curLevel ? 'yes' : 'no', index <= curLevel ? 'cur' : '']" @click="index <= curLevel ? gotoLevel(index) : noLevel(item)">
           <div v-show="jiayou" class="gps" v-if="index === curGps"></div>
 
           <div class="gps" v-if="index === curGps_jiangli"></div>
 
-          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#FFB700"
-            :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
-            <img class="jiayou" src="@/assets/guide/jiandaoyun/jiayou.png">
+          <el-progress v-show="wufanjiayou" class="all-progress" type="circle" :width="70" color="#FFB700" :percentage="newmkProgress" v-if="index === curLevel && curLevel != jiangli">
+            <img class="jiayou" src="@/assets/guide/jiandaoyun/jiayou.png" />
           </el-progress>
 
           <div class="challok" v-show="isAllChapter" v-if="index == curGps && index >= curLevel">
-            <div class="til f14">恭喜！！！ <br>完成本章课程</div>
+            <div class="til f14">恭喜！！！ <br />完成本章课程</div>
             <div class="btnnext f14" @click="isAutoNextch()">开始下一章</div>
           </div>
 
@@ -64,8 +57,7 @@
         </div>
 
         <!-- 路线 -->
-        <div v-for="(item, index) in roadArr" :key="index"
-          :class="['road','ro_'+item.name, index%2==0?'lf'+item.open:'rt'+item.open] "></div>
+        <div v-show="deepPlay" v-for="(item, index) in roadArr" :key="index" :class="['road', 'ro_' + item.name, index % 2 == 0 ? 'lf' + item.open : 'rt' + item.open]"></div>
       </div>
 
       <div class="rtcarbox">
@@ -74,29 +66,35 @@
             <li class="itemli">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-29"></i></span>
               <div>
-                <span class="hig">{{nodeData.student_count}}</span> 名番薯学习中
+                <span class="hig">{{ nodeData.student_count }}</span> 名番薯学习中
               </div>
             </li>
 
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>已超越 <span class="hig">{{nodeData.percentage}}%</span> 的同行番薯</div>
+              <div>
+                已超越 <span class="hig">{{ nodeData.percentage }}%</span> 的同行番薯
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===false">
+            <li class="itemli" v-if="nodeData.allLevel === false">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div><span class="hig">{{nodeData.student_count_end}}</span> 名番薯已到达终点，加油你也可以</div>
+              <div>
+                <span class="hig">{{ nodeData.student_count_end }}</span> 名番薯已到达终点，加油你也可以
+              </div>
             </li>
 
-
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-11"></i></span>
-              <div>学习耗时 <span class="hig">{{nodeData.takeuptime}}</span></div>
+              <div>
+                学习耗时 <span class="hig">{{ nodeData.takeuptime }}</span>
+              </div>
             </li>
-            <li class="itemli" v-if="nodeData.allLevel===true">
+            <li class="itemli" v-if="nodeData.allLevel === true">
               <span class="icon flex-5"><i class="iconfont icon-icon_icon-63"></i></span>
-              <div>恭喜，你是第 <span class="hig">{{nodeData.ranking}}</span> 名到达终点的番薯</div>
+              <div>
+                恭喜，你是第 <span class="hig">{{ nodeData.ranking }}</span> 名到达终点的番薯
+              </div>
             </li>
-
           </ul>
         </div>
         <div class="cen" :class="styTsam" style="height: 330px; padding: 0; overflow: hidden;" v-loading="loading">
@@ -113,7 +111,7 @@
 
             <div v-show="showCertNo">
               <div class=" txt-c">
-                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/jiandaoyun/ico-FCJA.png" width="60"></div>
+                <div style="padding:30px 0 10px 0;"><img src="@/assets/guide/jiandaoyun/ico-FCJA.png" width="60" /></div>
                 <div class="f14">帆软认证简道云工程师（FCJA）考试</div>
                 <div style=" width: 250px; margin: 0 auto; padding-top: 24px" class="flex-6">
                   <a class="btn-jdy rzbtn" href="https://cert.fanruan.com/detail/cb5e9d18b61211eca33600163e0210ff" target="_blank">前往认证</a>
@@ -124,22 +122,19 @@
 
             <div v-show="showCertYes">
               <div class=" txt-c">
-                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/jiandaoyun/jiangbei.png" width="140"></div>
+                <div style="padding:20px 0 10px 0;"><img src="@/assets/guide/jiandaoyun/jiangbei.png" width="140" /></div>
                 <div class="f14">您已通过帆软认证简道云工程师（FCJA）考试</div>
                 <div style="padding-top: 14px" class="flex-4">
-                  <a class="btn-jdy flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify"
-                    target="_blank">
+                  <a class="btn-jdy flex-5" style="width: 180px; height:40px;" href="https://cert.fanruan.com/verify" target="_blank">
                     <span>成绩查询</span>
                   </a>
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 奖励板块 -->
           <div v-show="showGift" class="cen jiangli" style="height: 330px; padding: 0;">
-
             <div v-show="showGiftNo">
               <div class="lessinfo">
                 <div class="til f18">请先完成简道云入门学习</div>
@@ -148,17 +143,15 @@
               <div class=" txt-c">
                 <div class="f16 col849" style="padding:20px 0 10px 0; letter-spacing:2px;">完成学习路径可抽取红包</div>
 
-
                 <div class="choujiang">
-                  <img src="@/assets/guide/jiandaoyun/hongbao_suo.png" width="288">
-                  <a class="linkbj" href="https://bbs.fanruan.com/course/jiandaoyun/standard" target="_blank"><span
-                    class="col333">适用于</span><span class="col008">《简道云从入门到精通学习班》</span></a>
+                  <img src="@/assets/guide/jiandaoyun/hongbao_suo.png" width="288" />
+                  <a class="linkbj" href="https://bbs.fanruan.com/course/jiandaoyun/standard" target="_blank"><span class="col333">适用于</span><span class="col008">《简道云从入门到精通学习班》</span></a>
                 </div>
 
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料下载》</span>
                   <div class="xiazai flex-1">
-                    <img src="@/assets/class/zip.png" width="18">
+                    <img src="@/assets/class/zip.png" width="18" />
                     <span class="f12 colb3c">立即下载</span>
                   </div>
                 </div>
@@ -177,18 +170,14 @@
               <div class=" txt-c">
                 <div class="f16 colff3" style="padding:20px 0 10px 0; letter-spacing:2px;">快来抽取大额学习班优惠券</div>
                 <div class="choujiang">
-                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/jiandaoyun/hongbao1.png"
-                    width="288">
-                  <img v-show="openCartNo" src="@/assets/guide/jiandaoyun/hongbao1.png" width="288">
-                  <a class="linkbj" href="https://bbs.fanruan.com/course/jiandaoyun/standard" target="_blank"><span
-                    class="col333">适用于</span><span class="col008">《简道云从入门到精通学习班》</span></a>
+                  <img v-show="openCartYes" @click="openCart()" class="cur-p" src="@/assets/guide/jiandaoyun/hongbao1.png" width="288" />
+                  <img v-show="openCartNo" src="@/assets/guide/jiandaoyun/hongbao1.png" width="288" />
+                  <a class="linkbj" href="https://bbs.fanruan.com/course/jiandaoyun/standard" target="_blank"><span class="col333">适用于</span><span class="col008">《简道云从入门到精通学习班》</span></a>
                 </div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料下载》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/%E7%AE%80%E9%81%93%E4%BA%91%E8%A7%86%E9%A2%91/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E4%B8%93%E7%94%A8/%E7%AE%80%E9%81%93%E4%BA%91%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84ppt%E5%8F%8A%E7%BB%83%E4%B9%A0%E9%A2%98.zip">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/%E7%AE%80%E9%81%93%E4%BA%91%E8%A7%86%E9%A2%91/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E4%B8%93%E7%94%A8/%E7%AE%80%E9%81%93%E4%BA%91%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84ppt%E5%8F%8A%E7%BB%83%E4%B9%A0%E9%A2%98.zip"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -206,34 +195,31 @@
               <div class=" txt-c">
                 <div class="coupon-box flex-1">
                   <div class="lf flex-5">
-                    <span class="cpval">¥{{nodeData.coupon_value}}</span>
+                    <span class="cpval">¥{{ nodeData.coupon_value }}</span>
                     <span class="cptxt">简道云学习班从入门到精通 · 实战班</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===0 || nodeData.coupon_state===1">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 0 || nodeData.coupon_state === 1">
                     <a class="sybtn flex-5" href="https://bbs.fanruan.com/course/jiandaoyun/standard" target="_blank">
                       <span class="sytxt">立即使用</span>
                     </a>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_state===2">
+                  <div class="rt flex-5" v-if="nodeData.coupon_state === 2">
                     <span class="sytxtye">已使用</span>
-                    <span class="syriqi">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqi">{{ nodeData.coupon_endTime }}</span>
                   </div>
 
-                  <div class="rt flex-5" v-if="nodeData.coupon_isTime===-1 || nodeData.coupon_state===-1 ">
+                  <div class="rt flex-5" v-if="nodeData.coupon_isTime === -1 || nodeData.coupon_state === -1">
                     <span class="sytxtno">已失效</span>
-                    <span class="syriqino">{{nodeData.coupon_endTime}}</span>
+                    <span class="syriqino">{{ nodeData.coupon_endTime }}</span>
                   </div>
-
                 </div>
                 <div class="flex-4">
                   <span class="f12">《入门视频全套资料下载》</span>
                   <div class="xiazaiok">
-                    <a class="f12 flex-1"
-                      href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/%E7%AE%80%E9%81%93%E4%BA%91%E8%A7%86%E9%A2%91/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E4%B8%93%E7%94%A8/%E7%AE%80%E9%81%93%E4%BA%91%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84ppt%E5%8F%8A%E7%BB%83%E4%B9%A0%E9%A2%98.zip">
-                      <img src="@/assets/class/zip.png" width="18"><span>立即下载</span></a>
+                    <a class="f12 flex-1" href="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/%E7%AE%80%E9%81%93%E4%BA%91%E8%A7%86%E9%A2%91/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84%E4%B8%93%E7%94%A8/%E7%AE%80%E9%81%93%E4%BA%91%E5%85%A5%E9%97%A8%E5%AD%A6%E4%B9%A0%E8%B7%AF%E5%BE%84ppt%E5%8F%8A%E7%BB%83%E4%B9%A0%E9%A2%98.zip"> <img src="@/assets/class/zip.png" width="18" /><span>立即下载</span></a>
                   </div>
                 </div>
                 <div class="txt-c f12" style="margin-top: 8px;">
@@ -242,66 +228,64 @@
                 </div>
               </div>
             </div>
-
           </div>
 
           <!-- 视频章节板块 -->
           <div v-show="showChapter" class="cen" style="height: 330px; padding: 0;">
             <div class="lessinfo">
               <div class="til">
-                <span class="f18">{{newplaytil}}</span>
+                <span class="f18">{{ newplaytil }}</span>
                 <span class="tips-map">点击地图节点可以切换章节</span>
               </div>
               <div class="info f12" v-html="newplayinfo"></div>
               <div class="datainfo flex-6">
                 <li><i class="iconfont icon-User"></i><span>1000+ 人已点亮</span></li>
-                <li><i class="iconfont icon-icon_icon-28"></i><span>共 {{newplayNum}} 节课</span></li>
-                <li><i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{newplayCount}} 分钟</span></li>
+                <li>
+                  <i class="iconfont icon-icon_icon-28"></i><span>共 {{ newplayNum }} 节课</span>
+                </li>
+                <li>
+                  <i class="iconfont icon-icon_icon-22"></i><span>预计耗时 {{ newplayCount }} 分钟</span>
+                </li>
               </div>
             </div>
 
             <div style="height: 200px; padding: 0 4px;">
               <el-scrollbar view-class="myscrollbar" height="200px" always>
                 <ul class="vlist">
-                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index"
-                    @click="getvideo_click(item.id,index)" :class="{playcur : play_key === index}">
+                  <li class="vitem flex-3" v-for="(item, index) in newVideoList" :key="index" @click="getvideo_click(item.id, index)" :class="{ playcur: play_key === index }">
                     <div class="flex-1">
-                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index">
-                      <span class="vdtitle f13 hide-txt">{{item.it618_name}}</span>
-                      <span class="time colb3c f13">{{item.videoTime}}</span>
+                      <img class="playing" src="@/assets/img/playing.gif" v-if="play_key === index" />
+                      <span class="vdtitle f13 hide-txt">{{ item.it618_name }}</span>
+                      <span class="time colb3c f13">{{ item.videoTime }}</span>
                     </div>
                     <div class="progress-box flex-1">
                       <div class="progress">
-                        <el-progress :show-text="false" color="#FFB700" :stroke-width="10" :percentage="item.progress">
-                        </el-progress>
+                        <el-progress :show-text="false" color="#FFB700" :stroke-width="10" :percentage="item.progress"> </el-progress>
                       </div>
-                      <i v-if="item.play_progress===100" class="el-icon-success"></i>
-                      <span class="f13" style="color: #FFB700"
-                        v-else-if="item.play_progress < 100 && item.play_progress>0 ">{{item.play_progress}}%</span>
+                      <i v-if="item.play_progress === 100" class="el-icon-success"></i>
+                      <span class="f13" style="color: #FFB700" v-else-if="item.play_progress < 100 && item.play_progress > 0">{{ item.play_progress }}%</span>
                       <i v-else class="iconfont icon-bofang2 f15" style="color: #43BDB3"></i>
                     </div>
                   </li>
                 </ul>
               </el-scrollbar>
             </div>
-
           </div>
         </div>
 
-
-        <div class="dow" style="height: 144px; overflow: hidden;" v-loading="loading">
+        <div class="dow" style="height: 144px; overflow: hidden;" v-loading="loading" v-show="deepPlay">
           <el-empty style="padding: 10px 0;" :image-size="60" description="暂无数据" v-if="isStudentList"></el-empty>
 
           <js-seamless-scroll :datas="studentList" step="0.5" v-model="loopScroll" hover class="txtscroll">
             <li class="item flex-3" v-for="(item, index) in studentList" :key="index">
               <div class="flex-1 lftxt">
-                <span class="username hide-txt">{{item.username}}</span>
+                <span class="username hide-txt">{{ item.username }}</span>
                 <span class="col849">完成学习，获得</span>
-                <span class="colff3">{{item.coupon_value}}元</span>
+                <span class="colff3">{{ item.coupon_value }}元</span>
                 <span>学习班优惠券</span>
               </div>
               <div class="flex-1">
-                <span class="col849">{{item.coupon_addtime}}</span>
+                <span class="col849">{{ item.coupon_addtime }}</span>
               </div>
             </li>
           </js-seamless-scroll>
@@ -311,587 +295,453 @@
           <el-popover placement="left" trigger="hover">
             <div class="txt-c">
               <div class="col333 f14" style=" margin-bottom:6px;">BUG反馈</div>
-              <img src="@/assets/guide/jiandaoyun/ftj.png" width="126">
-              <a href="https://bbs.fanruan.com/u/458444?msg=1" target="_blank" class="col008 f12 flex-4">
-                <i class="iconfont icon-duihuayuyin"></i> 或者私信云团
-              </a>
+              <img src="@/assets/guide/jiandaoyun/ftj.png" width="126" />
+              <a href="https://bbs.fanruan.com/u/458444?msg=1" target="_blank" class="col008 f12 flex-4"> <i class="iconfont icon-duihuayuyin"></i> 或者私信云团 </a>
             </div>
             <template #reference>
               <div class="ikefu flex-5"><i class="iconfont icon-icon_icon-15 col008"></i></div>
             </template>
           </el-popover>
         </div>
-
       </div>
-
     </div>
   </div>
 
-  <el-dialog :title="newplaytil + '【'+play_title+'】'" @close='closeVideo()' v-model="showVideo" width="928px"
-    :close-on-press-escape="false" :close-on-click-modal="false">
-    <div id="VideoPlay" style=" width:100%; height: 500px"></div>
+  <el-dialog :title="newplaytil + '【' + play_title + '】'" @close="closeVideo()" v-model="showVideo" width="928px" :close-on-press-escape="false" :close-on-click-modal="false">
+    <div id="VideoPlay" style="position: absolute; width:100%; height: 500px"></div>
   </el-dialog>
-
 </template>
 
 <script>
-  import { getLessonList, getVideo, classlog, getNode_jiandaoyun, updateNode_jiandaoyun, luckDraw_jiandaoyun, getStudentList_jiandaoyun } from "@/api/video";
-  import { addUrlFrom } from "@/api/guide";
-  import { toRefs, reactive, onMounted } from 'vue';
-  import { ElMessage } from 'element-plus'
-  import store from '@/store';
-  import { useRoute } from 'vue-router'
-
-  export default {
-    name: 'guide_jiandaoyun',
-
-    setup() {
-      const courseid = 255;//课程id写死
-      const route = useRoute()
-      let get_from = route.query.from ? route.query.from : 0;
-
-
-      //const { proxy } = getCurrentInstance();
-      //const route = useRoute()
-      const state = reactive({
-        newplaytilArr: [
-          {
-            name: "第一章 初识简道云",
-            info: '本章将介绍简道云以及学习路径课程定位',
-          },
-          {
-            name: "第二章 设计表单",
-            info: '本章主要讲解表单设计中的字段属性、表单属性；表单发布；数据管理',
-          },
-
-          {
-            name: "第三章 设定流程",
-            info: '本章重点在于流程表单，同时讲解扩展功能、常用技巧——数据联动、公式',
-          },
-
-          {
-            name: "第四章 聚合表",
-            info: '本章由聚合表计算“进销存”库存的例子，讲解聚合表的功能以及设置方法',
-          },
-          {
-            name: "第五章 智能助手",
-            info: '本章讲解智能助手的功能以及设置方法',
-          },
-          {
-            name: "第六章 数据工厂",
-            info: '本章讲解数据工厂的功能以及设置方法',
-          },
-          {
-            name: "第七章 仪表盘",
-            info: '本章讲解数据看板，以及仪表盘的功能以及设置方法',
-          },
-
-        ],
-        newplaytil: '',
-        newplayinfo: '',
-        newplayNum: '',
-        newplayCount: '',
-        arrNewId: [
-          [2530, 2531, 2532,],
-          [2515, 2516,2517,2518,2519],
-          [2524, 2525,2526,2527,2528],
-          [2523],
-          [2522],
-          [2521],
-          [2520],
-        ],
-        newVideoList: [],
-        //播放器相关
-        videoObject: {
-          container: '#VideoPlay',
-          variable: 'player',
-          autoplay: false,
-          html5m3u8: true,
-          subtitle: false,
-          loop: false,
-          video: '',
-          seek: '0',
+import { getLessonList, getVideo, classlog, getNode_jiandaoyun, updateNode_jiandaoyun, luckDraw_jiandaoyun, getStudentList_jiandaoyun } from "@/api/video";
+import { addUrlFrom } from "@/api/guide";
+import { toRefs, reactive, onMounted } from "vue";
+import { ElMessage } from "element-plus";
+import store from "@/store";
+import { useRoute } from "vue-router";
+
+export default {
+  name: "guide_jiandaoyun",
+
+  setup() {
+    const courseid = 255; //课程id写死
+    const route = useRoute();
+    let get_from = route.query.from ? route.query.from : 0;
+
+    //const { proxy } = getCurrentInstance();
+    //const route = useRoute()
+    const state = reactive({
+      show: true,
+      newplaytilArr: [
+        {
+          name: "第一章 初识简道云",
+          info: "本章将介绍简道云以及学习路径课程定位",
+        },
+        {
+          name: "第二章 设计表单",
+          info: "本章主要讲解表单设计中的字段属性、表单属性；表单发布；数据管理",
         },
-        video: {},
-        ckPlayer: null,
-        logid: 0,
-        videoid: 0,
-        showVideo: false,
-        play_id: '',
-        play_title: '',
-        play_videotime: '',
-        play_key: null,
-        chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
-        roadArr: [
-          { name: "one", open: "_no" },
-          { name: "two", open: "_no" },
-          { name: "three", open: "_no" },
-          { name: "four", open: "_no" },
-          { name: "five", open: "_no" },
-          { name: "six", open: "_no" },
-          { name: "seven", open: "_no" },
-          { name: "eight", open: "_no" },
-        ],
-        wfgifPosition: [
-          { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-          { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
-          { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
-          { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
-        ],
-        wfgifSty: false,
-        wfgifTrend: '',//方向
-        nodeData: {},// 节点全部数据
-        curLevel: null,// 当前关卡进度
-        pvLevel: null,// 上一关关卡
-        curGps: null,
-        dataLevel: null,// 数据库记录的进度
-        renzheng: 7,//写死认证关卡
-        jiangli: 8,//写死奖励关卡
-        mkProgress: 0,
-        newmkProgress: 0,
-        isAllChapter: false,//显示弹出层进入下一章
-        isgotoLevel: true,//禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
-        iwanchengfs: false,
-        isAuth: false,
-        jiayou: true,
-        wufanjiayou: true,
-        showChapter: false,
-        showCert: false,
-        showCertNo: false,
-        showCertYes: false,
-        showGift: false,
-        showGiftNo: true,
-        showGiftYes: false,
-        showGiftOpen: false,
-        openCartYes: true,
-        openCartNo: false,
-        iwancheng: 'iwancheng',
-        loading: true,
-        isCert: false,//是否通过认证
-        AllLevel: false,//显示全部完成动画
-        myseconds: 3,//倒计时秒
-        styTsam: '',
-        loopScroll: true,
-        studentList: [],
-        isStudentList: false,
-        curGps_jiangli: false,
-        autoNextch: true,
-
-      })
-      // 未登录跳转
-      // if (!store.getters.get_uid) {
-      //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
-      // }
-
-      // 来源埋点
-      if (get_from) {
-        const resaddUrlFrom = async () => {
-          let postData = {
-            type: 'jiandaoyun',
-            from: get_from,
-          }
-          await addUrlFrom(postData);
-        };
-        resaddUrlFrom();
-      }
 
+        {
+          name: "第三章 设定流程",
+          info: "本章重点在于流程表单，同时讲解扩展功能、常用技巧——数据联动、公式",
+        },
 
+        {
+          name: "第四章 聚合表",
+          info: "本章由聚合表计算“进销存”库存的例子，讲解聚合表的功能以及设置方法",
+        },
+        {
+          name: "第五章 智能助手",
+          info: "本章讲解智能助手的功能以及设置方法",
+        },
+        {
+          name: "第六章 数据工厂",
+          info: "本章讲解数据工厂的功能以及设置方法",
+        },
+        {
+          name: "第七章 仪表盘",
+          info: "本章讲解数据看板，以及仪表盘的功能以及设置方法",
+        },
+      ],
+      newplaytil: "",
+      newplayinfo: "",
+      newplayNum: "",
+      newplayCount: "",
+      arrNewId: [[2530, 2531, 2532], [2515, 2516, 2517, 2518, 2519], [2524, 2525, 2526, 2527, 2528], [2523], [2522], [2521], [2520]],
+      newVideoList: [],
+      //播放器相关
+      videoObject: {
+        container: "#VideoPlay",
+        variable: "player",
+        autoplay: true,
+        html5m3u8: true,
+        subtitle: false,
+        loop: false,
+        video: "",
+        seek: "0",
+        // debug: true,
+      },
+      video: {},
+      ckPlayer: null,
+      logid: 0,
+      videoid: 0,
+      showVideo: false,
+      play_id: "",
+      play_title: "",
+      play_videotime: "",
+      play_key: null,
+      chArr: ["one", "two", "three", "four", "five", "six", "seven", "eight", "gift"],
+      roadArr: [
+        { name: "one", open: "_no" },
+        { name: "two", open: "_no" },
+        { name: "three", open: "_no" },
+        { name: "four", open: "_no" },
+        { name: "five", open: "_no" },
+        { name: "six", open: "_no" },
+        { name: "seven", open: "_no" },
+        { name: "eight", open: "_no" },
+      ],
+      wfgifPosition: [
+        { position: "left:180px; top:135px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:350px; top:40px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:502px; top:145px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:338px; top:236px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+        { position: "left:510px; top:348px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:682px; top:250px;", trend: "wfgif-rt", preset: "wfgif-rt" },
+        { position: "left:848px; top:365px;", trend: "wfgif-rt", preset: "wfgif-lf" },
+        { position: "left:674px; top:463px;", trend: "wfgif-lf", preset: "wfgif-rt" },
+      ],
+      wfgifSty: false,
+      wfgifTrend: "", //方向
+      nodeData: {}, // 节点全部数据
+      curLevel: null, // 当前关卡进度
+      pvLevel: null, // 上一关关卡
+      curGps: null,
+      dataLevel: null, // 数据库记录的进度
+      renzheng: 7, //写死认证关卡
+      jiangli: 8, //写死奖励关卡
+      mkProgress: 0,
+      newmkProgress: 0,
+      isAllChapter: false, //显示弹出层进入下一章
+      isgotoLevel: true, //禁止切换章节事件的执行(因为点下一章的时候同时执行了2点击个事件)
+      iwanchengfs: false,
+      isAuth: false,
+      jiayou: true,
+      wufanjiayou: true,
+      showChapter: false,
+      showCert: false,
+      showCertNo: false,
+      showCertYes: false,
+      showGift: false,
+      showGiftNo: true,
+      showGiftYes: false,
+      showGiftOpen: false,
+      openCartYes: true,
+      openCartNo: false,
+      iwancheng: "iwancheng",
+      loading: true,
+      isCert: false, //是否通过认证
+      AllLevel: false, //显示全部完成动画
+      myseconds: 3, //倒计时秒
+      styTsam: "",
+      loopScroll: true,
+      studentList: [],
+      isStudentList: false,
+      curGps_jiangli: false,
+      autoNextch: true,
+      deepPlay: true,
+    });
+    // 未登录跳转
+    // if (!store.getters.get_uid) {
+    //   window.location.href = proxy.$root.com_id_url + '/signin/?referrer=' + proxy.$root.com_edu_url + route.path;
+    // }
+
+    // 来源埋点
+    if (get_from) {
+      const resaddUrlFrom = async () => {
+        let postData = {
+          type: "jiandaoyun",
+          from: get_from,
+        };
+        await addUrlFrom(postData);
+      };
+      resaddUrlFrom();
+    }
 
-      // 切换下一章
-      const nextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-          } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
-          }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 500);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+    // 切换下一章
+    const nextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 800);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position + ' margin-top: 64px;';
-        }, 3000);
-        setTimeout(function () {
-          state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          state.isgotoLevel = true;
-
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            if (state.autoNextch === true) {
-              isAutoNextch();
-            }
-            // 判断当前章节是否全部完成
-            if (state.mkProgress == state.newplayNum) {
-              state.isAllChapter = true;
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 500);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 800);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position + " margin-top: 64px;";
+      }, 3000);
+      setTimeout(function() {
+        state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        state.isgotoLevel = true;
+
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          if (state.autoNextch === true) {
+            isAutoNextch();
           }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.newmkProgress = 100;
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            } else {
-              state.newmkProgress = 0;
-            }
+          // 判断当前章节是否全部完成
+          if (state.mkProgress == state.newplayNum) {
+            state.isAllChapter = true;
           }
-
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 4500);
-
-      }
-      // 自动切换下一章
-      const autoNextch = () => {
-        state.isgotoLevel = false;
-        state.iwanchengfs = true;
-        state.isAllChapter = false;
-        state.jiayou = false;
-        state.wufanjiayou = false;
-        state.pvLevel = state.curLevel;//传递切换之前的管卡
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
-          let trend = state.wfgifPosition[state.curLevel].trend;
-          let preset = state.wfgifPosition[state.curLevel].preset;
-          if (trend == preset) {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.newmkProgress = 100;
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           } else {
-            state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+            state.newmkProgress = 0;
           }
-          state.curLevel = state.curLevel + 1;
-          upRoad(); // 更新点亮公路
-        }, 200);
-        setTimeout(function () {
-          state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        }
+
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 4500);
+    };
+    // 自动切换下一章
+    const autoNextch = () => {
+      state.isgotoLevel = false;
+      state.iwanchengfs = true;
+      state.isAllChapter = false;
+      state.jiayou = false;
+      state.wufanjiayou = false;
+      state.pvLevel = state.curLevel; //传递切换之前的管卡
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        let trend = state.wfgifPosition[state.curLevel].trend;
+        let preset = state.wfgifPosition[state.curLevel].preset;
+        if (trend == preset) {
           state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
-        }, 400);
-
-        setTimeout(function () {
-          //state.wfgifSty = false;
-          state.curGps = state.curLevel;
-          // 切换章节
-          if (state.curLevel < 7) {
-            gotoLevel(state.curLevel, 'resetProgress');
-            //判断下一章是否完成
-            isAutoNextch();
-          }
-          // 处理认证
-          if (state.curLevel == 7) {
-            state.showChapter = false;
-            state.showCert = true;
-            // 通过认证
-            if (state.isCert === true) {
-              state.iwanchengfs = true;
-              state.pvLevel = 7;
-              state.isAllChapter = false;
-              state.jiayou = false;
-              state.wufanjiayou = false;
-              //显示通关动画
-              levelFs();
-            }
+        } else {
+          state.wfgifTrend = state.wfgifPosition[state.curLevel].preset;
+        }
+        state.curLevel = state.curLevel + 1;
+        upRoad(); // 更新点亮公路
+      }, 200);
+      setTimeout(function() {
+        state.wfgifSty = state.wfgifPosition[state.curLevel].position;
+        state.wfgifTrend = state.wfgifPosition[state.curLevel].trend;
+      }, 400);
+
+      setTimeout(function() {
+        //state.wfgifSty = false;
+        state.curGps = state.curLevel;
+        // 切换章节
+        if (state.curLevel < 7) {
+          gotoLevel(state.curLevel, "resetProgress");
+          //判断下一章是否完成
+          isAutoNextch();
+        }
+        // 处理认证
+        if (state.curLevel == 7) {
+          state.showChapter = false;
+          state.showCert = true;
+          // 通过认证
+          if (state.isCert === true) {
+            state.iwanchengfs = true;
+            state.pvLevel = 7;
+            state.isAllChapter = false;
+            state.jiayou = false;
+            state.wufanjiayou = false;
+            //显示通关动画
+            levelFs();
           }
+        }
 
-          // 更新进度节点
-          resUpdateNode(state.curLevel);
-        }, 2000);
+        // 更新进度节点
+        resUpdateNode(state.curLevel);
+      }, 2000);
+    };
 
-      }
+    //自动切换章节中转
+    const isAutoNextch = () => {
+      let nexLevel = state.curLevel + 1;
+      //前6章有章节视频 第6章后没有
+      if (nexLevel < 6) {
+        let nex_mkProgress = 0; //初始化下一章进度
+        let nex_newplayNum = state.arrNewId[nexLevel].length; //统计下一张总进度
 
-      //自动切换章节中转
-      const isAutoNextch = () => {
-
-        let nexLevel = state.curLevel + 1;
-        //前6章有章节视频 第6章后没有
-        if (nexLevel < 6) {
-          let nex_mkProgress = 0;//初始化下一章进度
-          let nex_newplayNum = state.arrNewId[nexLevel].length;//统计下一张总进度
-
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[nexLevel])) {
-                //state.newVideoList = state.newVideoList.concat(item);
-                //下一章节，总小节进度
-                if (item.play_progress > 0) {
-                  nex_mkProgress = nex_mkProgress + 1;
-                }
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[nexLevel])) {
+              //state.newVideoList = state.newVideoList.concat(item);
+              //下一章节，总小节进度
+              if (item.play_progress > 0) {
+                nex_mkProgress = nex_mkProgress + 1;
               }
-            });
+            }
           });
+        });
 
-          if (nex_mkProgress == nex_newplayNum) {
-            state.autoNextch = true;
-            autoNextch();
-          } else {
-            state.autoNextch = false;
-            nextch();
-          }
+        if (nex_mkProgress == nex_newplayNum) {
+          state.autoNextch = true;
+          autoNextch();
         } else {
           state.autoNextch = false;
           nextch();
         }
-
+      } else {
+        state.autoNextch = false;
+        nextch();
       }
+    };
 
+    // 更新进度节点
+    const resUpdateNode = async (prm) => {
+      let nodedata = {
+        node: prm,
+      };
+      await updateNode_jiandaoyun(nodedata);
+    };
+
+    // 获取学习状态
+    const resgetNode = async () => {
+      const res = await getNode_jiandaoyun();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          state.nodeData = res.data;
+          state.curLevel = res.data.node;
+          state.curGps = res.data.node;
+          state.dataLevel = res.data.node;
+
+          // 响应认证状态
+          if (res.data.isFCRA === -1) {
+            state.isCert = false;
+            state.showCertNo = true;
+          }
+          if (res.data.isFCRA === 1) {
+            state.isCert = true;
+            state.showCertYes = true;
+            state.showGiftNo = false;
+          }
 
-      // 更新进度节点
-      const resUpdateNode = async (prm) => {
-        let nodedata = {
-          node: prm
-        }
-        await updateNode_jiandaoyun(nodedata);
-      }
+          if (res.data.isFCRA === 1 && state.curLevel >= 7) {
+            state.showGiftYes = true;
+          }
 
-      // 获取学习状态
-      const resgetNode = async () => {
-        const res = await getNode_jiandaoyun();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            state.nodeData = res.data;
-            state.curLevel = res.data.node;
-            state.curGps = res.data.node;
-            state.dataLevel = res.data.node;
-
-            // 响应认证状态
-            if (res.data.isFCRA === -1) {
-              state.isCert = false;
-              state.showCertNo = true;
-            }
-            if (res.data.isFCRA === 1) {
-              state.isCert = true;
-              state.showCertYes = true;
-              state.showGiftNo = false;
-            }
+          // 认证通过的7-8关卡隐藏悟帆加油
+          if (res.data.node == state.renzheng || (res.data.node == state.jiangli && res.data.isFCRA === 1)) {
+            state.jiayou = false;
+            state.wufanjiayou = false;
+          }
 
-            if (res.data.isFCRA === 1 && state.curLevel >= 7) {
-              state.showGiftYes = true;
-            }
+          // 显示章节板块
+          if (res.data.node < state.renzheng) {
+            state.showCert = false;
+            state.showChapter = true;
+            state.showGift = false;
+            state.loading = false;
+          }
+          // 显示认证板块
+          if (res.data.node == state.renzheng) {
+            state.showCert = true;
+            state.wufanjiayou = true;
+            state.jiayou = true;
+            state.showChapter = false;
+            state.showGift = false;
+            state.loading = false;
 
-            // 认证通过的7-8关卡隐藏悟帆加油
-            if (res.data.node == state.renzheng || res.data.node == state.jiangli && res.data.isFCRA === 1) {
+            // 通过认证
+            if (state.isCert === true) {
               state.jiayou = false;
               state.wufanjiayou = false;
+              state.iwanchengfs = true;
+              state.pvLevel = 7;
+              state.isAllChapter = false;
+              //显示通关动画
+              levelFs();
             }
-
-            // 显示章节板块
-            if (res.data.node < state.renzheng) {
-              state.showCert = false;
-              state.showChapter = true;
-              state.showGift = false;
-              state.loading = false;
-            }
-            // 显示认证板块
-            if (res.data.node == state.renzheng) {
-              state.showCert = true;
-              state.wufanjiayou = true;
-              state.jiayou = true;
-              state.showChapter = false;
-              state.showGift = false;
-              state.loading = false;
-
-              // 通过认证
-              if (state.isCert === true) {
-                state.jiayou = false;
-                state.wufanjiayou = false;
-                state.iwanchengfs = true;
-                state.pvLevel = 7;
-                state.isAllChapter = false;
-                //显示通关动画
-                levelFs();
-
-              }
-
-            }
-            // 显示礼物板块
-            if (res.data.node === state.jiangli) {
-              state.showCert = false;
-              state.showChapter = false;
-              state.showGift = true;
-              state.loading = false;
-              state.curGps_jiangli = state.jiangli;
-              //打开了红包
-              if (res.data.gift == 1) {
-                state.showGiftYes = false;
-                state.showGiftNo = false;
-                state.showGiftOpen = true;
-              }
+          }
+          // 显示礼物板块
+          if (res.data.node === state.jiangli) {
+            state.showCert = false;
+            state.showChapter = false;
+            state.showGift = true;
+            state.loading = false;
+            state.curGps_jiangli = state.jiangli;
+            //打开了红包
+            if (res.data.gift == 1) {
+              state.showGiftYes = false;
+              state.showGiftNo = false;
+              state.showGiftOpen = true;
             }
-
-            upRoad(); // 更新点亮公路
-            reslooplist(); //要先返回节点状态,在读取视频课程
-
           }
-        }
-      };
-      resgetNode();
 
-
-      // 公路状态,被动更新(点亮)
-      const upRoad = () => {
-        state.roadArr.forEach((item, index) => {
-          if (index < state.curLevel) {
-            state.roadArr[index].open = '';
-          }
-        });
+          upRoad(); // 更新点亮公路
+          reslooplist(); //要先返回节点状态,在读取视频课程
+        }
       }
+    };
+    resgetNode();
 
-
-      // 课程目录
-      const reslooplist = async () => {
-        const params = {
-          uid: store.getters.get_uid,
+    // 公路状态,被动更新(点亮)
+    const upRoad = () => {
+      state.roadArr.forEach((item, index) => {
+        if (index < state.curLevel) {
+          state.roadArr[index].open = "";
         }
-        const res = await getLessonList(courseid, params);
-        if (res.code === 200) {
-
-          if (res.status != -1) {
-            state.countAtt = res.data.countAtt;
-            state.countList = res.data.countList;
-            state.msg = res.message;
-            state.looplist = res.data.list;
-            state.firstID = res.data.list[0].video[0].id;
-          }
-
-          // 默认显示的课程
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                state.newVideoList = state.newVideoList.concat(item);
-                //总小节进度
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
-              }
-            });
-          });
-
-          // 只读取有视频章节的关卡
-          if (state.curLevel < state.renzheng) {
-            state.newplaytil = state.newplaytilArr[state.curLevel].name;
-            state.newplayinfo = state.newplaytilArr[state.curLevel].info;
-            state.newplayNum = state.arrNewId[state.curLevel].length;
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100;
-          }
+      });
+    };
 
-          // 判断当前章节是否全部完成
-          if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
-            state.isAllChapter = true;
-          }
-          //console.log(state.mkProgress,state.newplayNum);
-
-          // 首次进度条动画效果
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item, i) => {
-              setTimeout(function () {
-                state.looplist[index].video[i].progress = item.play_progress;
-              }, 500);
-            });
-          });
-
-          // 合计总时间 秒转小时
-          let timeCount = null;
-          state.newVideoList.forEach(item => {
-            timeCount = timeCount + item.it618_videotime;
-          });
-          let myhour = timeCount / 60;
-          state.newplayCount = myhour.toFixed(0);
-        }
+    // 课程目录
+    const reslooplist = async () => {
+      const params = {
+        uid: store.getters.get_uid,
       };
-
-      // 切换板块中转
-      const gotoLevel = (id, resetProgress = 0) => {
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.newmkProgress = 0;
-        }
-
-        //关闭奖励节点的定位三角
-        if (id != state.jiangli) {
-          state.curGps_jiangli = false;
-        }
-
-        // 显示认证板块
-        if (id === state.renzheng) {
-          state.showChapter = false;
-          state.showGift = false;
-          state.showCert = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          if (state.isCert === true) {
-            setTimeout(function () {
-              state.newmkProgress = 100;
-            }, 500);
-          }
-        }
-        // 显示奖品板块
-        else if (id === state.jiangli) {
-          state.isAllChapter = false;
-          state.showChapter = false;
-          state.showCert = false;
-          state.jiayou = false;
-          state.wufanjiayou = false;
-          state.showGift = true;
-          state.curGps_jiangli = state.jiangli;
-        }
-        // 显示章节
-        else {
-          // 事件开关  如果是关闭的阻止继续执行当前逻辑
-          if (state.isgotoLevel === false) {
-            return false;
-          }
-          state.showGift = false;
-          state.showCert = false;
-          state.showChapter = true;
-          state.jiayou = true;
-          state.wufanjiayou = true;
-          gotoLevel_ch(id, resetProgress);
+      const res = await getLessonList(courseid, params);
+      if (res.code === 200) {
+        if (res.status != -1) {
+          state.countAtt = res.data.countAtt;
+          state.countList = res.data.countList;
+          state.msg = res.message;
+          state.looplist = res.data.list;
+          state.firstID = res.data.list[0].video[0].id;
         }
-      }
 
-      // 切换章节
-      const gotoLevel_ch = (id, resetProgress = 0) => {
-        state.play_key = null;
-        state.curGps = id;
-        if (resetProgress == 'resetProgress') {
-          state.mkProgress = 0;
-        }
-        state.newplaytil = state.newplaytilArr[id].name;
-        state.newplayinfo = state.newplaytilArr[id].info;
-        state.newplayNum = state.arrNewId[id].length;
-        state.newVideoList = [];
+        // 默认显示的课程
         state.looplist.forEach((item, index) => {
           state.looplist[index].video.forEach((item) => {
-            if (in_array(item.id, state.arrNewId[id])) {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
               state.newVideoList = state.newVideoList.concat(item);
               //总小节进度
               if (item.play_progress > 0) {
@@ -900,1253 +750,1359 @@
             }
           });
         });
-        // 章节进度百分比 延迟下为了显示进度条动画
-        if (resetProgress == 'resetProgress') {
-          setTimeout(function () {
-            state.newmkProgress = state.mkProgress / state.newplayNum * 100
-          }, 500);
+
+        // 只读取有视频章节的关卡
+        if (state.curLevel < state.renzheng) {
+          state.newplaytil = state.newplaytilArr[state.curLevel].name;
+          state.newplayinfo = state.newplaytilArr[state.curLevel].info;
+          state.newplayNum = state.arrNewId[state.curLevel].length;
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }
+
+        // 判断当前章节是否全部完成
+        if (state.mkProgress == state.newplayNum && state.curLevel < state.renzheng) {
+          state.isAllChapter = true;
         }
+        //console.log(state.mkProgress,state.newplayNum);
+
+        // 首次进度条动画效果
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item, i) => {
+            setTimeout(function() {
+              state.looplist[index].video[i].progress = item.play_progress;
+            }, 500);
+          });
+        });
 
         // 合计总时间 秒转小时
         let timeCount = null;
-        state.newVideoList.forEach(item => {
+        state.newVideoList.forEach((item) => {
           timeCount = timeCount + item.it618_videotime;
         });
         let myhour = timeCount / 60;
         state.newplayCount = myhour.toFixed(0);
       }
+    };
 
-      // 查找数组id
-      function in_array(search, array) {
-        for (var i in array) {
-          if (array[i] == search) {
-            return true;
-          }
-        }
-        return false;
+    // 切换板块中转
+    const gotoLevel = (id, resetProgress = 0) => {
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.newmkProgress = 0;
       }
 
+      //关闭奖励节点的定位三角
+      if (id != state.jiangli) {
+        state.curGps_jiangli = false;
+      }
 
-      // 埋点请求
-      const postlogData = async () => {
-        let logData = {
-          logid: state.logid,
-          pytime: localStorage.getItem(state.videoid + '_playTime_video'),
+      // 显示认证板块
+      if (id === state.renzheng) {
+        state.showChapter = false;
+        state.showGift = false;
+        state.showCert = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        if (state.isCert === true) {
+          setTimeout(function() {
+            state.newmkProgress = 100;
+          }, 500);
         }
-        let isPtime = localStorage.getItem(state.videoid + '_playTime_video');
-        if (isPtime > 2) {
-          //观看记录
-          await classlog(logData);
-          //章节进度
-          //await addfinereport(logData);
+      }
+      // 显示奖品板块
+      else if (id === state.jiangli) {
+        state.isAllChapter = false;
+        state.showChapter = false;
+        state.showCert = false;
+        state.jiayou = false;
+        state.wufanjiayou = false;
+        state.showGift = true;
+        state.curGps_jiangli = state.jiangli;
+      }
+      // 显示章节
+      else {
+        // 事件开关  如果是关闭的阻止继续执行当前逻辑
+        if (state.isgotoLevel === false) {
+          return false;
         }
+        state.showGift = false;
+        state.showCert = false;
+        state.showChapter = true;
+        state.jiayou = true;
+        state.wufanjiayou = true;
+        gotoLevel_ch(id, resetProgress);
+      }
+    };
+
+    // 切换章节
+    const gotoLevel_ch = (id, resetProgress = 0) => {
+      state.play_key = null;
+      state.curGps = id;
+      if (resetProgress == "resetProgress") {
+        state.mkProgress = 0;
+      }
+      state.newplaytil = state.newplaytilArr[id].name;
+      state.newplayinfo = state.newplaytilArr[id].info;
+      state.newplayNum = state.arrNewId[id].length;
+      state.newVideoList = [];
+      state.looplist.forEach((item, index) => {
+        state.looplist[index].video.forEach((item) => {
+          if (in_array(item.id, state.arrNewId[id])) {
+            state.newVideoList = state.newVideoList.concat(item);
+            //总小节进度
+            if (item.play_progress > 0) {
+              state.mkProgress = state.mkProgress + 1;
+            }
+          }
+        });
+      });
+      // 章节进度百分比 延迟下为了显示进度条动画
+      if (resetProgress == "resetProgress") {
+        setTimeout(function() {
+          state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
+        }, 500);
       }
 
-      // 监听关闭视频
-      const closeVideo = () => {
-        state.ckPlayer.videoClear();
-        state.ckPlayer = null;
-        document.getElementById("VideoPlay").innerHTML = "";
-
-        // 重置播放进度
-        let getpytime = localStorage.getItem(state.play_id + '_playTime_video')
-        if (getpytime > 0) {
-          let new_progress = parseInt(getpytime / state.play_videotime * 100);
-          state.newVideoList[state.play_key].progress = new_progress;
-          state.newVideoList[state.play_key].play_progress = new_progress;
+      // 合计总时间 秒转小时
+      let timeCount = null;
+      state.newVideoList.forEach((item) => {
+        timeCount = timeCount + item.it618_videotime;
+      });
+      let myhour = timeCount / 60;
+      state.newplayCount = myhour.toFixed(0);
+    };
+
+    // 查找数组id
+    function in_array(search, array) {
+      for (var i in array) {
+        if (array[i] == search) {
+          return true;
         }
+      }
+      return false;
+    }
 
-
-        //重置当前学习节点章节进度
-        if (getpytime > 2) {
-          state.mkProgress = 0;
-          state.looplist.forEach((item, index) => {
-            state.looplist[index].video.forEach((item) => {
-              if (in_array(item.id, state.arrNewId[state.curLevel])) {
-                //总小节数
-                state.newplayNum = state.arrNewId[state.curLevel].length;
-                //当前完成数
-                if (item.play_progress > 0) {
-                  state.mkProgress = state.mkProgress + 1;
-                }
+    // 埋点请求
+    const postlogData = async () => {
+      let logData = {
+        logid: state.logid,
+        pytime: localStorage.getItem(state.videoid + "_playTime_video"),
+      };
+      let isPtime = localStorage.getItem(state.videoid + "_playTime_video");
+      if (isPtime > 2) {
+        //观看记录
+        await classlog(logData);
+        //章节进度
+        //await addfinereport(logData);
+      }
+    };
+
+    // 监听关闭视频
+    const closeVideo = () => {
+      state.deepPlay = true;
+      state.showVideo = false;
+      state.ckPlayer.videoClear();
+      state.ckPlayer = null;
+      document.getElementById("VideoPlay").innerHTML = "";
+
+      // 重置播放进度
+      let getpytime = localStorage.getItem(state.play_id + "_playTime_video");
+      if (getpytime > 0) {
+        let new_progress = parseInt((getpytime / state.play_videotime) * 100);
+        state.newVideoList[state.play_key].progress = new_progress;
+        state.newVideoList[state.play_key].play_progress = new_progress;
+      }
+
+      //重置当前学习节点章节进度
+      if (getpytime > 2) {
+        state.mkProgress = 0;
+        state.looplist.forEach((item, index) => {
+          state.looplist[index].video.forEach((item) => {
+            if (in_array(item.id, state.arrNewId[state.curLevel])) {
+              //总小节数
+              state.newplayNum = state.arrNewId[state.curLevel].length;
+              //当前完成数
+              if (item.play_progress > 0) {
+                state.mkProgress = state.mkProgress + 1;
               }
-            });
+            }
           });
-          state.newmkProgress = state.mkProgress / state.newplayNum * 100
-        }
-
-        // 判断当前章节是否全部完成
-        if (state.mkProgress == state.newplayNum) {
-          state.isAllChapter = true;
-        }
-
-        // 首次学的插入数据
-        if (state.nodeData.firstStudy === true && getpytime > 2) {
-          //更新节点(第一次的话会执行插入)
-          resUpdateNode(0);
-          // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
-          //resgetNode();
-        }
-
-        // 发送埋点
-        postlogData();
+        });
+        state.newmkProgress = (state.mkProgress / state.newplayNum) * 100;
       }
 
-      // 列表点击切换视频
-      const getvideo_click = async (id, key) => {
-        state.showVideo = true;
-        state.play_key = key;
-        if (state.ckPlayer) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
-        }
-        getvideo(id)
+      // 判断当前章节是否全部完成
+      if (state.mkProgress == state.newplayNum) {
+        state.isAllChapter = true;
       }
 
-      // 封装视频渲染
-      const getvideo = async (id) => {
-
-        // 获取视频
-        const res = await getVideo(id);
-        if (res.code === 200) {
-          state.play_id = id;
-          state.video = res.data;
-          state.play_title = res.data.it618_name;
-          state.play_videotime = res.data.it618_videotime;
-          state.videoObject.video = res.data.it618_videourl;
-
-          if (res.data.playtime > 0) {
-            state.videoObject.seek = res.data.playtime;
-          }
-          state.msg = res.message;
-          if (res.status === -1) {
-            state.isAuth = false;
-            state.empty = true;
-          } else {
-            state.isAuth = true;
-          }
-        }
+      // 首次学的插入数据
+      if (state.nodeData.firstStudy === true && getpytime > 2) {
+        //更新节点(第一次的话会执行插入)
+        resUpdateNode(0);
+        // 更新下state.nodeData数据--(2021.11.2废弃,没有数据的点关闭弹出层按钮后，执行resgetNode第一章重复显示章节)
+        //resgetNode();
+      }
 
-        // 实例化播放器
-        state.videoObject.autoplay = false;
-        state.ckPlayer = new ckplayer(state.videoObject);
+      // 发送埋点
+      postlogData();
+    };
 
-        // 监听播放时间
-        state.ckPlayer.addListener('time', timeHandler);
-        function timeHandler(t) {
-          let tm = parseInt(t);
-          localStorage.setItem(id + '_playTime_video', tm);
+    // 列表点击切换视频
+    const getvideo_click = async (id, key) => {
+      state.showVideo = true;
+      state.play_key = key;
+      if (state.ckPlayer) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
+      }
+      getvideo(id);
+    };
+
+    // 封装视频渲染
+    const getvideo = async (id) => {
+      state.deepPlay = false;
+      // 获取视频
+      const res = await getVideo(id);
+      if (res.code === 200) {
+        state.play_id = id;
+        state.video = res.data;
+        state.play_title = res.data.it618_name;
+        state.play_videotime = res.data.it618_videotime;
+        state.videoObject.video = res.data.it618_videourl;
+
+        if (res.data.playtime > 0) {
+          state.videoObject.seek = res.data.playtime;
         }
-
-        // 如果没播放权限清除视频
-        if (state.isAuth === false) {
-          state.ckPlayer.videoClear();
-          state.ckPlayer = null;
-          document.getElementById("VideoPlay").innerHTML = "";
+        state.msg = res.message;
+        if (res.status === -1) {
+          state.isAuth = false;
+          state.empty = true;
+        } else {
+          state.isAuth = true;
         }
+      }
 
-        // 发送埋点
-        postlogData();
+      // 实例化播放器
+      // state.videoObject.autoplay = false;
+      state.ckPlayer = new ckplayer(state.videoObject);
 
-        // 重置新id
-        state.logid = res.data.logid;
-        state.videoid = res.data.id;
+      // 监听播放时间
+      state.ckPlayer.addListener("time", timeHandler);
+      function timeHandler(t) {
+        let tm = parseInt(t);
+        localStorage.setItem(id + "_playTime_video", tm);
+      }
 
-        return state;
+      // 如果没播放权限清除视频
+      if (state.isAuth === false) {
+        state.ckPlayer.videoClear();
+        state.ckPlayer = null;
+        document.getElementById("VideoPlay").innerHTML = "";
       }
 
+      // 发送埋点
+      postlogData();
+
+      // 重置新id
+      state.logid = res.data.logid;
+      state.videoid = res.data.id;
 
-      onMounted(() => {
-        var new_element = document.createElement("script");
-        new_element.setAttribute("type", "text/javascript");
-        new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
-        document.body.appendChild(new_element);
-      })
+      return state;
+    };
 
-      const noLevel = (item) => {
-        if (item == 'gift') {
-          state.jiayou = false;
+    onMounted(() => {
+      var new_element = document.createElement("script");
+      new_element.setAttribute("type", "text/javascript");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js?v=2.1");
+      document.body.appendChild(new_element);
+    });
+
+    const noLevel = (item) => {
+      if (item == "gift") {
+        state.jiayou = false;
+        state.curGps_jiangli = state.jiangli;
+        state.showGift = true;
+        state.showGiftNo = true;
+        state.showChapter = false;
+        state.showCert = false;
+      } else {
+        ElMessage.error({
+          message: "当前章节未解锁，请按顺序学习哦~",
+          offset: 140,
+        });
+      }
+    };
+    // 通关动画
+    const levelFs = () => {
+      state.AllLevel = true;
+      state.showCert = true;
+      state.showCertYes = true;
+
+      var interval = setInterval(() => {
+        state.myseconds--;
+        if (state.myseconds <= 0) {
+          state.AllLevel = false;
           state.curGps_jiangli = state.jiangli;
-          state.showGift = true;
-          state.showGiftNo = true;
-          state.showChapter = false;
-          state.showCert = false;
+          clearInterval(interval);
+          // 更新关卡
+          state.curLevel = 8;
+          // 更新点亮公路
+          upRoad();
+          // 更新后端节点
+          resUpdateNode(8);
+          //显示奖励板块
+          setTimeout(function() {
+            state.styTsam = "rollovers";
+            setTimeout(function() {
+              state.showCert = false;
+              state.showChapter = false;
+              state.showGift = true;
+              state.showGiftYes = true;
+              // 更新下state.nodeData数据
+              resgetNode();
+            }, 700);
+          }, 500);
+        }
+      }, 1000);
+      state.myseconds = 3;
+    };
+
+    //抽取奖励
+    const resLuckDraw = async () => {
+      const res = await luckDraw_jiandaoyun();
+      if (res.code === 200) {
+        if (res.status === 1) {
+          //显示奖励板块
+          state.styTsam = "rollovers2";
+          setTimeout(function() {
+            // 更新下state.nodeData数据
+            resgetNode();
+            state.showGiftYes = false;
+            state.showGiftNo = false;
+            state.showGiftOpen = true;
+            resStudentList();
+            setTimeout(function() {
+              ElMessage.success({
+                message: "恭喜您抽到价值：" + res.data.coupon_value + "元的优惠券",
+                offset: 140,
+              });
+            }, 500);
+          }, 1700);
         } else {
           ElMessage.error({
-            message: '当前章节未解锁，请按顺序学习哦~',
-            offset: 140
+            message: res.message,
+            offset: 140,
           });
         }
       }
-      // 通关动画
-      const levelFs = () => {
-        state.AllLevel = true;
-        state.showCert = true;
-        state.showCertYes = true;
-
-        var interval = setInterval(() => {
-          state.myseconds--;
-          if (state.myseconds <= 0) {
-            state.AllLevel = false;
-            state.curGps_jiangli = state.jiangli;
-            clearInterval(interval);
-            // 更新关卡
-            state.curLevel = 8;
-            // 更新点亮公路
-            upRoad();
-            // 更新后端节点
-            resUpdateNode(8);
-            //显示奖励板块
-            setTimeout(function () {
-              state.styTsam = 'rollovers';
-              setTimeout(function () {
-                state.showCert = false;
-                state.showChapter = false;
-                state.showGift = true;
-                state.showGiftYes = true;
-                // 更新下state.nodeData数据
-                resgetNode();
-              }, 700);
-            }, 500);
-          }
-        }, 1000);
-        state.myseconds = 3;
-      }
-
-      //抽取奖励
-      const resLuckDraw = async () => {
-        const res = await luckDraw_jiandaoyun();
-        if (res.code === 200) {
-
-          if (res.status === 1) {
-            //显示奖励板块
-            state.styTsam = 'rollovers2';
-            setTimeout(function () {
-              // 更新下state.nodeData数据
-              resgetNode();
-              state.showGiftYes = false;
-              state.showGiftNo = false;
-              state.showGiftOpen = true;
-              resStudentList()
-              setTimeout(function () {
-                ElMessage.success({
-                  message: '恭喜您抽到价值：' + res.data.coupon_value + '元的优惠券',
-                  offset: 140
-                });
-              }, 500);
-            }, 1700);
-          } else {
-            ElMessage.error({
-              message: res.message,
-              offset: 140
-            });
-          }
-        }
-      };
-
-      //抽取奖励
-      const openCart = () => {
-        state.openCartYes = false;
-        state.openCartNo = true;
-        resLuckDraw();
-      }
-
-      //获取完成学员
-      const resStudentList = async () => {
-        const res = await getStudentList_jiandaoyun();
-        if (res.code === 200) {
-          state.studentList = res.data;
-          if (res.data.length == 0) {
-            state.isStudentList = true;
-          } else {
-            state.isStudentList = false;
-          }
+    };
+
+    //抽取奖励
+    const openCart = () => {
+      state.openCartYes = false;
+      state.openCartNo = true;
+      resLuckDraw();
+    };
+
+    //获取完成学员
+    const resStudentList = async () => {
+      const res = await getStudentList_jiandaoyun();
+      if (res.code === 200) {
+        state.studentList = res.data;
+        if (res.data.length == 0) {
+          state.isStudentList = true;
+        } else {
+          state.isStudentList = false;
         }
-      };
-      resStudentList();
-
-      return {
-        ...toRefs(state),
-        gotoLevel,
-        getvideo_click,
-        closeVideo,
-        noLevel,
-        isAutoNextch,
-        openCart,
       }
+    };
+    resStudentList();
+
+    return {
+      ...toRefs(state),
+      gotoLevel,
+      getvideo_click,
+      closeVideo,
+      noLevel,
+      isAutoNextch,
+      openCart,
+    };
+  },
+};
+</script>
 
+<style lang="scss">
+.van-dialog__header {
+}
+.yzdialog {
+  .van-dialog__footer {
+    display: none !important;
+  }
+  .video-box {
+    padding: 20px;
+  }
+  .yzdialog-colse {
+    position: absolute;
+    right: 20px;
+    top: 24px;
+    font-size: 22px;
+    cursor: pointer;
+    &:hover {
+      color: #0082fc;
     }
-
   }
-
-</script>
-
+}
+</style>
 
 <style lang="scss" scoped>
-  .main {
-    width: 100%;
-    min-width: 1280px;
-    background-color: #43BDB3;
-    margin-bottom: -40px;
-    height: 960px;
+.main {
+  width: 100%;
+  min-width: 1280px;
+  background-color: #43bdb3;
+  margin-bottom: -40px;
+  height: 960px;
+}
+
+.mainbox {
+  position: relative;
+  background-color: #43bdb3;
+  width: 1280px;
+  margin: 0 auto;
+}
+
+.toptil {
+  color: #fff;
+  padding: 32px 0 40px;
+
+  .til {
+    font-size: 40px;
+    color: #fff;
   }
 
-  .mainbox {
-    position: relative;
-    background-color: #43BDB3;
-    width: 1280px;
-    margin: 0 auto;
-
+  .fgx {
+    display: inline-block;
+    height: 36px;
+    width: 1px;
+    background-color: #fff;
+    margin: 0 24px;
   }
 
+  .tinfo {
+    font-size: 14px;
+    line-height: 22px;
+  }
 
-  .toptil {
+  .hig {
+    display: inline-block;
     color: #fff;
-    padding: 32px 0 40px;
+    background-color: #ffb700;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 0px 4px;
+  }
 
-    .til {
-      font-size: 40px;
-      color: #fff;
-    }
+  .hig2 {
+    display: inline-block;
+    color: #fff;
+    background-color: #ffb700;
+    border-radius: 4px;
+    line-height: 17px;
+    padding: 1px 5px;
+  }
+}
+
+.mapmain {
+  position: absolute;
+  left: -150px;
+  width: 1300px;
+  height: 800px;
+  background-image: url("~@/assets/guide/jiandaoyun/bg.png");
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+
+  /* 悟帆走路 */
+  .wfgif-rt {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/jiandaoyun/wf_rt.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .fgx {
-      display: inline-block;
-      height: 36px;
-      width: 1px;
-      background-color: #fff;
-      margin: 0 24px;
-    }
+  .wfgif-lf {
+    position: absolute;
+    z-index: 109;
+    width: 70px;
+    height: 70px;
+    transition: all 2.2s;
+    background: url("~@/assets/guide/jiandaoyun/wf_lf.png") no-repeat;
+    background-size: 100% auto;
+    animation: wfgif 0.5s step-start infinite;
+    image-rendering: -webkit-optimize-contrast;
+  }
 
-    .tinfo {
-      font-size: 14px;
-      line-height: 22px;
+  @keyframes wfgif {
+    0% {
+      background-position: 0 0;
     }
 
-    .hig {
-      display: inline-block;
-      color: #fff;
-      background-color: #FFB700;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 0px 4px;
+    50% {
+      background-position: 0 -70px;
     }
 
-    .hig2 {
-      display: inline-block;
-      color: #fff;
-      background-color: #FFB700;
-      border-radius: 4px;
-      line-height: 17px;
-      padding: 1px 5px;
+    100% {
+      background-position: 0 0;
     }
   }
 
-  .mapmain {
+  /* 章节 */
+  .chapter {
     position: absolute;
-    left: -150px;
-    width: 1300px;
-    height: 800px;
-    background-image: url("~@/assets/guide/jiandaoyun/bg.png");
+    z-index: 2;
     background-size: 100% auto;
     background-repeat: no-repeat;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.3s;
 
-    /* 悟帆走路 */
-    .wfgif-rt {
+    &.cur {
+      cursor: pointer;
+    }
+
+    &.old {
+      opacity: 0.8;
+    }
+
+    .iwancheng {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/jiandaoyun/wf_rt.png") no-repeat;
+      width: 28px;
+      height: 28px;
+      background: url("~@/assets/guide/jiandaoyun/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -2px;
+      margin-left: -14px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
     }
 
-    .wfgif-lf {
+    .iwancheng_fs {
       position: absolute;
-      z-index: 109;
-      width: 70px;
-      height: 70px;
-      transition: all 2.2s;
-      background: url("~@/assets/guide/jiandaoyun/wf_lf.png") no-repeat;
+      width: 160px;
+      height: 160px;
+      background: url("~@/assets/guide/jiandaoyun/duihao.png") no-repeat;
       background-size: 100% auto;
-      animation: wfgif 0.5s step-start infinite;
+      left: 50%;
+      bottom: -50px;
+      margin-left: -80px;
       image-rendering: -webkit-optimize-contrast;
+      transition: all 0.2s;
+      animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
     }
 
-    @keyframes wfgif {
+    @keyframes iwancheng {
       0% {
-        background-position: 0 0;
-      }
-
-      50% {
-        background-position: 0 -70px;
+        width: 160px;
+        height: 160px;
       }
 
       100% {
-        background-position: 0 0;
-      }
-    }
-
-    /* 章节 */
-    .chapter {
-      position: absolute;
-      z-index: 2;
-      background-size: 100% auto;
-      background-repeat: no-repeat;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .3s;
-
-      &.cur {
-        cursor: pointer;
-      }
-
-      &.old {
-        opacity: 0.8;
-      }
-
-
-      .iwancheng {
-        position: absolute;
         width: 28px;
         height: 28px;
-        background: url("~@/assets/guide/jiandaoyun/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
         bottom: -2px;
         margin-left: -14px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-      }
-
-      .iwancheng_fs {
-        position: absolute;
-        width: 160px;
-        height: 160px;
-        background: url("~@/assets/guide/jiandaoyun/duihao.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        bottom: -50px;
-        margin-left: -80px;
-        image-rendering: -webkit-optimize-contrast;
-        transition: all .2s;
-        animation: iwancheng 0.3s ease-in-out 0s 1 alternate forwards;
       }
+    }
 
-      @keyframes iwancheng {
-        0% {
-          width: 160px;
-          height: 160px;
-        }
+    .gps {
+      position: absolute;
+      width: 20px;
+      height: 40px;
+      background: url("~@/assets/guide/jiandaoyun/biaoji.png") no-repeat;
+      background-size: 100% auto;
+      left: 50%;
+      top: 50%;
+      margin-left: -10px;
+      margin-top: -18px;
+      animation: shaking 3s infinite;
+    }
 
-        100% {
-          width: 28px;
-          height: 28px;
-          bottom: -2px;
-          margin-left: -14px;
-        }
+    @keyframes shaking {
+      0% {
+        transform: translateY(-10px);
       }
 
-      .gps {
-        position: absolute;
-        width: 20px;
-        height: 40px;
-        background: url("~@/assets/guide/jiandaoyun/biaoji.png") no-repeat;
-        background-size: 100% auto;
-        left: 50%;
-        top: 50%;
-        margin-left: -10px;
-        margin-top: -18px;
-        animation: shaking 3s infinite;
+      50% {
+        transform: translateY(10px);
       }
 
-      @keyframes shaking {
-        0% {
-          transform: translateY(-10px);
-        }
-
-        50% {
-          transform: translateY(10px);
-        }
-
-        100% {
-          transform: translateY(-10px);
-        }
+      100% {
+        transform: translateY(-10px);
       }
+    }
+
+    .all-progress {
+      position: absolute;
+      z-index: 6;
+      left: 50%;
+      top: 50%;
+      margin-left: -35px;
+      margin-top: 30px;
+    }
 
+    .jiayou {
+      width: 60px;
+      height: 60px;
+      margin-top: 1px;
+    }
 
-      .all-progress {
-        position: absolute;
-        z-index: 6;
-        left: 50%;
-        top: 50%;
-        margin-left: -35px;
-        margin-top: 30px;
-      }
+    .challok {
+      position: absolute;
+      width: 120px;
+      height: 100px;
+      left: 50%;
+      top: 50%;
+      margin-left: -60px;
+      margin-top: -75px;
+      background-color: rgb(0, 0, 0, 0.8);
+      border-radius: 8px;
+      text-align: center;
+      color: #fff;
 
-      .jiayou {
-        width: 60px;
-        height: 60px;
-        margin-top: 1px;
+      .til {
+        padding: 10px 0 10px;
       }
 
-      .challok {
-        position: absolute;
-        width: 120px;
-        height: 100px;
-        left: 50%;
-        top: 50%;
-        margin-left: -60px;
-        margin-top: -75px;
-        background-color: rgb(0, 0, 0, 0.8);
+      .btnnext {
+        width: 100px;
+        height: 32px;
+        line-height: 32px;
         border-radius: 8px;
-        text-align: center;
-        color: #fff;
-
-        .til {
-          padding: 10px 0 10px;
-        }
-
-        .btnnext {
-          width: 100px;
-          height: 32px;
-          line-height: 32px;
-          border-radius: 8px;
-          margin: 0 auto;
-          background-color: #0DB3A6;
+        margin: 0 auto;
+        background-color: #0db3a6;
 
-          &:hover {
-            background-color: #56CAC1;
-          }
+        &:hover {
+          background-color: #56cac1;
         }
       }
-
     }
+  }
 
-    .ch_one {
-      width: 160px;
-      height: 162px;
-      left: 135px;
-      top: 85px;
-
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/one.png");
-      }
+  .ch_one {
+    width: 160px;
+    height: 162px;
+    left: 135px;
+    top: 85px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/one1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/one.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 172px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/one1.png");
     }
 
-    .ch_two {
-      width: 156px;
-      height: 158px;
-      left: 304px;
-      top: -10px;
+    &:hover {
+      width: 170px;
+      height: 172px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/two.png");
-      }
+  .ch_two {
+    width: 156px;
+    height: 158px;
+    left: 304px;
+    top: -10px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/two1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/two.png");
+    }
 
-      &:hover {
-        width: 166px;
-        height: 168px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/two1.png");
     }
 
-    .ch_three {
-      width: 164px;
-      height: 162px;
-      left: 455px;
-      top: 93px;
+    &:hover {
+      width: 166px;
+      height: 168px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/three.png");
-      }
+  .ch_three {
+    width: 164px;
+    height: 162px;
+    left: 455px;
+    top: 93px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/three1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/three.png");
+    }
 
-      &:hover {
-        width: 174px;
-        height: 172px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/three1.png");
     }
 
-    .ch_four {
-      width: 155px;
-      height: 155px;
-      left: 285px;
-      top: 188px;
+    &:hover {
+      width: 174px;
+      height: 172px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/four.png");
-      }
+  .ch_four {
+    width: 155px;
+    height: 155px;
+    left: 285px;
+    top: 188px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/four1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/four.png");
+    }
 
-      &:hover {
-        width: 165px;
-        height: 165px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/four1.png");
     }
 
-    .ch_five {
-      width: 155px;
-      height: 170px;
-      left: 464px;
-      top: 290px;
+    &:hover {
+      width: 165px;
+      height: 165px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/five.png");
-      }
+  .ch_five {
+    width: 155px;
+    height: 170px;
+    left: 464px;
+    top: 290px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/five1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/five.png");
+    }
 
-      &:hover {
-        width: 165px;
-        height: 180px;
-        margin-top: -10px;
-        margin-left: -6px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/five1.png");
     }
 
-    .ch_six {
-      width: 162px;
-      height: 176px;
-      left: 638px;
-      top: 196px;
+    &:hover {
+      width: 165px;
+      height: 180px;
+      margin-top: -10px;
+      margin-left: -6px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/six.png");
-      }
+  .ch_six {
+    width: 162px;
+    height: 176px;
+    left: 638px;
+    top: 196px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/six1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/six.png");
+    }
 
-      &:hover {
-        width: 172px;
-        height: 186px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/six1.png");
     }
 
-    .ch_seven {
-      width: 163px;
-      height: 165px;
-      left: 806px;
-      top: 310px;
+    &:hover {
+      width: 172px;
+      height: 186px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/seven.png");
-      }
+  .ch_seven {
+    width: 163px;
+    height: 165px;
+    left: 806px;
+    top: 310px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/seven1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/seven.png");
+    }
 
-      &:hover {
-        width: 173px;
-        height: 175px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/seven1.png");
     }
 
-    .ch_eight {
-      width: 160px;
-      height: 164px;
-      left: 628px;
-      top: 400px;
+    &:hover {
+      width: 173px;
+      height: 175px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
+    }
+  }
 
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/eight.png");
-      }
+  .ch_eight {
+    width: 160px;
+    height: 164px;
+    left: 628px;
+    top: 400px;
 
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/eight1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/eight.png");
+    }
 
-      &:hover {
-        width: 170px;
-        height: 174px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/eight1.png");
     }
 
-    .ch_gift {
+    &:hover {
       width: 170px;
-      height: 190px;
-      left: 780px;
-      top: 500px;
-      cursor: pointer;
-
-      &.yes {
-        background-image: url("~@/assets/guide/jiandaoyun/gift.png");
-      }
-
-      &.no {
-        background-image: url("~@/assets/guide/jiandaoyun/gift1.png");
-      }
-
-      &:hover {
-        width: 180px;
-        height: 200px;
-        margin-top: -10px;
-        margin-left: -5px;
-        opacity: 1;
-      }
+      height: 174px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    /* 公路 */
-    .road {
-      position: absolute;
-      background-repeat: no-repeat;
-      background-size: 100% auto;
-      transition: all .3s;
-      z-index: 1;
-
-      &.lf {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/jiandaoyun/road-lf.png");
-      }
-
-      &.lf_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/jiandaoyun/road-lf1.png");
-      }
-
-      &.rt {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/jiandaoyun/road-rt.png");
-      }
+  .ch_gift {
+    width: 170px;
+    height: 190px;
+    left: 780px;
+    top: 500px;
+    cursor: pointer;
 
-      &.rt_no {
-        width: 160px;
-        height: 100px;
-        background-image: url("~@/assets/guide/jiandaoyun/road-rt1.png");
-      }
+    &.yes {
+      background-image: url("~@/assets/guide/jiandaoyun/gift.png");
     }
 
-    .ro_one {
-      left: 245px;
-      top: 90px;
+    &.no {
+      background-image: url("~@/assets/guide/jiandaoyun/gift1.png");
     }
 
-    .ro_two {
-      left: 390px;
-      top: 100px;
+    &:hover {
+      width: 180px;
+      height: 200px;
+      margin-top: -10px;
+      margin-left: -5px;
+      opacity: 1;
     }
+  }
 
-    .ro_three {
-      left: 390px;
-      top: 190px;
-    }
+  /* 公路 */
+  .road {
+    position: absolute;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    transition: all 0.3s;
+    z-index: 1;
 
-    .ro_four {
-      left: 390px;
-      top: 305px;
+    &.lf {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/jiandaoyun/road-lf.png");
     }
 
-    .ro_five {
-      left: 562px;
-      top: 310px;
+    &.lf_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/jiandaoyun/road-lf1.png");
     }
 
-    .ro_six {
-      left: 724px;
-      top: 314px;
+    &.rt {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/jiandaoyun/road-rt.png");
     }
 
-    .ro_seven {
-      left: 726px;
-      top: 428px;
+    &.rt_no {
+      width: 160px;
+      height: 100px;
+      background-image: url("~@/assets/guide/jiandaoyun/road-rt1.png");
     }
+  }
 
-    .ro_eight {
-      left: 716px;
-      top: 526px;
-    }
+  .ro_one {
+    left: 245px;
+    top: 90px;
   }
 
-  .rtcarbox {
-    position: absolute;
-    right: 0;
-    width: 400px;
+  .ro_two {
+    left: 390px;
+    top: 100px;
+  }
 
-    .upp,
-    .cen,
-    .dow {
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 12px 24px;
-      margin-bottom: 8px;
-    }
+  .ro_three {
+    left: 390px;
+    top: 190px;
+  }
 
-    .upp {
-      .icon {
-        width: 24px;
-        height: 24px;
-        background: #E7F7F6;
-        border-radius: 100px;
-        margin-right: 16px;
+  .ro_four {
+    left: 390px;
+    top: 305px;
+  }
 
-        i {
-          color: #43BDB3;
-        }
-      }
+  .ro_five {
+    left: 562px;
+    top: 310px;
+  }
 
-      .boxul {
-        height: 120px;
+  .ro_six {
+    left: 724px;
+    top: 314px;
+  }
 
-        .itemli {
-          display: flex;
-          align-items: center;
-          color: #617288;
-          font-size: 14px;
-        }
-      }
+  .ro_seven {
+    left: 726px;
+    top: 428px;
+  }
 
-      .hig {
-        color: #000;
-        font-size: 18px;
-        font-weight: 600;
-      }
+  .ro_eight {
+    left: 716px;
+    top: 526px;
+  }
+}
 
+.rtcarbox {
+  position: absolute;
+  right: 0;
+  width: 400px;
 
-    }
+  .upp,
+  .cen,
+  .dow {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px 24px;
+    margin-bottom: 8px;
+  }
 
-    /* 开奖 */
-    .choujiang {
-      position: relative;
+  .upp {
+    .icon {
+      width: 24px;
+      height: 24px;
+      background: #e7f7f6;
+      border-radius: 100px;
+      margin-right: 16px;
 
-      .linkbj {
-        position: absolute;
-        font-size: 12px;
-        width: 170px;
-        left: 94px;
-        bottom: 26px;
+      i {
+        color: #43bdb3;
       }
     }
 
-    /* 优惠券 */
-    .coupon-box {
-      width: 300px;
+    .boxul {
       height: 120px;
-      background-color: #FFE7C6;
-      color: #E9550F;
-      border-radius: 8px;
-      margin: 28px auto 24px auto;
-      overflow: hidden;
-
-      .lf {
-        width: 160px;
 
-        .cpval {
-          font-weight: 600;
-          font-size: 38px;
-          margin-bottom: 2px;
-        }
-
-        .cptxt {
-          width: 140px;
-          line-height: 18px;
-          font-size: 12px;
-        }
-      }
-
-      .rt {
-        width: 140px;
-        height: 120px;
-        background-color: #FFD7A0;
-
-        .syriqi {
-          font-size: 12px;
-          margin-top: -30px;
-        }
-
-        .sytxtye {
-          font-size: 24px;
-        }
-
-        .sytxtno {
-          font-size: 24px;
-          opacity: 0.3;
-        }
-
-        .syriqino {
-          font-size: 12px;
-          margin-top: -30px;
-          opacity: 0.3;
-        }
-
-        .sybtn {
-          width: 126px;
-          height: 60px;
-          background: url("~@/assets/guide/jiandaoyun/btn.png") no-repeat;
-          background-size: 100% auto;
-
-          .sytxt {
-            font-size: 18px;
-            color: #fff;
-            margin-top: -6px;
-          }
-        }
+      .itemli {
+        display: flex;
+        align-items: center;
+        color: #617288;
+        font-size: 14px;
       }
     }
 
-    .rollovers {
-      animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+    .hig {
+      color: #000;
+      font-size: 18px;
+      font-weight: 600;
     }
+  }
 
-    @keyframes rollovers {
-      0% {
-        transform: rotateY(0deg);
-      }
+  /* 开奖 */
+  .choujiang {
+    position: relative;
 
-      100% {
-        transform: rotateY(360deg);
-      }
+    .linkbj {
+      position: absolute;
+      font-size: 12px;
+      width: 170px;
+      left: 94px;
+      bottom: 26px;
     }
+  }
 
-    .rollovers2 {
-      animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
-    }
+  /* 优惠券 */
+  .coupon-box {
+    width: 300px;
+    height: 120px;
+    background-color: #ffe7c6;
+    color: #e9550f;
+    border-radius: 8px;
+    margin: 28px auto 24px auto;
+    overflow: hidden;
 
-    @keyframes rollovers2 {
-      0% {
-        transform: rotateY(0deg);
-      }
+    .lf {
+      width: 160px;
 
-      100% {
-        transform: rotateY(2160deg);
+      .cpval {
+        font-weight: 600;
+        font-size: 38px;
+        margin-bottom: 2px;
       }
-    }
 
-    .cen {
-      .rzbtn {
-        width: 120px;
-        height: 40px;
-        line-height: 38px;
+      .cptxt {
+        width: 140px;
+        line-height: 18px;
+        font-size: 12px;
       }
     }
 
-    .jiangli {
-      .xiazai {
-        background-color: #EEF3FA;
-        border-radius: 50px;
-        padding: 4px 8px;
-
-        img {
-          margin-right: 6px;
-        }
+    .rt {
+      width: 140px;
+      height: 120px;
+      background-color: #ffd7a0;
 
+      .syriqi {
+        font-size: 12px;
+        margin-top: -30px;
       }
 
-      .xiazaiok {
-        background-color: #DAEDFF;
-        border-radius: 50px;
-        padding: 4px 8px;
+      .sytxtye {
+        font-size: 24px;
+      }
 
-        img {
-          margin-right: 6px;
-        }
+      .sytxtno {
+        font-size: 24px;
+        opacity: 0.3;
+      }
 
-        span {
-          color: #0082fc;
-        }
+      .syriqino {
+        font-size: 12px;
+        margin-top: -30px;
+        opacity: 0.3;
+      }
 
-        &:hover {
-          background-color: #0082fc;
-        }
+      .sybtn {
+        width: 126px;
+        height: 60px;
+        background: url("~@/assets/guide/jiandaoyun/btn.png") no-repeat;
+        background-size: 100% auto;
 
-        &:hover span {
+        .sytxt {
+          font-size: 18px;
           color: #fff;
+          margin-top: -6px;
         }
       }
-
     }
+  }
 
+  .rollovers {
+    animation: rollovers 1s ease-in-out 0s 1 alternate forwards;
+  }
 
-    /* 播放列表 */
-    ::v-deep .el-scrollbar__thumb {
-      background-color: #CEDDF2;
-      opacity: 1;
+  @keyframes rollovers {
+    0% {
+      transform: rotateY(0deg);
     }
 
-    ::v-deep .el-scrollbar__thumb:hover {
-      background-color: #b0bed1;
+    100% {
+      transform: rotateY(360deg);
     }
+  }
 
-    ::v-deep .el-scrollbar__bar.is-vertical {
-      width: 6px;
+  .rollovers2 {
+    animation: rollovers2 2s ease-in-out 0s 1 alternate forwards;
+  }
+
+  @keyframes rollovers2 {
+    0% {
+      transform: rotateY(0deg);
     }
 
+    100% {
+      transform: rotateY(2160deg);
+    }
+  }
 
-    .vlist {
-      padding: 0 24px 10px 24px;
+  .cen {
+    .rzbtn {
+      width: 120px;
+      height: 40px;
+      line-height: 38px;
     }
+  }
 
-    .vitem {
-      cursor: pointer;
-      padding: 10px 0;
-      border-bottom: 1px solid #CEDDF2;
-      transition: all .3s;
+  .jiangli {
+    .xiazai {
+      background-color: #eef3fa;
+      border-radius: 50px;
+      padding: 4px 8px;
 
-      &:hover .vdtitle {
-        color: #43BDB3;
+      img {
+        margin-right: 6px;
       }
+    }
 
-      &:hover,
-      &.playcur {
-        background: linear-gradient(to left, rgba(243, 248, 255, 0), hsl(176, 50%, 94%) 50%, rgba(243, 248, 255, 0));
+    .xiazaiok {
+      background-color: #daedff;
+      border-radius: 50px;
+      padding: 4px 8px;
+
+      img {
+        margin-right: 6px;
       }
 
-      &.playcur .vdtitle {
-        color: #43BDB3;
+      span {
+        color: #0082fc;
       }
 
-      .playing {
-        width: 14px;
-        height: 14px;
-        margin-right: 4px;
+      &:hover {
+        background-color: #0082fc;
       }
 
-      .vdtitle {
-        max-width: 160px;
-        padding-right: 10px;
+      &:hover span {
+        color: #fff;
       }
+    }
+  }
 
-      .progress-box {
-        width: 44%;
+  /* 播放列表 */
+  ::v-deep .el-scrollbar__thumb {
+    background-color: #ceddf2;
+    opacity: 1;
+  }
 
-        .progress {
-          width: 76%;
-          margin-right: 6px;
-        }
+  ::v-deep .el-scrollbar__thumb:hover {
+    background-color: #b0bed1;
+  }
 
-        .el-icon-success {
-          color: #FFB700;
-        }
-      }
+  ::v-deep .el-scrollbar__bar.is-vertical {
+    width: 6px;
+  }
 
-    }
+  .vlist {
+    padding: 0 24px 10px 24px;
+  }
 
-    /* 客服 */
-    .kefu {
-      position: fixed;
-      bottom: 96px;
-      right: 40px;
-      z-index: 9;
-      transition: all .3s;
+  .vitem {
+    cursor: pointer;
+    padding: 10px 0;
+    border-bottom: 1px solid #ceddf2;
+    transition: all 0.3s;
 
-      .ikefu {
-        width: 42px;
-        height: 42px;
-        background-color: #fff;
-        border-radius: 100px;
-        box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, .2);
+    &:hover .vdtitle {
+      color: #43bdb3;
+    }
 
-        i {
-          color: #0082FC;
-          font-size: 22px;
-        }
-      }
+    &:hover,
+    &.playcur {
+      background: linear-gradient(to left, rgba(243, 248, 255, 0), hsl(176, 50%, 94%) 50%, rgba(243, 248, 255, 0));
+    }
 
+    &.playcur .vdtitle {
+      color: #43bdb3;
+    }
 
+    .playing {
+      width: 14px;
+      height: 14px;
+      margin-right: 4px;
     }
 
-  }
+    .vdtitle {
+      max-width: 160px;
+      padding-right: 10px;
+    }
 
-  .lessinfo {
-    padding: 16px 24px 12px 24px;
-    border-bottom: 1px solid #CEDDF2;
+    .progress-box {
+      width: 44%;
 
-    .info {
-      padding: 10px 0;
-      line-height: 18px;
-    }
+      .progress {
+        width: 76%;
+        margin-right: 6px;
+      }
 
-    .datainfo {
-      span {
-        font-size: 12px;
-        color: #617288;
+      .el-icon-success {
+        color: #ffb700;
       }
+    }
+  }
 
-      li {
-        display: flex;
-        align-items: center;
+  /* 客服 */
+  .kefu {
+    position: fixed;
+    bottom: 96px;
+    right: 40px;
+    z-index: 9;
+    transition: all 0.3s;
+
+    .ikefu {
+      width: 42px;
+      height: 42px;
+      background-color: #fff;
+      border-radius: 100px;
+      box-shadow: 2px 2px 5px 0 rgb(0, 0, 0, 0.2);
 
-        i {
-          margin-right: 3px;
-        }
+      i {
+        color: #0082fc;
+        font-size: 22px;
       }
     }
   }
+}
 
-  /* 播放器 */
-  .playbox {
-    position: absolute !important;
-    width: 820px;
-    height: 550px;
-    z-index: 96;
-    background-color: rgb(255, 255, 255, .3);
-    box-shadow: 0 4px 10px 0 rgb(0, 0, 0, .3);
-    padding: 10px;
-    border-radius: 8px;
-    left: 40px;
-    top: 124px;
+.lessinfo {
+  padding: 16px 24px 12px 24px;
+  border-bottom: 1px solid #ceddf2;
+
+  .info {
+    padding: 10px 0;
+    line-height: 18px;
   }
 
-  /* 通关动画 */
-  .clearance {
-    position: fixed;
-    z-index: 99999;
-    background-color: rgb(0, 0, 0, 0.6);
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    .pic_fs {
-      position: absolute;
-      width: 0;
-      height: 0;
-      background: url("~@/assets/guide/jiandaoyun/msgpic.png") no-repeat;
-      background-size: 100% auto;
-      image-rendering: -webkit-optimize-contrast;
-      transition: all .2s;
-      animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  .datainfo {
+    span {
+      font-size: 12px;
+      color: #617288;
     }
 
-    @keyframes picfs {
-      0% {
-        width: 0;
-        height: 0;
-      }
-
-      50% {
-        width: 540px;
-        height: 470px;
-      }
+    li {
+      display: flex;
+      align-items: center;
 
-      100% {
-        width: 340px;
-        height: 270px;
+      i {
+        margin-right: 3px;
       }
     }
+  }
+}
+
+/* 播放器 */
+.playbox {
+  position: absolute !important;
+  width: 820px;
+  height: 550px;
+  z-index: 96;
+  background-color: rgb(255, 255, 255, 0.3);
+  box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.3);
+  padding: 10px;
+  border-radius: 8px;
+  left: 40px;
+  top: 124px;
+}
+
+/* 通关动画 */
+.clearance {
+  position: fixed;
+  z-index: 99999;
+  background-color: rgb(0, 0, 0, 0.6);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  .pic_fs {
+    position: absolute;
+    width: 0;
+    height: 0;
+    background: url("~@/assets/guide/jiandaoyun/msgpic.png") no-repeat;
+    background-size: 100% auto;
+    image-rendering: -webkit-optimize-contrast;
+    transition: all 0.2s;
+    animation: picfs 0.5s ease-in-out 0s 1 alternate forwards;
+  }
 
-    .txt {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 220px;
-      color: #fff;
+  @keyframes picfs {
+    0% {
+      width: 0;
+      height: 0;
     }
 
-    .tm {
-      position: absolute;
-      text-align: center;
-      width: 500px;
-      margin-top: 280px;
-      color: #fff;
+    50% {
+      width: 540px;
+      height: 470px;
     }
 
+    100% {
+      width: 340px;
+      height: 270px;
+    }
+  }
 
+  .txt {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 220px;
+    color: #fff;
   }
 
-  .txtscroll {
-    font-size: 12px;
+  .tm {
+    position: absolute;
+    text-align: center;
+    width: 500px;
+    margin-top: 280px;
+    color: #fff;
+  }
+}
 
-    .item {
-      height: 28px;
-      line-height: 28px;
+.txtscroll {
+  font-size: 12px;
 
-      .username {
-        max-width: 80px;
-        width: auto;
-      }
+  .item {
+    height: 28px;
+    line-height: 28px;
 
-      .lftxt {
-        span {
-          padding-right: 5px;
-        }
-      }
+    .username {
+      max-width: 80px;
+      width: auto;
     }
-  }
 
-  .hb-link {
-    width: 300px;
-    right: 64 px;
-    top: 70px;
-    position: absolute;
-    color: #fff;
-    font-size: 12px;
-    line-height: 20px;
-
-    a {
-      color: #fff;
+    .lftxt {
+      span {
+        padding-right: 5px;
+      }
     }
   }
-
-  .tips-map{
-    background-color: #FFB700;
+}
+
+.hb-link {
+  width: 300px;
+  right: 64 px;
+  top: 70px;
+  position: absolute;
+  color: #fff;
+  font-size: 12px;
+  line-height: 20px;
+
+  a {
     color: #fff;
-    font-size: 14px;
-    border-radius: 4px;
-    padding: 1px 5px;
-    margin-left: 10px;
   }
+}
+
+.tips-map {
+  background-color: #ffb700;
+  color: #fff;
+  font-size: 14px;
+  border-radius: 4px;
+  padding: 1px 5px;
+  margin-left: 10px;
+}
 </style>
 
 <style lang="scss">
-  .el-dialog__body {
-    padding-top: 10px;
-  }
+.el-dialog__body {
+  padding-top: 10px;
+}
 
-  .el-dialog__close {
-    font-size: 20px;
-  }
+.el-dialog__close {
+  font-size: 20px;
+}
 
-  body {
-    min-width: 1280px;
-  }
+body {
+  min-width: 1280px;
+}
 </style>
diff --git a/src/views/video/play.vue b/src/views/video/play.vue
index e484544..087e1a9 100644
--- a/src/views/video/play.vue
+++ b/src/views/video/play.vue
@@ -393,7 +393,7 @@ export default {
     onMounted(() => {
       var new_element = document.createElement("script");
       new_element.setAttribute("type", "text/javascript");
-      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js");
+      new_element.setAttribute("src", "/js/ckplayerX2/ckplayer.min.js?v=2.1");
       document.body.appendChild(new_element);
 
       // 第一个视频的渲染 第一个视频不发送时长埋点
@@ -853,3 +853,14 @@ body {
   }
 }
 </style>
+<style type="text/css">
+video::-internal-media-controls-download-button {
+  display: none;
+}
+video::-webkit-media-controls-enclosure {
+  overflow: hidden;
+}
+video::-webkit-media-controls-panel {
+  width: calc(100% + 30px);
+}
+</style>