

<div class="detailCon">
	<div id="videoPluginCon"></div>
	<div style="position:relative;*z-index:1;">
		<div id="hidebg"></div>
	</div>
	<div id="videoPluginCon">
		<ul class="line">
			<div id="popNote" class="popNote">
				<div class="popTitle" id="popTitle">
					<i id="closeTip" style="float:right;"></i>
					<span id="titleText"></span>
				</div>
				<div class="popContent" id ="popContent">
					<div class="popContentError disNone" id="popContentError"></div>
					<div class="popContentCorrect" id="popContentCorrect">
						<span class="check" id="check">{%label.check%}</span>
						<i class="completeIcon"></i>
						<span class="name" id="name"></span>
					</div>
				</div>
				<iframe frameborder="0" class="kinescopeNoteIframe"></iframe>
			</div>
		</ul>
	</div>
	<ul class="line lineConfMenu lineBottom">
		<li class="line lineConf2">
			<input id="del" type="button" class="subBtnB btnA delIcon" value="{%btn.del%}" />
		</li>
		<li class="line lineConf2">
			<input id="clear" type="button" class="subBtnB btnA clearIcon" value="{%btn.clean%}" />
		</li>
		<li class="snapPicLi snapPicBtn" title="{%label.snapPic%}"></li>
	</ul>
	<div class="actionBarDiv">
		<div class="actionTitleDiv">
			<label class="actionTitle" id="regionName">{%label.regionOne%}</label>
		</div>
		<div class="configDiv" id="configDiv">
			<ul class="line lineL1">
				<li class="dragLine">
					<div id="sensitivityDragLine" class="ipcDragLineDiv"></div>
				</li>
			</ul>
			<ul class="line lineR">
				<li class="timeThresh">
					<label class="des desA">{%label.loiteringTime%}</label>
					<input id="thresholdDelay" class="text textA4" maxLength="2" type="text" /><span class="tip">{%label.second%}</span><span class="tip">(1 - 10)</span>
				</li>
			</ul>
			<div class="height"></div>
		</div>
	</div>
	<div class="actionBarDiv">
		<div class="actionTitleDiv">
			<label class="actionTitle">{%label.defenceTime%}</label>
			<div class="actionTitleArrowDiv">
				<label class="actionArrowTitle" id="armingScheduleArrowText">{%label.slideUp%}</label>
				<i class="arrowUp" title= {%label.slideUp%} id="armingScheduleArrow"></i>
			</div>
		</div>
		<div id="timeSchedule">
			<ul class="line">
				<li class="line linePlan">
					<span class="clearAll" id="clearAll">{%label.clear%}</span>
					<label class="tips">{%label.loiteringDetTips%}</label>
				</li>
			</ul>
			<div class="armingSchedule" id="armingSchedule">
				<div id="recPlanGrid" class="test"></div>
			</div>
			<div class="height"></div>
		</div>
	</div>
	<div class="actionBarDiv" id="handleWayDiv">
		<div class="actionTitleDiv">
			<label class="actionTitle">{%label.handleWay%}</label>
			<div class="actionTitleArrowDiv">
				<label class="actionArrowTitle" id="handleArrowText">{%label.slideUp%}</label>
				<i class="arrowUp" title= {%label.slideUp%} id="handleArrow"></i>
			</div>
		</div>
		<div class="handleWay" id="handleWay">
			<ul class="Line">
				<li class="Line lineE" id="recordLine">
					<i name="showInfo" id="triggerRecord" class="chObj" value="0"></i>
					<label class="des desA">{%label.triggerRecordF%}</label>
					<label class="des desM">{%label.triggerRecordTips%}</label>
				</li>
				<li class="Line lineE" id="captureLine">
					<i name="capture" id="triggerCapture" class="chObj" value="1"></i>
					<label class="des desA">{%label.triggerCapture%}</label>
					<label class="des desM">{%label.captureTips%}</label>
				</li>
				<ul class="line" id="sendToFtp">
					<li class="Line" id="sendToFtpLine">
						<i name="showInfo" id="sendFtp" class="chObj" value="2"></i>
						<label class="des desA">{%label.sendFtp%}</label>
						<label class="des desM">{%label.ftpTips%}</label>
					</li>
					<li class="Line lineTypeSel" id="sendToFtpSwitchCon">
						<label class="des desTypeSel sendFtpDes">{%label.sendFtp%}</label>
						<div id="sendToFtpSwitch" class="switchCon">
							<i class="switchBg"></i>
							<i class="switchBall"></i>
						</div>
						<label id="sendToFtpSwitchDes" class="des desH">{%btn.close%}</label>
						<input id="goToFtpConf" type="button" class="subBtnB btnA goToFtpConf" value="{%btn.goToFtpConf%}" />
					</li>
				</ul>
				<li class="Line lineE">
					<i name="showInfo" id="triggerEmail" class="chObj" value="3"></i>
					<label class="des desA">{%label.sendEmail%}</label>
					<label class="des desM">{%label.emailTips%}</label>
				</li>
				<li class="Line lineE" id="msgPushLine">
					<i name="showInfo" id="triggerMsgPush" class="chObj" value="4"></i>
					<label class="des desA">{%label.msgPush%}</label>
					<label class="des desM">{%label.msgPushTips%}</label>
				</li>
				<li class="Line lineE" id="alarmOutLine">
					<i name="showInfo" id="triggerAlarmOut" class="chObj" value="5"></i>
					<label class="des desA">{%label.triggerAlarmDevice%}</label>
					<label class="des desM">{%label.triggerAlarmDeviceTips%}</label>
				</li>
				<li class="Line lineE" id="lightAlarmLine">
					<i name="showInfo" id="triggerLightAlarm" class="chObj" value="6"></i>
					<label class="des desA">{%label.lightAlarm%}</label>
					<label class="des desM">{%label.lightAlarmTips%}</label>
				</li>
				<li class="Line lineE" id="soundAlarmLine">
					<i name="showInfo" id="triggerSoundAlarm" class="chObj" value="7"></i>
					<label class="des desA">{%label.soundAlarm%}</label>
					<label class="des desM">{%label.soundAlarmTips%}</label>
				</li>
			</ul>
			<ul class="line" id="soundInfo">
				<li class="Line lineTypeSel soundTypeCon" id="soundType">
					<label class="des desTypeSel">{%label.soundAlarmType%}</label>
					<span class="selCon">
						<span id="soundTypeSelect" class="select">
							<span class="value hsValueA"></span>
							<i class="arrow"></i>
						</span>
					</span>
					<input id="setSoundAlarm" type="button" value="{%btn.configSet%}" class="subBtnB btnConfSet" />
				</li>
				<li class="Line lineTypeSel soundTypeCon" id="soundTimes">
					<label class="des desTypeSel">{%label.soundAlarmTimes%}</label>
					<span class="selCon">
						<span id="soundTimesSelect" class="select">
							<span class="value hsValueA"></span>
							<i class="arrow"></i>
						</span>
					</span>
				</li>
			</ul>
		</div>
	</div>
	<!-- 功能按钮 -->
	<div class="funcBtnCon">
		<input id="save" type="button" value="{%btn.save%}" class="subBtn btnA"/>
	</div>
</div>
<div id="soundInfoEditCon" class="tableEditLyCon">
	<div class="tableEditCon tableEditConT">
		<div class="innerCon">
			<h4 class="title soundInfoInnerCon">{%label.soundAlarmSet%}</h4>
			<i id="infoCloseTip"></i>
			<ul class="line">
				<li class="Line lineSoundInfoHead">
					<div class="ipcDragLineDiv">
						<label id="soundList" class="des desC desList">{%label.soundList%}</label>
						<div class="fileDiv">
							<input type="button" value="{%btn.uploadFile%}" style="display:none" class="subBtn btnUpload" />
							<input type="file" class="file" name="filename" style="display:none" id="fileName" />
						</div>
					</div>
				</li>
			</ul>
			<div class="tableSoundInfo" id="SoundInfoShowCon">
				<ul class="line">
					<li class="Line lineSoundInfoSubHead" id="devsound_0">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.alarmSound%}</label>
							<input id="testListen_0" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_1">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.warningSound%}</label>
							<input id="testListen_1" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_2">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.waringZone%}</label>
							<input id="testListen_2" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_3">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.dangerZone%}</label>
							<input id="testListen_3" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_4">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.noParking%}</label>
							<input id="testListen_4" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_5">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.monitorArea%}</label>
							<input id="testListen_5" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_6">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.helloWelcome%}</label>
							<input id="testListen_6" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_7">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.noTouching%}</label>
							<input id="testListen_7" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_8">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.privateZone%}</label>
							<input id="testListen_8" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_9">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.dangerWater%}</label>
							<input id="testListen_9" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_10">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.dangerHeight%}</label>
							<input id="testListen_10" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_11">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.gabbageClassify%}</label>
							<input id="testListen_11" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_12">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.intoWorkshop%}</label>
							<input id="testListen_12" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_13">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.ebikeForbid%}</label>
							<input id="testListen_13" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_14">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.tempWarning%}</label>
							<input id="testListen_14" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_15">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.maskWorn%}</label>
							<input id="testListen_15" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_16">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.maskRequest%}</label>
							<input id="testListen_16" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_17">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.ebikeForbid1%}</label>
							<input id="testListen_17" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_18">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.ebikeForbid2%}</label>
							<input id="testListen_18" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="devsound_19">
						<div class="ipcDragLineDiv">
							<label class="des desSoundName">{%label.ebikeForbid3%}</label>
							<input id="testListen_19" type="button" value="{%btn.testListen%}" class="subBtnB btnDevSoundTest testIcon" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="usrdef_0" style="display:none">
						<div class="ipcDragLineDiv">
							<input id="usrdef_edit0" type="text" class="text textSoundName" value="" maxlength="32" style="display:none"/>
							<label id="usrdef_text0" for="usrdef_edit0" class="des desSoundName">{%label.usrdefSound%}</label>
							<input id="usrdef_rename0" type="button" value="{%btn.rename%}" class="subBtnB btnRename renameIcon" style="display:none"/>
							<input id="usrdef_delete0" type="button" value="{%btn.del%}" class="subBtnB btnDel clearIcon" style="display:none"/>
							<input id="usrdef_test0" type="button" value="{%btn.testListen%}" class="subBtnB btnUsrdefSoundTest testIcon" style="display:none"/>
							<input id="usrdef_cancel0" type="button" value="{%btn.cancel%}" class="subBtnB btnCancel" style="display:none"/>
							<input id="usrdef_save0" type="button" value="{%btn.ok%}" class="subBtn btnSave" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="usrdef_1" style="display:none">
						<div class="ipcDragLineDiv">
							<input id="usrdef_edit1" type="text" class="text textSoundName" value="" maxlength="32" style="display:none"/>
							<label id="usrdef_text1" for="usrdef_edit1" class="des desSoundName">{%label.usrdefSound%}</label>
							<input id="usrdef_rename1" type="button" value="{%btn.rename%}" class="subBtnB btnRename renameIcon" style="display:none"/>
							<input id="usrdef_delete1" type="button" value="{%btn.del%}" class="subBtnB btnDel clearIcon" style="display:none"/>
							<input id="usrdef_test1" type="button" value="{%btn.testListen%}" class="subBtnB btnUsrdefSoundTest testIcon" style="display:none"/>
							<input id="usrdef_cancel1" type="button" value="{%btn.cancel%}" class="subBtnB btnCancel" style="display:none"/>
							<input id="usrdef_save1" type="button" value="{%btn.ok%}" class="subBtn btnSave" style="display:none"/>
						</div>
					</li>
					<li class="Line lineSoundInfoSub" id="usrdef_2" style="display:none">
						<div class="ipcDragLineDiv">
							<input id="usrdef_edit2" type="text" class="text textSoundName" value="" maxlength="32" style="display:none"/>
							<label id="usrdef_text2" for="usrdef_edit2" class="des desSoundName">{%label.usrdefSound%}</label>
							<input id="usrdef_rename2" type="button" value="{%btn.rename%}" class="subBtnB btnRename renameIcon" style="display:none"/>
							<input id="usrdef_delete2" type="button" value="{%btn.del%}" class="subBtnB btnDel clearIcon" style="display:none"/>
							<input id="usrdef_test2" type="button" value="{%btn.testListen%}" class="subBtnB btnUsrdefSoundTest testIcon" style="display:none"/>
							<input id="usrdef_cancel2" type="button" value="{%btn.cancel%}" class="subBtnB btnCancel" style="display:none"/>
							<input id="usrdef_save2" type="button" value="{%btn.ok%}" class="subBtn btnSave" style="display:none"/>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<iframe frameborder="0" class="innerIframe"></iframe>
	</div>
</div>
<script type="text/javascript">function init(){function t(a,d){var b="";switch(parseInt(a)){case ENONE:return!0;case IPCSMDENABLEERR:b=errStr.IPCParamInvalid;break;case EINVARG:b=errStr.IPCParamInvalid;break;case IPCSMDTHRESHOLDERR:b=errStr.thresholdDelayErr;break;case IPCUMGUESTNAUTH:b=errStr.invPermissionDenied;break;case IPCNOTIFYEMAILENERR:case IPCNOTIFYALARMENERR:case IPCNOTIFYRECORDENERR:case IPCNOTIFYFTPENERR:b=errStr.IPCHandleInalid;break;case IPCSMDREGIONEILLEGAL:b=errStr.regionIllegal;break;case IPCSMDREGIONNUMERR:b=
errStr.regionNumErr;break;case IPCARMINGSCHEDULEEOVERFLOW:b=errStr.armingScheduleOverflow;break;case IPCARMINGSCHEDULEMIX:b=errStr.armingScheduleMix;break;case IPCARMINGSCHEDULEILLEGAL:b=errStr.armingScheduleIllegal;break;default:b=errStr.invRequestFail}closeToast();showAlert(b,d);return!1}function wa(){clearTimeout(fa);fa=$.setTimeout(function(){$("#popNote").animate({bottom:"-150px"},void 0,void 0,function(){id("popNote").style.display="none"})},5E3)}function jb(){m.catchPic(function(a){var d="";
switch(parseInt(a)){case 0:d=label.snapPicEnd;$("#StorageFolder").css("background-image","url(../web-static/images/save_reddot.png)");break;case 1:d=label.snapPicSaveFail;break;case 2:return;case 3:d=label.diskLess;break;case 7:d=label.pathChange;break;case 8:d=label.pathNoExist}if(0<parseInt(a))clearTimeout(fa),popContentCorrect.style.display="none",popContentError.style.display="inline-block",7==parseInt(a)?titleText.innerHTML=label.cue:titleText.innerHTML=label.snapPicFail,popContentError.innerHTML=
d;else{var b=m.getPicFileStoragePath(),d=b.lastIndexOf("\\"),d=b.substr(d+1);popContentCorrect.style.display="inline-block";popContentError.style.display="none";titleText.innerHTML=label.snapPicSuccess;kb.innerHTML=d;check.onclick=function(){m.openFileStorageFolder(b)};wa()}$("#popNote").animate({bottom:"0px"});id("popNote").style.display="inline-block";log(a);7==parseInt(a)&&wa()})}function lb(){for(var a=[],d=0,b,e,c=0;4>d;d++){b=m.getIntelligentRegion(d);if(null==b.pt1_x||0==b.pt1_x&&0==b.pt1_y&&
0==b.pt2_x&&0==b.pt2_y)return null;0<=b.pt1_x&&(e={},e[xa]=d+1+"",e[ga]=b.pt1_x,e[ya]=b.pt1_y,e[za]=b.pt2_x,e[Aa]=b.pt2_y,e[Ba]=b.pt3_x,e[Ca]=b.pt3_y,e[Da]=b.pt4_x,e[Ea]=b.pt4_y,e[Fa]=r[d],e[Ga]=l[d],a[c++]=e)}return a}function Ha(a){var d=id("videoPluginCon").offsetHeight;void 0==a?m.setSize({height:"396px",width:"720px"}):m.setSize({height:d+"px",width:d*a+"px"})}function mb(a){var d,b=[];if(void 0==a)return b.push('"0000-0000:0"'),b;a instanceof Array||(a=a.match(/\d{4}-\d{4}/g));for(var e=0;e<
a.length;e++){d=a[e];var c=d.split(/[-]/,2);d=parseInt(c[0],10);c=parseInt(c[1],10);0==d&&0==c?b.push(s._getString(d,c,0)):b.push(s._getString(d,c,1))}return b}function nb(){var a,d=s.getTimeVal(),b={};for(a=0;a<N.length;a++){var c=b,l=Ia[a],k;k=d[N[a]];var h=void 0,n=void 0,g=void 0,f=void 0,m=void 0,m=f=void 0;if(void 0==k)k="";else{void 0==h&&(h=6);n="[";if(1>k.length)n+='"0000-0000"';else for(g=0;g<k.length&&g<h;g++)f=k[g].toString(),m=f.split(/[-,:]/,3),f=parseInt(m[0],10),m=parseInt(m[1],10),
f=s._getStringWithoutType(f,m),0<g&&(n+=","),n+='"'+f+'"';k=n+="]"}c[l]=k}return b}function Ja(a){if(C||D)return!1;var d=lb();if(h!=x||null!=d&&0!=d.length){var b={},e={};b[c]={};b[c][O]={};b[c][O][Ka]=x;if(P){b[c][p]={};E&&(b[c][p][La]="true"==Ma.getAttribute("checked")?h:q);F&&(b[c][p][ha]="true"==Na.getAttribute("checked")?h:q);G&&(b[c][p][Oa]="true"==Q.getAttribute("checked")?h:q);y&&(b[c][p][Pa]="true"==R.getAttribute("checked")?h:q);if(H){b[c][p][Qa]="true"==Ra.getAttribute("checked")?h:q;for(var f=
2;f<=ia;f++)b[c][p]["AO"+f.toString()+"_enabled"]="true"==id("triggerAlarmOut"+f.toString()).getAttribute("checked")?h:q}S&&(b[c][p][ob]="true"==pb.getAttribute("checked")?h:q);z&&(b[c][p][Sa]="true"==T.getAttribute("checked")?h:q);w&&(b[c][p][ja]=I?U:"true"==Ta.getAttribute("checked")?h:q)}b[c][ka]=nb();!0==J&&(b[c][A]={},b[c][A][Ua]=V,b[c][A][Va]=W);var k=Wa&&!la&&"true"==R.getAttribute("checked"),g=Xa&&!ma&&"true"==Q.getAttribute("checked"),n=Ya&&!na&&"true"==T.getAttribute("checked");k||g||n?
((k||g)&&showConfirmIpc(label.confirmAlarmDeviceOnTip,function(f){!0==f?(b[v]={},b[v][uciMsgAlarm.secName.chn1MsgAlarmInfo]={},k&&(b[v][uciMsgAlarm.secName.chn1MsgAlarmInfo][uciMsgAlarm.optName.soundEnabled]=uciMsgAlarm.optValue.enableVal.on),g&&(b[v][uciMsgAlarm.secName.chn1MsgAlarmInfo][uciMsgAlarm.optName.lightEnabled]=uciMsgAlarm.optValue.enableVal.on),showToast(),$.modify(b,function(b){!0==t(b[ERR_CODE])&&(k&&(la=1),g&&(ma=1),e[c]={},e[c][B]={},e[c][B][K]=d,$.action(e,function(a){!0==t(a[ERR_CODE])&&
showToast("success")}),"function"==typeof a&&void 0!=a&&a())})):(k&&changeCheckInput(R,!1),g&&changeCheckInput(Q,!1))}),n&&showConfirmIpc(label.confirmCaptureOnTip,function(f){!0==f?(b[X]={},b[X][uciPicturePlan.secName.eventConfig]={},n&&(b[X][uciPicturePlan.secName.eventConfig][uciPicturePlan.optName.enabled]=uciPicturePlan.optValue.on),showToast(),$.modify(b,function(b){!0==t(b[ERR_CODE])&&(n&&(na=1),e[c]={},e[c][B]={},e[c][B][K]=d,$.action(e,function(a){!0==t(a[ERR_CODE])&&showToast("success")}),
"function"==typeof a&&void 0!=a&&a())})):n&&changeCheckInput(T,!1)})):(showToast(),$.modify(b,function(b){!0==t(b[ERR_CODE])&&(e[c]={},e[c][B]={},e[c][B][K]=d,$.action(e,function(a){!0==t(a[ERR_CODE])&&showToast("success")}),"function"==typeof a&&void 0!=a&&a())}))}else showAlert(label.addOneRegionFirst)}function oa(){closeNoteAll();!0==checkNum(u.value)&&!0==checkNumRange(parseInt(u.value),10,1)?(r[f]=parseInt(u.value),C=!1):(showNote("thresholdDelay",errStr.thresholdDelayErr),C=!0);!0==checkNum(id("sensitivityDragLineDragLineInput").value)&&
!0==checkNumRange(parseInt(id("sensitivityDragLineDragLineInput").value),100,1)?(l[f]=id("sensitivityDragLineDragLineInput").value,Y.setValue(id("sensitivityDragLineDragLineInput").value),D=!1):(showNote("sensitivityDragLineDragLineInput",errStr.sensitivityErr),D=!0)}function qb(a){closeNote("sensitivityDragLineDragLineInput");l[f]=a}function rb(){L=!0;l[f]=null;r[f]=null;null==l[0]&&null==l[1]&&null==l[2]&&null==l[3]&&(id("sensitivityDragLineDragLineInput").value=Z,u.value=aa,M());m.delIntelligentRegion(PLUGIN_STATE_ON)}
function sb(){ba=!0;l=[null,null,null,null];r=[null,null,null,null];id("sensitivityDragLineDragLineInput").value=Z;u.value=aa;m.delIntelligentRegion(PLUGIN_STATE_MINUS);M()}function M(){var a=document.getElementById("hidebg");a.style.display="block";var d=getoffset(id("save")).top-getoffset(id("del")).top;if(0==$("#peCon").length||"none"==$("#peCon").css("display"))a.style.height=d+"px";else{var b=getoffset(id("peCon")).top-getoffset(id("del")).top+id("peCon").offsetHeight;a.style.height=(d>b?d:b)+
"px"}}function Za(){document.getElementById("hidebg").style.display="none"}function tb(a){ub.innerHTML=1==a?btn.enableN:btn.close;x=1==a?h:q;!1==m.checkInstalled()?M():0==a?(m.setOSDStatus(0),M()):(m.setOSDStatus(1),null==l[0]&&null==l[1]&&null==l[2]&&null==l[3]?M():Za())}function vb(a){wb.innerHTML=1==a?btn.enableN:btn.close;U=1==a?h:q}function xb(){var a,d={};d[c]={};d[c][NAME]=ka;$.query(d,function(b){if(!0==t(b[ERR_CODE]))for(s.reset(),a=0;a<N.length;a++)s.setTimeVal(N[a],mb(b[c][ka][Ia[a]]))})}
function $a(a){pa?(id("armingScheduleArrow").className="arrowDown",id("armingScheduleArrow").title=label.slideDown,id("armingScheduleArrowText").innerHTML=label.slideDown,ab.style.display="none",pa=!1):(id("armingScheduleArrow").className="arrowUp",id("armingScheduleArrow").title=label.slideUp,id("armingScheduleArrowText").innerHTML=label.slideUp,ab.style.display="",pa=!0)}function bb(a){qa?(id("handleArrow").className="arrowDown",id("handleArrow").title=label.slideDown,id("handleArrowText").innerHTML=
label.slideDown,cb.style.display="none",qa=!1):(id("handleArrow").className="arrowUp",id("handleArrow").title=label.slideUp,id("handleArrowText").innerHTML=label.slideUp,cb.style.display="",qa=!0)}function db(a){V=a}function yb(a){W=a}function zb(a,d){selectInit("soundTypeSelect",a,0,db,"18");id("soundTypeSelect").resetSel(d)}function Ab(){var a=uciLinkageCapability.optName.sound_alarm_capability,d=uciLinkageCapability.optName.msg_push_capability,b=uciLinkageCapability.optName.alarm_out_capability,
c=uciLinkageCapability.optName.record_capability,f=uciLinkageCapability.optName.email_capability,g=uciLinkageCapability.optName.ftp_capability,h=uciLinkageCapability.optName.capture_capability,n=function(a){a=$.linkageCapability[a];return 7>a.length?!1:"1"==a[a.length-7]?!0:!1};G=n(uciLinkageCapability.optName.light_alarm_capability);y=n(a);E=n(d);H=n(b);F=n(c);S=n(f);w=n(g);z=n(h);(P=G||y||E||H||F||S||w||z)?(G||$("#triggerLightAlarm").parent().hide(),y||$("#triggerSoundAlarm").parent().hide(),E||
$("#triggerMsgPush").parent().hide(),F||$("#triggerRecord").parent().hide(),H?InsertTriggerAlarmOut("triggerAlarmOut"):$("#triggerAlarmOut").parent().hide(),S||$("#triggerEmail").parent().hide(),w||$("#sendToFtp").hide(),z||$("#triggerCapture").parent().hide()):id("handleWayDiv").style.display="none"}function Bb(){y&&$.audioAlarmCapability&&(J=1==parseInt($.audioAlarmCapability[Cb])?!0:!1,ca=1==parseInt($.audioAlarmCapability[Db])?!0:!1,da=parseInt($.audioAlarmCapability[Eb]),ra=$.audioAlarmCapability[sa].length);
if(!1==J)id("soundInfo").style.display="none";else{id("soundTypeSelect");id("soundTimesSelect");for(var a=[],d=[{str:label.alarmSound,value:0},{str:label.warningSound,value:1},{str:label.waringZone,value:2},{str:label.dangerZone,value:3},{str:label.noParking,value:4},{str:label.monitorArea,value:5},{str:label.helloWelcome,value:6},{str:label.noTouching,value:7},{str:label.privateZone,value:8},{str:label.dangerWater,value:9},{str:label.dangerHeight,value:10},{str:label.gabbageClassify,value:11},{str:label.intoWorkshop,
value:12},{str:label.ebikeForbid,value:13},{str:label.tempWarning,value:14},{str:label.maskWorn,value:15},{str:label.maskRequest,value:16},{str:label.ebikeForbid1,value:17},{str:label.ebikeForbid2,value:18},{str:label.ebikeForbid3,value:19}],b=0;b<$.audioAlarmCapability[sa].length;b++){var e=parseInt($.audioAlarmCapability[sa][b]);a.push(e);ea.push(d[e])}selectInit("soundTimesSelect",[{str:label.once,value:1},{str:label.twice,value:2},{str:label.threetimes,value:3},{str:label.fourtimes,value:4},{str:label.fivetimes,
value:5}],1,yb)}if(!1==ca)id("setSoundAlarm").style.display="none";else{openSoundInfo("setSoundAlarm",ra,da,label.usrdefSound);closeSoundInfo("infoCloseTip",c,ea,zb);for(b=0;b<d.length;b++)0<=$.inArray(b,a)?(devSoundListen("testListen_"+b,b),devSoundFocus("devsound_"+b,b)):id("devsound_"+b).style.display="none";for(a=0;a<da;a++)usrDefSoundListen("usrdef_test"+a,a),usrDefSoundDel("usrdef_delete"+a,a),usrDefSoundRename("usrdef_rename"+a,a),usrDefSoundSave("usrdef_save"+a,a),usrDefSoundCancel("usrdef_cancel"+
a,a),usrDefSoundNameCheck("usrdef_edit"+a,a),usrDefSoundFocus("usrdef_"+a,a)}}var c=uciLoiteringDetection.fileName,O=uciLoiteringDetection.secName.detection,ka=uciLoiteringDetection.secName.armingSchedule,p=uciLoiteringDetection.secName.notifyList,K=uciLoiteringDetection.secType.regionInfo,Ka=uciLoiteringDetection.optName.enabled,Ga=uciLoiteringDetection.optName.sensitivity,Fa=uciLoiteringDetection.optName.threshold,Fb=uciLoiteringDetection.optName.id,ga=uciLoiteringDetection.optName.pt1x,ya=uciLoiteringDetection.optName.pt1y,
za=uciLoiteringDetection.optName.pt2x,Aa=uciLoiteringDetection.optName.pt2y,Ba=uciLoiteringDetection.optName.pt3x,Ca=uciLoiteringDetection.optName.pt3y,Da=uciLoiteringDetection.optName.pt4x,Ea=uciLoiteringDetection.optName.pt4y,xa=uciLoiteringDetection.optName.id,ob=uciLoiteringDetection.optName.emailEnabled,Qa=uciLoiteringDetection.optName.alarmEnabled,ha=uciLoiteringDetection.optName.recordEnabled,ja=uciLoiteringDetection.optName.ftpEnabled,Sa=uciLoiteringDetection.optName.captureEnabled,La=uciLoiteringDetection.optName.msgPushEnabled,
Pa=uciLoiteringDetection.optName.soundAlarmEnabled,Oa=uciLoiteringDetection.optName.lightAlarmEnabled,ha=uciLoiteringDetection.optName.recordEnabled,A=uciLoiteringDetection.secName.soundAlarmInfo,Cb=uciAlarmAudioTypeCapability.optName.eventSeparateAudioAlarmSupport,Db=uciAlarmAudioTypeCapability.optName.usrDefAudioAlarmSupport,Eb=uciAlarmAudioTypeCapability.optName.usrDefAudioAlarmMaxNum,sa=uciAlarmAudioTypeCapability.optName.alarmType,Ua=uciLoiteringDetection.optName.soundAlarmType,Va=uciLoiteringDetection.optName.soundAlarmTimes,
ta=uciUsrDefAlarm.fileName,eb=uciUsrDefAlarm.secName.usrDefAudio,Gb=uciUsrDefAlarm.optName.id,ua=uciUsrDefAlarm.optName.name,h=uciFastMovingDetection.optValue.enableVal.on,q=uciFastMovingDetection.optValue.enableVal.off,B=uciFastMovingDetection.actionName.addRegions,fb=uciImage.fileName,v=uciMsgAlarm.fileName,Wa=0,la=0,Xa=0,ma=0,X=uciPicturePlan.fileName,Ya=0,na=0,gb=!0,g,va,hb,x,ub=id("intelligentDetectionSwitchDes"),m,Y,f=0,l=[],r=[],Z=50,aa=1,pb=id("triggerEmail"),Ma=id("triggerMsgPush"),R=id("triggerSoundAlarm"),
Ra=id("triggerAlarmOut"),Q=id("triggerLightAlarm"),Ta=id("sendFtp"),U,wb=id("sendToFtpSwitchDes"),T=id("triggerCapture"),Na=id("triggerRecord"),u=id("thresholdDelay");id("sensitivityDragLineDragLineInput");var N=[label.Mon,label.Tue,label.Wen,label.Thu,label.Fri,label.Sta,label.Sun],Ia=[uciLoiteringDetection.optName.mon,uciLoiteringDetection.optName.tue,uciLoiteringDetection.optName.wed,uciLoiteringDetection.optName.thu,uciLoiteringDetection.optName.fri,uciLoiteringDetection.optName.sat,uciLoiteringDetection.optName.sun],
pa=!0,qa=!0,ab=id("timeSchedule"),cb=id("handleWay"),C=!1,D=!1,L=!1,ba=!1,kb=id("name"),fa,s,ib=1==parseInt($.moduleSpec[uciFunction.optName.corridorMode])?!0:!1,P,G,y,E,H,F,w,S,z,ia=isNaN(parseInt($.moduleSpec.alarm_out_num))?1:parseInt($.moduleSpec.alarm_out_num),ca=!1,J=!1,V,W,da,ea=[],ra=0,I=!1;(function(){var a={};g=0;Ab();Bb();a[c]={};a[c][NAME]=[O];P&&a[c][NAME].push(p);J&&a[c][NAME].push(A);$.moduleSpec[uciFunction.optName.msgAlarmSeparateList]&&(a[v]={},a[v][NAME]=uciMsgAlarm.secName.chn1MsgAlarmInfo);
a[c][KEY_TABLE]=[K];!0==ca&&(a[ta]={},a[ta][KEY_TABLE]=[eb]);ib&&(a[fb]={},a[fb][NAME]=uciImage.secName.para_switch);$.moduleSpec[uciFunction.optName.captureEnable]&&(a[uciPicturePlan.fileName]={},a[uciPicturePlan.fileName][NAME]=uciPicturePlan.secName.eventConfig);$.moduleSpec[uciFunction.optName.picturePlanCapability]&&(a[uciPicturePlanCapability.fileName]={},a[uciPicturePlanCapability.fileName][NAME]=uciPicturePlanCapability.secName.capability);m=new Plugin({id:"videoPluginCon",className:"vedioActiveX",
readyHd:function(a){if(PLUGIN_STATE_ON==a&&!0==gb){gb=!1;m.setIntelligentState(1);m.setOSDSpecialStatus(1);a=formatTableData(va);for(var b in a){var c=a[b];void 0!=c[ga]&&m.showIntelligentRegion(parseInt(c[xa])-1,{pt1_x:c[ga],pt1_y:c[ya],pt2_x:c[za],pt2_y:c[Aa],pt3_x:c[Ba],pt3_y:c[Ca],pt4_x:c[Da],pt4_y:c[Ea]})}m.setOSDStatus(hb.state)}}});Y=new DragLine({id:"sensitivityDragLine",name:label.sensitivity,cb:qb,lowerBound:1});s=new PlanSet("recPlanGrid",{curType:1});xb();$("ul.lineConfMenu li.snapPicBtn").hide();
$("ul.lineConfMenu li.snapPicBtn").click(function(a){jb()});id("closeTip").onclick=function(){$("#popNote").animate({bottom:"-150px"},void 0,void 0,function(){id("popNote").style.display="none"})};$.query(a,function(a){if(!0==t(a[ERR_CODE])){va=a[c][K];var b=formatTableData(va),e=0,q;for(q in b){var k=b[q],e=k[Fb]-1;l[e]=k[Ga];r[e]=k[Fa]}f=e;Y.setValue(null==l[e]?Z:l[e]);u.value=null==r[e]?aa:r[e];$.moduleSpec[uciFunction.optName.picturePlanCapability]&&1==parseInt(a[uciPicturePlanCapability.fileName][uciPicturePlanCapability.secName.capability][uciPicturePlanCapability.optName.ftpDependOnCapture])&&
(I=!0);if(P){E&&(g=a[c][p][La]==h,changeCheckInput(Ma,g));F&&(g=a[c][p][ha]==h,changeCheckInput(Na,g));G&&(g=a[c][p][Oa]==h,changeCheckInput(Q,g),Xa=1,ma=a[v][uciMsgAlarm.secName.chn1MsgAlarmInfo][uciMsgAlarm.optName.lightEnabled]==h?1:0);y&&(g=a[c][p][Pa]==h,changeCheckInput(R,g),Wa=1,la=a[v][uciMsgAlarm.secName.chn1MsgAlarmInfo][uciMsgAlarm.optName.soundEnabled]==h?1:0);if(H&&(g=a[c][p][Qa]==h,changeCheckInput(Ra,g),1<ia)){k=g;for(b=2;b<=ia;b++)aoEnableOpt="AO"+b.toString()+"_enabled",g=a[c][p][aoEnableOpt]==
h,changeCheckInput(id("triggerAlarmOut"+b.toString()),g),k=k&&g;k&&changeCheckInput("triggerAOAll",!0)}w&&(I&&z?($("#sendToFtpLine").hide(),U=a[c][p][ja],g=U==h?1:0,new Switch("sendToFtpSwitch",g,vb)):($("#sendToFtpSwitchCon").hide(),$("#sendToFtpLine").show(),$("#goToFtpConf").hide(),g=a[c][p][ja]==h,changeCheckInput(Ta,g)));z&&(g=a[c][p][Sa]==h,I&&w&&(g?$("#sendToFtpSwitchCon").show():$("#sendToFtpSwitchCon").hide()),changeCheckInput(T,g),$.moduleSpec[uciFunction.optName.captureEnable]&&(Ya=1,na=
a[X][uciPicturePlan.secName.eventConfig][uciPicturePlan.optName.enabled]==h?1:0))}x=a[c][O][Ka];g=x==h?1:0;hb=new Switch("intelligentDetectionSwitch",g,tb);if(!0==J){if(!0==ca){k={};k=a[ta][eb];b=formatTableData(k);for(q in b)k=b[q],k[ua]||(k[ua]=label.usrdefSound),ea.push({str:k[ua],value:k[Gb]});uploadSoundFile("fileName",m,ra,da)}selectInit("soundTypeSelect",ea,0,db,"18");V=a[c][A][Ua];W=a[c][A][Va];soundTypeSelect.changeSel(V);soundTimesSelect.changeSel(W)}m.playVideo();if(ib){var s=a[uciImage.fileName][uciImage.secName.para_switch][uciImage.optName.rotate_type];
a={};a[uciVideo.fileName]={};a[uciVideo.fileName][NAME]=uciVideo.secName.main;$.query(a,function(a){!0==t(a[ERR_CODE])&&(a=a[uciVideo.fileName][uciVideo.secName.main],a=a.resolution.split("*")[1]/a.resolution.split("*")[0],s==uciImage.optValue.rotOff?Ha():Ha(a),$("object.vedioActiveX").addClass("vedioActiveX_corridor"),id("videoPluginCon").style.background="black")})}$("ul.lineConfMenu li.snapPicBtn").show();showDetailCon()}});id("save").onclick=Ja;id("clear").onclick=sb;id("del").onclick=rb;id("clearAll").onclick=
function(a){s.reset()};id("armingScheduleArrow").onclick=$a;id("armingScheduleArrowText").onclick=$a;id("handleArrow").onclick=bb;id("handleArrowText").onclick=bb;u.onblur=oa;id("sensitivityDragLineDragLineInput").onblur=oa;id("goToFtpConf").onclick=function(){showConfirmC(label.cue,label.saveTips,function(a){!0==a?Ja(function(){gFtpSwitchPageSign=1;unloadLogin()}):(gFtpSwitchPageSign=1,unloadLogin())},btn.unsave,btn.save,!1)}})();initCheckInput("showInfo",function(a,c){a||0!=c||showAlert(label.confirmRecordOff)});
initCheckInput("capture",function(a){I&&w&&(a?$("#sendToFtpSwitchCon").show():$("#sendToFtpSwitchCon").hide())});(function(){m.intelligentCallback(function(a){oa();!0==ba?(l=[null,null,null,null],r=[null,null,null,null]):!0==L&&(l[f]=null,r[f]=null);if(C||D){if(!1==L){m.showHighlight(f,1);return}closeNoteAll();C=D=!1}else m.showHighlight(parseInt(a),0);switch(parseInt(a)){case 0:f=0;id("regionName").innerHTML=label.regionOne;break;case 1:f=1;id("regionName").innerHTML=label.regionTwo;break;case 2:f=
2;id("regionName").innerHTML=label.regionThree;break;case 3:f=3;id("regionName").innerHTML=label.regionFour;break;default:return}!1==ba&&!1==L&&(l[f]=null==l[f]?id("sensitivityDragLineDragLineInput").value:l[f],r[f]=null==r[f]?u.value:r[f]);null==l[0]&&null==l[1]&&null==l[2]&&null==l[3]||h!=x||Za();Y.setValue(null==l[f]?Z:l[f]);u.value=null==r[f]?aa:r[f];ba=L=!1})})()}init();
</script><style type="text/css">div.configDiv li.timeThresh{display:inline-block;font-size:0;vertical-align:middle;height:30px;margin-left:60px;padding:5px 0}div.peCol span.select{font-size:0!important}span.peSelect{width:124px!important;_width:116px!important;font-size:14px!important}#orgDC{width:662px}.displayNone{display:none!important}i.peTypeRd{width:25px!important;height:25px!important}i.timeSeled{background:url(../web-static/images/timeSeled.png) center no-repeat!important}i.timeUnSeled{background:url(../web-static/images/timeUnSeled.png) center no-repeat!important}i.mdtUnSeled{background:url(../web-static/images/mdtUnSeled.png) center no-repeat!important}i.mdtSeled{background:url(../web-static/images/mdtSeled.png) center no-repeat!important}#timingLabel{margin-right:35px;display:inline-block;*display:inline;*zoom:1}#mdtLabel{margin-right:347px;*margin-right:340px;display:inline-block;*display:inline;*zoom:1}label.typeSeled{color:#fff!important}div.peCon{left:136px;top:560px;_left:-30px;_top:-10px}div.peCon div.peConDetail div.peCol4{display:none}ul.line li.lineR{display:inline-block;*display:inline;*zoom:1;height:100%;font-size:0;vertical-align:middle;float:right}ul.line li.lineE1{width:100%;padding-top:5px}ul.line li.lineE2{width:100%;margin-bottom:24px}ul.line label.desA{color:#333;margin-right:16px}ul.Line label.desM{font-size:12px;color:#666;line-height:12px}ul.line label.des{display:inline;vertical-align:middle}ul.line label.desG{font-size:12px;color:#666;line-height:12px;margin-top:-20px}div.handleWay ul.Line label.des{display:inline;vertical-align:middle;margin-left:8px}div.handleWay ul.Line label.sendFtpDes{display:inline-block;margin-left:4px;margin-right:4px;width:140px}div.handleWay ul.Line label.desA{font-size:13px;color:#333;line-height:30px;width:500px}input.goToFtpConf{margin-left:24px;padding:0 12px}div.fileDiv{height:30px;overflow:hidden;position:relative;vertical-align:middle}div.fileDiv input.file{font-size:16px;top:0;right:0;opacity:0;filter:alpha(opacity:0);cursor:pointer;position:absolute;vertical-align:top;z-index:1}div.tableEditLyCon{height:0;z-index:300;width:770px}div.tableEditConT{width:640px;height:640px}div.tableSoundInfo{width:616px;height:505px}ul.line li.lineTypeSel{padding:5px 0;_height:32px;width:100%;margin-left:24px}ul.line li.lineSoundInfoHead{width:100%;margin-bottom:16px;height:30px}ul.line li.lineSoundInfoSubHead{border:1px solid #e1e3e6;width:592px;height:40px}ul.line li.lineSoundInfoSub{border:1px solid #e1e3e6;border-top:0;width:592px;height:40px}ul.line label.desTypeSel{font-size:12px;color:#7a8999;width:53px;margin-left:4px;margin-right:17px;letter-spacing:1.1px;line-height:16px}ul.line label.desSoundName{font-size:13px;color:#333;line-height:40px;width:300px;margin-left:16px;text-align:left}ul.line label.desList{margin-right:352px}input.btnConfSet{border-radius:2px;font-size:13px;width:82px;height:30px;margin-left:16px}input.textSoundName{width:238px;margin-left:16px;margin-top:5px}input.btnUpload{border-radius:2px;font-size:13px;width:120px;height:30px;margin-right:24px}input.btnDevSoundTest{border-radius:2px;font-size:13px;width:70px;height:26px;margin-top:7px;margin-left:190px;margin-right:16px}input.btnRename{border-radius:2px;font-size:13px;width:83px;height:26px;margin-top:7px;margin-left:81px;margin-right:4px}input.btnDel{border-radius:2px;font-size:13px;width:70px;height:26px;margin-top:7px;margin-left:4px;margin-right:4px}input.btnUsrdefSoundTest{border-radius:2px;font-size:13px;width:70px;height:26px;margin-top:7px;margin-left:4px;margin-right:16px}input.btnCancel{border-radius:2px;font-size:13px;width:70px;height:26px;margin-top:7px;margin-left:172px;margin-right:4px}input.btnSave{border-radius:2px;font-size:13px;width:70px;height:26px;margin-top:7px;margin-left:4px;margin-right:16px}input.testIcon{background-image:url(../../web-static/images/play_normal.png);background-repeat:no-repeat;background-position:8px 4px;*background-position:4px 2px;padding:0 16px 0 28px;*padding:2px 2px 0 18px;height:26px}input.testIcon:hover{background-image:url(../../web-static/images/play_pressed.png)}input.renameIcon{background-image:url(../../web-static/images/edit_normal.png);background-repeat:no-repeat;background-position:8px 4px;*background-position:4px 2px;padding:0 16px 0 28px;*padding:2px 2px 0 18px;height:26px}input.renameIcon:hover{background-image:url(../../web-static/images/edit_pressed.png)}iframe.innerIframe{border:0;height:640px;width:640px;position:absolute;opacity:0;filter:alpha(opacity=0);top:0;left:0;z-index:-1}#infoCloseTip{background:transparent url("../../web-static/images/closeTip.png") no-repeat scroll 0 12px;width:24px;height:26px;display:inline-block;cursor:pointer}</style>