NZMsgBox

jQuery消息盒子NZMsgBox

当前为 2022-08-15 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/449562/1081718/NZMsgBox.js

  1. /*
  2. 原: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Js/NZ-MsgBox.min.js
  3. */
  4.  
  5. (function($) {
  6. $.NZ_MsgBox = {
  7. alert: function(a) {
  8. var b = $.extend({}, o, a);
  9. b.buttons = $.extend({}, o.buttons, a.buttons);
  10. show_MsgBox(b, "alert")
  11. },
  12. confirm: function(a) {
  13. var b = $.extend({}, o, a);
  14. b.buttons = $.extend({}, o.buttons, a.buttons);
  15. show_MsgBox(b, "confirm")
  16. },
  17. prompt: function(a) {
  18. var b = $.extend({}, o, a);
  19. b.type = "";
  20. b.buttons = $.extend({}, o.buttons, a.buttons);
  21. show_MsgBox(b, "prompt")
  22. },
  23. tipsbar: function(a) {
  24. var b = $.extend({}, p, a);
  25. switch (b.location) {
  26. case "top":
  27. b.location = "locationT";
  28. break;
  29. case "right":
  30. b.location = "locationR";
  31. break;
  32. default:
  33. b.location = "locationR";
  34. break
  35. }
  36. show_TipsBar(b)
  37. },
  38. tooltip: function(a) {
  39. var b = $.extend({}, r, a);
  40. return show_ToolTips(b)
  41. },
  42. toast: function(a) {
  43. var b = $.extend({}, q, a);
  44. return show_Toast(b)
  45. }
  46. };
  47.  
  48. function show_MsgBox(b, c) {
  49. var d = CalculateLayer("messagebox");
  50. var e = $("<div class='NZ-MsgBox-bg'></div>");
  51. e.show();
  52. var f = $("<div class=\"NZ-MsgBox-alert\"></div>");
  53. if (d >= 99999) {
  54. e.css({
  55. "z-index": d - 1
  56. });
  57. f.css({
  58. "z-index": d
  59. })
  60. }
  61. var g = $("<div class=\"distop\"></div>");
  62. f.append(g);
  63. var h = $("<div class=\"msgcontainer\"></div>");
  64. f.append(h);
  65. if (c === "confirm") {
  66. var i = b.type !== null && typeof b.type !== "undefined" && b.type !== "none" ? b.type : "question";
  67. b.type = i;
  68. h.append("<div class=\"icon " + i + "\"></div>")
  69. } else if (b.type !== null && typeof b.type !== "undefined" && b.type !== "" && b.type !== "none" && c !== "prompt") {
  70. h.append("<div class=\"icon " + b.type + "\"></div>")
  71. }
  72. if (b.title !== null && b.title !== "") {
  73. h.append("<div class=\"msgtitle\">" + b.title + "</div>")
  74. }
  75. var j = $("<input type=\"text\" class=\"keycon\">");
  76. if (c === "prompt") {
  77. h.append(j)
  78. }
  79. if (b.content !== null && b.content !== "") {
  80. if (c === "prompt") {
  81. j.val(b.content)
  82. } else {
  83. h.append("<div class=\"msgcon\">" + b.content + "</div>")
  84. }
  85. }
  86. var k = $("<div class=\"operatebar\"></div>");
  87. f.append(k);
  88. var l = $("<button type=\"button\">" + b.buttons.confirm.text + "</button>");
  89. var m = $("<button type=\"button\" class=\"cancel\">" + b.buttons.cancel.text + "</button>");
  90. switch (b.type) {
  91. case "success":
  92. l.addClass("success");
  93. break;
  94. case "question":
  95. case "input":
  96. l.addClass("normal");
  97. break;
  98. case "warning":
  99. l.addClass("warning");
  100. break;
  101. case "error":
  102. l.addClass("error");
  103. break;
  104. default:
  105. l.addClass("normal");
  106. h.addClass("typenone");
  107. break
  108. }
  109. switch (c) {
  110. case "alert":
  111. k.append(l);
  112. break;
  113. case "confirm":
  114. case "prompt":
  115. k.append(l).append(m);
  116. l.addClass("beleft");
  117. m.addClass("beright");
  118. break;
  119. default:
  120. k.append(l);
  121. break
  122. }
  123. if ($(".NZ-MsgBox-alert").length > 0) {
  124. var n = setInterval(function() {
  125. if ($(".NZ-MsgBox-alert").length <= 0) {
  126. clearInterval(n);
  127. show()
  128. }
  129. }, 500)
  130. } else {
  131. show()
  132. }
  133.  
  134. function show() {
  135. if (b.aero) {
  136. $(document.body).css("overflow-x", "hidden");
  137. e.addClass("aero")
  138. }
  139. $(document.body).after(e);
  140. $(document.body).after(f);
  141. if (parseInt($(window).width()) < parseInt(f.css("max-wdith"))) {
  142. f.css({
  143. "max-width": (parseInt($(window).width()) - 10) + "px"
  144. })
  145. }
  146. calMainConHeight();
  147. $(window).on("resize.NZ_MSGBOX", function() {
  148. calMainConHeight()
  149. });
  150.  
  151. function calMainConHeight() {
  152. var a = parseInt($(window).height()) - g.outerHeight() - k.outerHeight() - 120;
  153. f.find("div.msgcon").css({
  154. "max-height": a <= 100 ? 100 : a
  155. })
  156. }
  157. e.addClass("NZ-MsgBox--motion NZ-MsgBox-bg--show");
  158. f.show().css({
  159. "left": (parseInt($(window).width()) - parseInt(f.width())) / 2,
  160. "top": (parseInt($(window).height()) - parseInt(f.height())) / 2
  161. }).addClass("NZ-MsgBox--motion NZ-MsgBox-alert--open").on("animationend webkitAnimationEnd", function() {
  162. f.removeClass("NZ-MsgBox-alert--open");
  163. e.mousedown(function() {
  164. f.addClass("NZ-MsgBox--leap");
  165. f.on("animationend.leap webkitAnimationEnd.leap", function() {
  166. $(this).removeClass("NZ-MsgBox--leap");
  167. f.find(m).length > 0 ? m.focus() : l.focus()
  168. })
  169. })
  170. });
  171. f.find("div.icon").addClass("NZ-MsgBox--showicon NZ-MsgBox--motion");
  172. showInit()
  173. }
  174.  
  175. function showInit() {
  176. c === "alert" ? l.focus() : m.focus();
  177. if (b.dragmove) {
  178. g.NZDrag("init", {
  179. bydragobj: f
  180. });
  181. g.css("cursor", "move")
  182. }
  183. if (c === "prompt") {
  184. j.focus();
  185. m.click(function() {
  186. close(null)
  187. });
  188. l.click(function() {
  189. close(j.val())
  190. })
  191. } else {
  192. m.click(function() {
  193. close(false)
  194. });
  195. l.click(function() {
  196. close(true)
  197. })
  198. }
  199. }
  200.  
  201. function close(a) {
  202. f.removeClass("NZ-MsgBox-alert--open").addClass("NZ-MsgBox-alert--close").on("animationend webkitAnimationEnd", function() {
  203. $(document.body).css("overflow-x", "initial");
  204. $(this).remove();
  205. if (typeof b.callback === "function") {
  206. b.callback(a)
  207. }
  208. });
  209. $(document.body).removeClass("NZ-MsgBox-bg--aero");
  210. e.removeClass("NZ-MsgBox-bg--show").addClass("NZ-MsgBox-bg--hide").css({
  211. "animation-delay": ".3s"
  212. }).on("animationend webkitAnimationEnd", function() {
  213. $(this).remove()
  214. })
  215. }
  216. }
  217.  
  218. function show_TipsBar(e) {
  219. var f = $("<div></div>");
  220. if ($(".NZ-TipsBar-Container." + e.location + "." + e.tipsort).length > 0) {
  221. f = $(".NZ-TipsBar-Container." + e.location + "." + e.tipsort)
  222. } else {
  223. f.addClass("NZ-TipsBar-Container " + e.location + " " + e.tipsort).css({
  224. "z-index": CalculateLayer("tips")
  225. });
  226. $(document.body).append(f)
  227. }
  228. var g = $("<div class=\"tipbar-capsule\" style=\"height:0px\"></div>");
  229. var h = $("<div class=\"tipbar\"></div>");
  230. if (e.type !== "" && e.type !== null) {
  231. h.addClass("carrystate " + e.type);
  232. h.append("<i class=\"tipsbar-icon icon-state NZ-TipsBar--motion NZ-MsgBox--showicon\"></i>");
  233. h.children(".tipsbar-icon").on("animationend webkitAnimationEnd", function(a) {
  234. a.stopPropagation()
  235. })
  236. }
  237. if (e.title !== "" && e.title !== null) {
  238. h.append("<div class=\"title NZ-TipsBar--motion NZ-Motion--inlinecon\">" + e.title + "</div>");
  239. h.children(".title").on("animationend webkitAnimationEnd", function(a) {
  240. a.stopPropagation()
  241. })
  242. }
  243. if (e.content !== "" && e.content !== null) {
  244. h.append("<div class=\"con NZ-TipsBar--motion NZ-Motion--inlinecon\" style=\"" + (h.find(".title").length > 0 ? "margin-top:5px" : "") + "\">" + e.content + "</div > ");
  245. h.children(".con").on("animationend webkitAnimationEnd", function(a) {
  246. a.stopPropagation()
  247. }).css({
  248. "animation-delay": ".3s"
  249. })
  250. }
  251. if (e.tipsort === "top" && f.children().length > 0) {
  252. f.children(":eq(0)").before(g)
  253. } else {
  254. f.append(g)
  255. } if (e.closebtn) {
  256. var i = $("<button type=\"button\" class=\"close\"></button>");
  257. h.append(i);
  258. i.click(function() {
  259. close()
  260. })
  261. }
  262. var j = "NZ-TipsBar-show--right",
  263. motiontype_hide = "NZ-TipsBar-hide--right";
  264. if (e.location === "locationT") {
  265. j = "NZ-TipsBar-show--top";
  266. motiontype_hide = "NZ-TipsBar-hide--top"
  267. }
  268. g.append(h);
  269. g.height(h.outerHeight() + 10).on("transitionend webkitTransitionEnd", function() {
  270. $(document.body).css("overflow-x", "hidden")
  271. });
  272. h.addClass("NZ-TipsBar--motion " + j).on("animationend webkitAnimationEnd", function(b) {
  273. g.css({
  274. "height": "auto"
  275. });
  276. $(document.body).css("overflow-x", "initial");
  277. if (e.showtime !== null && typeof e.showtime === "number") {
  278. if (e.processbar) {
  279. var c = $("<div class=\"processbar\"><div></div></div>");
  280. c.children().addClass("NZ-TipsBar--motion NZ-TipsBar--process").css({
  281. "animation-duration": (e.showtime / 1000) + "s"
  282. }).on("animationend webkitAnimationEnd", function(a) {
  283. close();
  284. a.stopPropagation()
  285. });
  286. h.append(c);
  287. h.on({
  288. "mouseover": function() {
  289. c.children().css({
  290. "animation-play-state": "paused"
  291. })
  292. },
  293. "mouseout": function() {
  294. c.children().css({
  295. "animation-play-state": "running"
  296. })
  297. }
  298. })
  299. } else {
  300. var d = setTimeout(function() {
  301. clearTimeout(d);
  302. close()
  303. }, e.showtime)
  304. }
  305. }
  306. b.stopPropagation()
  307. });
  308.  
  309. function close() {
  310. g.css("height", g.outerHeight());
  311. h.removeClass(j).off("animationend webkitAnimationEnd").addClass(motiontype_hide).on("animationend webkitAnimationEnd", function() {
  312. $(this).remove();
  313. g.height("0").off("transitionend webkitTransitionEnd").on("transitionend webkitTransitionEnd", function(a) {
  314. $(this).remove();
  315. if (e.callback !== null && typeof e.callback === "function") {
  316. e.callback()
  317. }
  318. if (f.children().length === 0) {
  319. f.remove()
  320. }
  321. a.stopPropagation()
  322. })
  323. })
  324. }
  325. }
  326.  
  327. function show_Toast(b) {
  328. var c;
  329. var d = (function() {
  330. b.onshowbefore();
  331. c = $("<div>" + b.content + "</div>");
  332. c.addClass("NZ-Toast");
  333. if (b.masklayer) {
  334. $(document.body).append("<div class=\"NZ-Toast-bg\"></div>")
  335. }
  336. if (c.find("img").length > 0) {
  337. try {
  338. c.find("img").load(function() {
  339. showmain()
  340. })
  341. } catch (e) {
  342. showmain()
  343. }
  344. } else {
  345. showmain()
  346. }
  347.  
  348. function showmain() {
  349. $(document.body).append(c);
  350. if (b.location === "center") {
  351. c.addClass("NZ-MsgBox--motion NZ-MsgBox-alert--open").css({
  352. "margin-left": -c.outerWidth() / 2,
  353. "margin-top": -c.outerHeight() / 2
  354. })
  355. } else if (b.location === "top") {
  356. c.addClass("top NZ-MsgBox--motion NZ-Motion--fadeInTop").css({
  357. "margin-left": -c.outerWidth() / 2,
  358. "margin-top": 0
  359. })
  360. }
  361. b.onshow();
  362. if (b.showtime !== null) {
  363. setTimeout(function() {
  364. f()
  365. }, b.showtime)
  366. }
  367. }
  368. }());
  369. var f = function() {
  370. b.onhidebefore();
  371. if (b.location === "center") {
  372. c.removeClass("NZ-MsgBox-alert--open").addClass("NZ-MsgBox-alert--close").on("animationend webkitAnimationEnd", function() {
  373. $(this).remove();
  374. b.onhide()
  375. })
  376. } else if (b.location === "top") {
  377. c.removeClass("NZ-Motion--fadeInTop").addClass("NZ-Motion--fadeOutTop").on("animationend webkitAnimationEnd", function() {
  378. $(this).remove();
  379. b.onhide()
  380. })
  381. }
  382. if (b.masklayer) {
  383. $(".NZ-Toast-bg").remove()
  384. }
  385. };
  386. var g = function(a) {
  387. c.html(a.content);
  388. if (c.find("img").length > 0) {
  389. c.find("img").load(function() {
  390. c.css({
  391. "margin-left": -c.outerWidth() / 2,
  392. "margin-top": -c.outerHeight() / 2
  393. })
  394. })
  395. } else {
  396. c.css({
  397. "margin-left": -c.outerWidth() / 2,
  398. "margin-top": -c.outerHeight() / 2
  399. })
  400. }
  401. };
  402. return {
  403. hide: f,
  404. update: g
  405. }
  406. }
  407.  
  408. function show_ToolTips(c) {
  409. if (c.tiptarget === null) return;
  410. var d = $(c.tiptarget);
  411. var e = $("<div class=\"NZ-Tooltips NZ-MsgBox--motion\"></div>");
  412. d.on(c.show, function() {
  413. $(this).trigger(c.hide);
  414. e = $("<div class=\"NZ-Tooltips NZ-MsgBox--motion\"></div>");
  415. if (c.theme !== "") e.addClass(c.theme);
  416. if (c.contentAttr !== "") {
  417. e.html($(this).attr(c.contentAttr)).append("<div class=\"tip-arrow\"></div>")
  418. } else if (c.content !== "") {
  419. e.html(c.content).append("<div class=\"tip-arrow\"></div>")
  420. } else {
  421. return false
  422. }
  423. e.css({
  424. "z-index": CalculateLayer() + 1
  425. });
  426. $(document.body).append(e);
  427. var a = 25;
  428. var b = {
  429. Top: {
  430. left: $(this).offset().left + $(this).outerWidth() / 2 - e.width() * 0.2 - a / 2,
  431. top: $(this).offset().top - e.outerHeight() - a / 2,
  432. arrow: "",
  433. motion: "NZ-Motion--fadeInTop"
  434. },
  435. Right: {
  436. left: $(this).offset().left + $(this).outerWidth() + a / 2,
  437. top: $(this).offset().top + $(this).outerHeight() / 2 - e.outerHeight() / 2,
  438. arrow: "left",
  439. motion: "NZ-Motion--fadeInRight"
  440. },
  441. Bottom: {
  442. left: $(this).offset().left + $(this).outerWidth() / 2 - e.width() * 0.2 - a / 2,
  443. top: $(this).offset().top + $(this).outerHeight() + a / 2,
  444. arrow: "top",
  445. motion: "NZ-Motion--fadeInDown"
  446. },
  447. Left: {
  448. left: $(this).offset().left - e.outerWidth() - a / 2,
  449. top: $(this).offset().top + $(this).outerHeight() / 2 - e.outerHeight() / 2,
  450. arrow: "right",
  451. motion: "NZ-Motion--fadeInLeft"
  452. }
  453. };
  454. e.mouseenter(function() {
  455. if (parseInt($(this).css("opacity")) > 0.5) {
  456. $(this).css({
  457. "animation-play-state": "paused"
  458. })
  459. }
  460. }).mouseleave(function() {
  461. $(this).css({
  462. "animation-play-state": "running"
  463. })
  464. });
  465. switch (c.location) {
  466. case "auto":
  467. default:
  468. if (b.Top.left > 0 && b.Top.top > 0) {
  469. e.css({
  470. "left": b.Top.left,
  471. "top": b.Top.top
  472. });
  473. e.addClass(b.Top.motion)
  474. } else if (b.Right.left <= $(window).width) {
  475. e.css({
  476. "left": b.Right.left,
  477. "top": b.Right.top
  478. });
  479. e.find(".tip-arrow").addClass(b.Right.arrow).addClass(b.Right.motion)
  480. } else if (b.Left.left > 0) {
  481. e.css({
  482. "left": b.Left.left,
  483. "top": b.Left.top
  484. });
  485. e.find(".tip-arrow").addClass(b.Left.arrow).addClass(b.Left.motion)
  486. } else {
  487. e.css({
  488. "left": b.Bottom.left,
  489. "top": b.Bottom.top
  490. });
  491. e.find(".tip-arrow").addClass(b.Bottom.arrow).addClass(b.Bottom.motion)
  492. }
  493. break;
  494. case "top":
  495. e.css({
  496. "left": b.Top.left,
  497. "top": b.Top.top
  498. }).addClass(b.Top.motion);
  499. break;
  500. case "right":
  501. e.css({
  502. "left": b.Right.left,
  503. "top": b.Right.top
  504. }).addClass(b.Right.motion);
  505. e.find(".tip-arrow").addClass(b.Right.arrow);
  506. break;
  507. case "bottom":
  508. e.css({
  509. "left": b.Bottom.left,
  510. "top": b.Bottom.top
  511. }).addClass(b.Bottom.motion);
  512. e.find(".tip-arrow").addClass(b.Bottom.arrow);
  513. break;
  514. case "left":
  515. e.css({
  516. "left": b.Left.left,
  517. "top": b.Left.top
  518. }).addClass(b.Left.motion);
  519. e.find(".tip-arrow").addClass(b.Left.arrow);
  520. break
  521. }
  522. }).on(c.hide, function() {
  523. let target_motion = "";
  524. if (e.find(".tip-arrow").hasClass("left")) {
  525. target_motion = "NZ-Motion--fadeInRight"
  526. } else if (e.find(".tip-arrow").hasClass("top")) {
  527. target_motion = "NZ-Motion--fadeInDown"
  528. } else if (e.find(".tip-arrow").hasClass("right")) {
  529. target_motion = "NZ-Motion--fadeInLeft"
  530. } else {
  531. target_motion = "NZ-Motion--fadeInTop"
  532. }
  533. e.removeClass(target_motion).addClass(target_motion.replace("In", "Out")).on("animationend webkitAnimationEnd", function() {
  534. $(this).remove()
  535. })
  536. })
  537. }
  538. var o = {
  539. title: "",
  540. content: "",
  541. type: "none",
  542. aero: true,
  543. dragmove: true,
  544. inputMode: "text",
  545. buttons: {
  546. confirm: {
  547. text: "确定"
  548. },
  549. cancel: {
  550. text: "取消"
  551. }
  552. },
  553. callback: function(a) {}
  554. };
  555. var p = {
  556. title: "",
  557. content: "",
  558. location: "right",
  559. tipsort: "top",
  560. type: "",
  561. showtime: null,
  562. closebtn: true,
  563. processbar: true,
  564. callback: null
  565. };
  566. var q = {
  567. onshowbefore: function() {},
  568. onshow: function() {},
  569. onhidebefore: function() {},
  570. onhide: function() {},
  571. content: null,
  572. location: "center",
  573. masklayer: false,
  574. showtime: null
  575. };
  576. var r = {
  577. tiptarget: null,
  578. content: "",
  579. contentAttr: "",
  580. location: "auto",
  581. show: "mouseenter",
  582. hide: "mouseleave",
  583. theme: ""
  584. };
  585.  
  586. function CalculateLayer(a) {
  587. let layerindex = 0;
  588. switch (a) {
  589. case "messagebox":
  590. break;
  591. case "news":
  592. if ($(".NZ-MsgBox-alert").length > 0) {
  593. layerindex = parseFloat($(".NZ-MsgBox-alert").css("z-index")) - 3
  594. }
  595. break;
  596. case "tips":
  597. if ($(".NZ-TipsBar-Container").length > 0) {
  598. layerindex = parseFloat($(".NZ-TipsBar-Container").css("z-index")) + 1
  599. }
  600. break;
  601. default:
  602. }
  603. if (layerindex <= 0) {
  604. layerindex = Math.max.apply(null, $.map($('body *'), function(e, n) {
  605. if ($(e).css('position') != 'static') return parseInt($(e).css('z-index')) || -1
  606. }));
  607. if (layerindex <= 0 || layerindex == "auto") {
  608. layerindex = 9999
  609. }
  610. }
  611. return layerindex
  612. }
  613. })(typeof jQuery=="undefined" ? $jq: jQuery);
  614.  
  615. /*
  616. 原: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Js/NZ-Drag.min.js
  617. */
  618.  
  619. (function($) {
  620. $(function() {
  621. $(document.body).append($("<style>.NZ-Drag{-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none}</style>"))
  622. });
  623. var j = {
  624. init: function(a, b) {
  625. var c = $(this);
  626. var d = {
  627. bydragobj: c,
  628. isTransparent: true
  629. };
  630. var f = $.extend({}, $.fn.NZDrag.defaultparam, b);
  631. f = $.extend({}, d, f);
  632. var g = false;
  633. var h, divY;
  634. var i = 0,
  635. topUpper = 0,
  636. rightUpper = 0,
  637. bottomUpper = 0;
  638. c.bind({
  639. "click.NZDrag": function(e) {},
  640. "mousedown.NZDrag": function(e) {
  641. g = true;
  642. f = $.extend({}, $.fn.NZDrag.defaultparam, b);
  643. f = $.extend({}, d, f);
  644. switch (f.bydragobj.css("position")) {
  645. case "absolute":
  646. default:
  647. i = f.upper.left === null || typeof f.upper.left === "undefined" ? -f.bydragobj.outerWidth() / 2 : f.upper.left;
  648. topUpper = f.upper.top === null || typeof f.upper.top === "undefined" ? 0 : f.upper.top;
  649. rightUpper = f.upper.right === null || typeof f.upper.right === "undefined" ? (document.body.scrollWidth + f.bydragobj.outerWidth() / 2) : f.upper.right;
  650. bottomUpper = f.upper.bottom === null || typeof f.upper.bottom === "undefined" ? (document.body.scrollHeight - f.bydragobj.outerHeight() / 2) : f.upper.bottom;
  651. break;
  652. case "fixed":
  653. i = f.upper.left === null || typeof f.upper.left === "undefined" ? -f.bydragobj.outerWidth() / 2 : f.upper.left;
  654. topUpper = f.upper.top === null || typeof f.upper.top === "undefined" ? 0 : f.upper.top;
  655. rightUpper = f.upper.right === null || typeof f.upper.right === "undefined" ? ($(window).width() - f.bydragobj.outerWidth() / 2) : f.upper.right;
  656. bottomUpper = f.upper.bottom === null || typeof f.upper.bottom === "undefined" ? ($(window).height() - f.bydragobj.outerHeight() / 2) : f.upper.bottom;
  657. break
  658. }
  659. h = e.pageX - parseInt(f.bydragobj.css("left") == "auto" ? 0 : f.bydragobj.css("left"));
  660. divY = e.pageY - parseInt(f.bydragobj.css("top") == "auto" ? 0 : f.bydragobj.css("top"));
  661. if (f.isTransparent) {
  662. f.bydragobj.fadeTo(20, 0.5)
  663. }
  664. if (f.bydragobj.find("iframe").length > 0) {
  665. f.bydragobj.find("iframe").hide()
  666. }
  667. $(document.body).attr('unselectable', 'on').addClass("NZ-Drag");
  668. $(document).bind({
  669. "mousemove.NZDrag": function(e) {
  670. if (g) {
  671. f.bydragobj.css({
  672. left: (e.pageX - h) <= i ? i : ((e.pageX - h) >= rightUpper) ? rightUpper : e.pageX - h,
  673. top: (e.pageY - divY) <= topUpper ? topUpper : ((e.pageY - divY) >= bottomUpper ? bottomUpper : (e.pageY - divY))
  674. })
  675. }
  676. },
  677. "mouseup.NZDrag": function(e) {
  678. f.bydragobj.find("iframe").show();
  679. g = false;
  680. f.bydragobj.fadeTo("fast", 1);
  681. $(document).unbind("mousemove.NZDrag mouseup.NZDrag selectstart.NZDrag");
  682. $(document.body).removeClass("NZ-Drag").removeAttr("unselectable");
  683. $("#isfloat").html($(document.body).css("user-select"))
  684. },
  685. "selectstart.NZDrag": function(e) {
  686. return false
  687. }
  688. });
  689. e.preventDefault();
  690. stopBubble(e)
  691. }
  692. })
  693. },
  694. destroy: function() {
  695. $(this).unbind("click.NZDrag").unbind("mousedown.NZDrag")
  696. }
  697. };
  698. $.fn.NZDrag = function(a, b) {
  699. if (j[a]) {
  700. return j[a].apply(this, arguments)
  701. } else if (typeof j === 'object' || !a) {
  702. return j.show.apply(this, arguments)
  703. }
  704. };
  705. $.fn.NZDrag.defaultparam = {
  706. upper: {
  707. left: null,
  708. right: null,
  709. top: null,
  710. bottom: null
  711. }
  712. };
  713.  
  714. function stopBubble(e) {
  715. if (e && e.stopPropagation) {
  716. e.stopPropagation()
  717. } else {
  718. window.event.cancelBubble = true
  719. }
  720. }
  721. })(typeof jQuery=="undefined" ? $jq: jQuery);
  722.  
  723. /*
  724. 此处加入css: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Css/NZ-MsgBox.min.css
  725. */
  726.  
  727. (function(){
  728. let cssNode = document.createElement("style");
  729. let cssResource= `@font-face {
  730. font-family:'Roboto-Medium';
  731. src:url('../Fonts/Roboto-Medium.ttf') format('truetype');
  732. font-display:swap
  733. }
  734. .NZ-MsgBox-bg {
  735. position:fixed;
  736. left:0;
  737. right:0;
  738. top:0;
  739. bottom:0;
  740. z-index:99998;
  741. background-color:rgba(245,245,245,.55)
  742. }
  743. .NZ-MsgBox-bg.aero {
  744. backdrop-filter:saturate(.5) blur(3px)!important
  745. }
  746. .NZ-MsgBox-bg--aero {
  747. filter:url(blur.svg#blur);
  748. -webkit-filter:blur(3px);
  749. -moz-filter:blur(3px);
  750. -ms-filter:blur(3px);
  751. filter:blur(3px);
  752. filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=false)
  753. }
  754. .NZ-MsgBox-alert {
  755. position:fixed;
  756. left:0;
  757. top:0;
  758. z-index:99999;
  759. min-width:350px;
  760. max-width:500px;
  761. border-radius:5px;
  762. background-color:#fff;
  763. box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);
  764. box-sizing:initial
  765. }
  766. .NZ-MsgBox-alert .distop {
  767. height:30px;
  768. border-radius:0;
  769. border-top-left-radius:5px;
  770. border-top-right-radius:5px;
  771. background:#fff
  772. }
  773. .NZ-MsgBox-alert .msgcontainer {
  774. position:relative;
  775. padding:13px 30px 40px 105px;
  776. font-family:Roboto-Medium,'Noto Sans CJK DemiLight','Microsoft YaHei UI',Arial,Helvetica,sans-serif;
  777. color:#6c6c6c
  778. }
  779. .NZ-MsgBox-alert .msgcontainer.typenone {
  780. padding-left:30px
  781. }
  782. .NZ-MsgBox-alert .msgcontainer .msgtitle {
  783. font-size:18px;
  784. font-weight:600;
  785. text-align:left
  786. }
  787. .NZ-MsgBox-alert .msgcontainer .msgcon {
  788. overflow-y:auto;
  789. max-height:400px;
  790. margin-top:10px;
  791. line-height:normal;
  792. font-size:16px;
  793. font-weight:400;
  794. text-align:left
  795. }
  796. .NZ-MsgBox-alert .msgcontainer input.keycon {
  797. margin-top:10px;
  798. width:100%;
  799. height:35px;
  800. line-height:35px;
  801. outline:0;
  802. border:0;
  803. border-bottom:1px solid #ccc;
  804. font-size:15px;
  805. font-weight:400;
  806. text-align:left;
  807. text-indent:2px;
  808. color:#6c6c6c;
  809. transition:all .3s
  810. }
  811. .NZ-MsgBox-alert .msgcontainer input.keycon:focus {
  812. border-bottom:1px solid #0c99eb;
  813. transition:all .3s
  814. }
  815. .NZ-MsgBox-alert .msgcontainer .icon {
  816. position:absolute;
  817. left:20px;
  818. top:8px;
  819. z-index:1000;
  820. width:64px;
  821. height:64px;
  822. opacity:0;
  823. background-image:url(data:image/png;
  824. base64,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);
  825. background-repeat:no-repeat
  826. }
  827. .NZ-MsgBox-alert .msgcontainer .icon.success {
  828. background-position:0 0
  829. }
  830. .NZ-MsgBox-alert .msgcontainer .icon.question {
  831. background-position:0 -64px
  832. }
  833. .NZ-MsgBox-alert .msgcontainer .icon.warning {
  834. background-position:0 -192px
  835. }
  836. .NZ-MsgBox-alert .msgcontainer .icon.error {
  837. background-position:0 -128px
  838. }
  839. .NZ-MsgBox-alert .msgcontainer .icon.input {
  840. background-position:0 -256px
  841. }
  842. .NZ-MsgBox-alert .operatebar {
  843. display:flex
  844. }
  845. .NZ-MsgBox-alert .operatebar button {
  846. padding:14px 0;
  847. border:0;
  848. border-radius:0;
  849. border-bottom-left-radius:5px;
  850. border-bottom-right-radius:5px;
  851. color:#fff;
  852. font-size:1.1em;
  853. text-align:center;
  854. flex:1;
  855. -ms-flex:1;
  856. -webkit-flex:1;
  857. transition:all .5s ease-in;
  858. outline:0;
  859. -webkit-user-select:none;
  860. user-select:none
  861. }
  862. .NZ-MsgBox-alert .operatebar button:hover {
  863. transition:all .5s ease-out
  864. }
  865. .NZ-MsgBox-alert .operatebar button.success {
  866. background:rgba(96,191,128,1)
  867. }
  868. .NZ-MsgBox-alert .operatebar button.success:hover {
  869. background:rgba(96,191,128,0.8)
  870. }
  871. .NZ-MsgBox-alert .operatebar button.warning {
  872. background:rgba(242,159,69,1)
  873. }
  874. .NZ-MsgBox-alert .operatebar button.warning:hover {
  875. background:rgba(242,159,69,0.8)
  876. }
  877. .NZ-MsgBox-alert .operatebar button.error {
  878. background:rgba(239,83,80,1)
  879. }
  880. .NZ-MsgBox-alert .operatebar button.error:hover {
  881. background:rgba(239,83,80,0.8)
  882. }
  883. .NZ-MsgBox-alert .operatebar button.cancel {
  884. color:rgba(102,102,102,1);
  885. background:rgba(228,228,228,1)
  886. }
  887. .NZ-MsgBox-alert .operatebar button.cancel:hover {
  888. background:rgba(238,238,238,0.8)
  889. }
  890. .NZ-MsgBox-alert .operatebar button.normal {
  891. background:rgba(30,144,255,1)
  892. }
  893. .NZ-MsgBox-alert .operatebar button.normal:hover {
  894. background:rgba(30,144,255,0.8)
  895. }
  896. .NZ-MsgBox-alert .operatebar button.beleft {
  897. border-bottom-right-radius:0
  898. }
  899. .NZ-MsgBox-alert .operatebar button.beright {
  900. border-bottom-left-radius:0
  901. }
  902. .NZ-TipsBar-Container {
  903. position:fixed;
  904. display:flex;
  905. height:auto;
  906. padding:10px;
  907. font-family:Roboto-Light,'Noto Sans CJK Light';
  908. background-color:transparent;
  909. pointer-events:none;
  910. flex-direction:column;
  911. transition:all .5s
  912. }
  913. .NZ-TipsBar-Container.locationR {
  914. right:0
  915. }
  916. .NZ-TipsBar-Container.locationT {
  917. top:0;
  918. left:25%;
  919. right:25%;
  920. width:50%
  921. }
  922. .NZ-TipsBar-Container.top {
  923. top:0;
  924. bottom:auto
  925. }
  926. .NZ-TipsBar-Container.bottom {
  927. bottom:10px;
  928. top:auto
  929. }
  930. .NZ-TipsBar-Container .tipbar-capsule {
  931. height:auto;
  932. max-height:1000px;
  933. width:100%;
  934. font-size:0;
  935. transform:translateZ(0);
  936. backface-visibility:hidden;
  937. transition:all .5s cubic-bezier(.25,.8,.25,1)
  938. }
  939. .NZ-TipsBar-Container .tipbar {
  940. position:relative;
  941. overflow:hidden;
  942. width:auto;
  943. min-width:280px;
  944. padding:15px;
  945. margin:5px 0;
  946. border-radius:3px;
  947. font-size:14px;
  948. color:rgba(117,117,117,1);
  949. background-color:rgba(238,238,238,.95);
  950. box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);
  951. pointer-events:all;
  952. backface-visibility:hidden
  953. }
  954. .NZ-TipsBar-Container.locationT .tipbar {
  955. flex:1;
  956. -webkit-flex:1
  957. }
  958. .NZ-TipsBar-Container .tipbar.carrystate {
  959. padding-left:60px;
  960. border:0
  961. }
  962. .NZ-TipsBar-Container .tipbar.success {
  963. background-color:rgba(180,241,196,.95);
  964. color:rgba(124,179,66,1)
  965. }
  966. .NZ-TipsBar-Container .tipbar.success .icon-state {
  967. width:24px;
  968. height:24px;
  969. background:url(data:image/png;
  970. base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAItAAACLQHlZp/kAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAD9QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxQXeHgAAABR0Uk5TAAMGCCAhIiNVV1lboaTb4OHi4/zOYgETAAAAuklEQVRYhe2VyxbCIAxEg+K7FZX8/7e6EFqPp6VhZuEms793EZJBxOP5d3YkH+9njk+aLxyvmq8crzqQ/Bicd975OXuSv6UTx2d9GQwtXg2G9fkNqgZDY/5hNBia71cMzyPIGwyb+7NhMOxf02Da34bBuP/F8DiA/Kqh4/4WDV33u2DovP9qiCA/GVIE+R8D1F9fBrD/JgPcn9WA928xEP09G9D+rwb4/ygGnP8YGF4kjBwvEkje4+nMG2DWH9EwoSnuAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  971. background-size:85%
  972. }
  973. .NZ-TipsBar-Container .tipbar.warning {
  974. color:rgba(251,140,0,1);
  975. background-color:rgba(255,236,179,.95)
  976. }
  977. .NZ-TipsBar-Container .tipbar.warning .icon-state {
  978. width:24px;
  979. height:24px;
  980. background:url(data:image/png;
  981. base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMzQ3Q0M5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMzQ3Q0I5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDFkYzY3NDUtMmQ0Zi1kMjQ3LTg3M2UtNmI5ODY4MzU1NDViIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pK1ECgAABPFJREFUeNrsW0lrFEEUrqqeRB0j0QQiRiJojDsYXIIbLnhQEBdQBC9uFw+JeBAUQfSiqH/C5SfoVVRQXPAgKCoal6BoXNBoMIjo2OX3pkudJD2dmpmq7p6e+aBmmunprldfffXq1etqLqVkUYPz1B76ljJzLnJboiaEcz6aM9GdJYS5M2DPjyjtEZHLg4lOfLR4JXtcuQqBOuqhjpc4bFA/9UEl02BTf0UqRDBxOIcMQoP6rfIUAnU0Qx3PcJgecuo7VNIGu3orSiFQwnEfMghpda5yFAJ1zIA6HuEwlecvGahkLmzrTjwhIEOAjAc4nDvCX8nBtsK+rwkfMs4uDTL+OthDiVZIThDWonkJOdjpsPFdQhXyLwjTBTnYY4lUiE8QpgtysLNh5/NEKcQnCNNFCteeSJRCAoIwXcBKdxFsvZcIhQQEYfqcMn4qEQrRCML0ZcLEWil/XS1rhaBnT5ogw7uXPF3WQwbq6MDnNnN3lIs5T20t2yEjuIC8+Zr/kneLVMagfnuq1jm/y0ohnNesyyXDIGYi/N9TVgrhBCZoimwf7BSNKITwVoX0P8pEIc6OoWT8bVgxxQeTYfp+K6aTQkwWoAaNeIEiNQoWbc5OXDMRZQKOt9DiT/PaPqrLuP3mCRH7NRv0AX9u8iE0jXMPde5BdcWaEKCOGqrZmH3575NaXQCpdSbbYNiHiIPU63r/da8ELHBv4+OXxk2aVJ3xm2UwrzSR76Ae0wvD3TFBs4TgznvlW0bCgEo1fozVLIMF3FFdMgyjTtUdH4VAHVOhjic4rNVfqBlTCOEn7jcL9+uJhUJUAqeWRYdaU0kkYUAd7dDYDhYxyAayJXpCvMQNZ9HDSBJJlGZBDRZvfD2LDfh6z6aoCAkhYRO2TaJ4dVCiRnaw2EF2lJJEEsWRwVPoiZMspiDbyMYQFeLs9RI1scVMZaP9wAzMp9UzlubSpkmjgZkfetXGm++WFSIOlEpGSGhWttpTCNTRoJ7P1pceSFlXCKFfbeLrs6IQhMdHTJChMDHIaeNrvIE66pXN5ocMjGyBlrrMKdpZGXByIcooQyF9F9muf4F2Jkmc1cxi6ZZXqH6cT9bN4cy5Y7Iust1oChGYgxtnDBNC5THuvYp5jzpJrQtAxk0L9WSoDTpt1XKqgouLGDSbLM4I5FzpSdxYixHsJVe6m0ueZTD+loHhmywBwIyzHO29VZJThYTPsIRApy1ihAXcRvC6giUGcoXXpiKGjNpgex+H8yxa+A21n2DMpU0wP9E/yzljxw0EZEF4iKEzH+12C5p2aYOtBW+fW76gklafGa0R53ps1k1tK2japaCI4gS7RonOgM7YYLkzKAYaVcCTu+wG2yl2x7N7Of+539fUNGwLU/K9vTXMh6gNtvQErtHyFNiCut/kT0CJAVPhex58Vk/8+gNnGbXhvtG+x3eWBJxst0xG1lf5vVwwSCHomUnoGdpCnbZPCHupvP3AEHXQWuYGNLQ0BBuGvVwghqjjWEhkEKaB/LsgYFV2iNA0zzmtZa6HRAZh2MsF/xQCY9rUYivFwkcIa5m8oJcLaOH3bJBChJdui4IMwuiIyCCkRE6qMasQKBZBmDzPKhhgYbeUmQtcBWHd9uOO2OM1vWrvUGYarGxnVdRjwHyhDbafwok7ygKfubeuqEI7Y1ZpEFUKqoRUCSkEfwQYALtKyHv0Xn99AAAAAElFTkSuQmCC) no-repeat 50% 50%;
  982. background-size:85%
  983. }
  984. .NZ-TipsBar-Container .tipbar.error {
  985. color:rgba(244,81,30,1);
  986. background-color:rgba(255,204,188,.95)
  987. }
  988. .NZ-TipsBar-Container .tipbar.error .icon-state {
  989. width:24px;
  990. height:24px;
  991. background:url(data:image/png;
  992. base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAORQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEmT/QAAAEt0Uk5TAAEDBQYLEBUYGxwyNTZAQkVGTVRVVldYWVpiY2Rpa3BydX+Bh4qPmZuio6SoqbCys7a6u76/wsPExcrNztLY293e4+bx8vX3+/3+EVs5KAAAAsdJREFUWMOtl2l76UAUgE8oUarUVlpqqa3XUtSulBRF/v//qZs5kwySmPPcO1+SzJk3yZx9AByGL5avNPqLzWbRb1TyMR+Qhvr0/qOfjJ/3J1WWvsmN9rrN2A9zNxK4klnpjmOVUa7xD5+66/h8cMVvP/Sr4+PWmb/7FlfuVuNWtVgo19vzgzj/fefEPwqaXzfTfsEqyZomWOTRXnuv1pJu1Hsu9iQmlvzVRpfKH1M8i9j/YbhnLnm7fIP5fc3FVNk1X1W62D+XDF0dLjjAZYf4mf65/mpeVzsHv/iHtqET+6P9di8gyR+3GhAE3H8IvK53BP/l/0/hdf3etCD6/1By/1+oySk3VwY3pUrywSBaM4Xxj/GbkeWP/sBulyw/5ND/FGkeAH0yZ8hG7CFC4CHMnkZGpLH81aXwACyy9n/V9sxEURIPCTbxfLztsPj3knjwaNyZfCwKmjQeoMZyiw9iTJgm8pBkkzHIsyjyE3lQWZ7MQ4UlfCoPMDemK9AwrmMyD21jvgF949oi81A3BH1YGNcqmYeyIVnAxrgWyTwUDNEGX1Ag81DEF7AtlMk8VHELTIl1Mg8tVCIzY5vMwxjNyBxpTuZhhY7EXPmgUnn/Dl0ZgylJ5CHNgwnDuUbkocnDGROK5qHx3rVZnTClJUg8RK2Uhkl1QuKhayVVntbDFD4ipHVeWHoEXpmJhYWXtqw0z6spljb+uA7K8qp2UlzN8j6Q5L3Ds/JuNhhyPJYEocGwWhwp/uWyxTGbLCl+Z9NkWW3e1f3XbNs8odEcuL5AHTo0mkKru866nGY0x1YXlDdTC72wg//O3JptUErWsWKS8FxsPto1xYeSfT8V3wqNbC0pZDl/urm2ZNu40x5DmugPh3m7Xi4Uq63xaifOayFnJQc61w9dnYCrne+n7vj0/urBM7V0xpepqwfPfz/6/ofDN+34/wtfWqtteombTwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  993. background-size:85%
  994. }
  995. .NZ-TipsBar-Container .tipbar.info {
  996. color:rgba(0,172,193,1);
  997. background-color:rgba(178,235,242,.95)
  998. }
  999. .NZ-TipsBar-Container .tipbar.info .icon-state {
  1000. width:24px;
  1001. height:24px;
  1002. background:url(data:image/png;
  1003. base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAL1QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAguN3MAAAAD50Uk5TAAECAwQJChATFBsiJigpKiswMTY5SExdYmZocHF3gIWLkZSdn6Gpqqyws7y9wMrNz9DU5OXm7O/09/r7/P576NJaAAABQUlEQVRYw+3X507DQBBGUadAeu+k917s9GQz7/9YoASDQzy7swMSCPn+zncU70qWbBiysuPNZpw12JVO8NapxN3HDnDtEGMCTXivyQRmNjBjAqYNmL8CRCpTYQNiWolozhODM9x1HiQ05tGegIdEL0rdF3fg2q5ImvtbF0C6tPzqva8Lkro+JdAGaW3VvgaKavJ98qgCjknZPrAAZYuABCgDobLkBiwKYOE3UQBSBRQY0YAReoR7GrDHjjEHxHIIUKcCdQToUIEOAgypwBAB5lRgjgArKrBSvYVVmR7gAR7w3wGLClju+waQa3xz7ypo7V0Ezf2DoL3/IjD2d0IaWKU/gAwPyPwcEH5hFTb+eHHnv40zgLzzvPIM4Nnx1SKeOM/Q/wT6rEMIre39OsQ7xtTytl+muBcRrE6220k1KPvNK+p25cd3vT+OAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  1004. background-size:85%
  1005. }
  1006. .NZ-TipsBar-Container .tipbar .tipsbar-icon {
  1007. position:absolute;
  1008. display:table;
  1009. left:16px;
  1010. top:50%;
  1011. line-height:24px;
  1012. margin-top:-12px;
  1013. font-size:35px;
  1014. color:#000;
  1015. opacity:0
  1016. }
  1017. .NZ-TipsBar-Container .tipbar .title {
  1018. font-weight:600;
  1019. color:rgba(80,80,80,1);
  1020. text-align:left!important;
  1021. opacity:0
  1022. }
  1023. .NZ-TipsBar-Container .tipbar .con {
  1024. overflow:hidden;
  1025. max-height:80px;
  1026. max-width:300px;
  1027. font-weight:400;
  1028. text-overflow:ellipsis;
  1029. text-align:left!important;
  1030. opacity:0
  1031. }
  1032. .NZ-TipsBar-Container.locationT .tipbar .con {
  1033. max-height:100px;
  1034. max-width:550px
  1035. }
  1036. .NZ-TipsBar-Container .tipbar .close {
  1037. position:absolute;
  1038. right:0;
  1039. top:0;
  1040. width:25px;
  1041. height:25px;
  1042. padding:0;
  1043. border:0;
  1044. background:url(data:image/png;
  1045. base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  1046. background-size:8px;
  1047. opacity:.6;
  1048. cursor:pointer;
  1049. outline:0
  1050. }
  1051. .NZ-TipsBar-Container .processbar {
  1052. position:absolute;
  1053. left:0;
  1054. bottom:0;
  1055. z-index:1;
  1056. width:100%;
  1057. background:rgba(255,255,255,.2)
  1058. }
  1059. .NZ-TipsBar-Container .processbar>div {
  1060. height:2px;
  1061. width:100%;
  1062. background:rgba(0,0,0,.2);
  1063. border-radius:0 0 3px 3px
  1064. }
  1065. .NZ-Toast-bg {
  1066. position:fixed;
  1067. left:0;
  1068. right:0;
  1069. top:0;
  1070. bottom:0;
  1071. z-index:99998
  1072. }
  1073. .NZ-Toast {
  1074. position:fixed;
  1075. left:50%;
  1076. top:50%;
  1077. z-index:99999;
  1078. padding:22px 32px 19px 32px;
  1079. border-radius:.5em;
  1080. text-align:center;
  1081. font-size:1em;
  1082. color:#efefef;
  1083. background-color:rgba(10,10,10,.7);
  1084. user-select:none
  1085. }
  1086. .NZ-Toast.top {
  1087. top:20px
  1088. }
  1089. .NZ-Tooltips {
  1090. position:absolute;
  1091. left:0;
  1092. top:0;
  1093. max-width:300px;
  1094. max-height:200px;
  1095. padding:13px;
  1096. border-radius:2px;
  1097. font-size:14px;
  1098. color:#4e4e4e;
  1099. background-color:#fff;
  1100. box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)
  1101. }
  1102. .NZ-Tooltips .tip-arrow {
  1103. position:absolute;
  1104. top:100%;
  1105. left:25%;
  1106. width:50px;
  1107. height:12.5px;
  1108. transform:translateX(-50%);
  1109. overflow:hidden
  1110. }
  1111. .NZ-Tooltips .tip-arrow::after {
  1112. content:"";
  1113. position:absolute;
  1114. top:0;
  1115. left:50%;
  1116. width:12px;
  1117. height:12px;
  1118. background:#fff;
  1119. transform:translateX(-50%) translateY(-50%) rotate(45deg);
  1120. box-shadow:0 1px 7px rgba(0,0,0,0.24),0 1px 7px rgba(0,0,0,0.12)
  1121. }
  1122. .NZ-Tooltips .tip-arrow.left {
  1123. top:50%;
  1124. left:-12.5px;
  1125. width:12.5px;
  1126. height:50px;
  1127. transform:translateY(-50%)
  1128. }
  1129. .NZ-Tooltips .tip-arrow.left::after {
  1130. content:"";
  1131. position:absolute;
  1132. top:50%;
  1133. left:100%
  1134. }
  1135. .NZ-Tooltips .tip-arrow.right {
  1136. top:50%;
  1137. left:auto;
  1138. right:-12.5px;
  1139. width:12.5px;
  1140. height:50px;
  1141. transform:translateY(-50%)
  1142. }
  1143. .NZ-Tooltips .tip-arrow.right::after {
  1144. content:"";
  1145. position:absolute;
  1146. top:50%;
  1147. left:0
  1148. }
  1149. .NZ-Tooltips .tip-arrow.top {
  1150. top:-12.5px;
  1151. left:25%;
  1152. transform:translateX(-50%)
  1153. }
  1154. .NZ-Tooltips .tip-arrow.top::after {
  1155. content:"";
  1156. position:absolute;
  1157. top:100%;
  1158. left:50%
  1159. }
  1160. .NZ-Tooltips.lightyellow {
  1161. border:2px solid #f1d031;
  1162. background-color:#ffffa3;
  1163. box-shadow:none
  1164. }
  1165. .NZ-Tooltips.lightyellow .tip-arrow::after {
  1166. border:2px solid #f1d031;
  1167. background:#ffffa3;
  1168. box-shadow:none
  1169. }
  1170. .NZ-Tooltips.green {
  1171. border:2px solid #90d93f;
  1172. background-color:#caed9e;
  1173. box-shadow:none
  1174. }
  1175. .NZ-Tooltips.green .tip-arrow::after {
  1176. border:2px solid #90d93f;
  1177. background:#caed9e;
  1178. box-shadow:none
  1179. }
  1180. .NZ-Tooltips.blue {
  1181. border:2px solid #add9ed;
  1182. background-color:#e5f6fe;
  1183. box-shadow:none
  1184. }
  1185. .NZ-Tooltips.blue .tip-arrow::after {
  1186. border:2px solid #add9ed;
  1187. background:#e5f6fe;
  1188. box-shadow:none
  1189. }
  1190. .NZ-Tooltips.red {
  1191. border:2px solid #d95252;
  1192. background-color:#f78b83;
  1193. box-shadow:none
  1194. }
  1195. .NZ-Tooltips.red .tip-arrow::after {
  1196. border:2px solid #d95252;
  1197. background:#f78b83;
  1198. box-shadow:none
  1199. }
  1200. .NZ-Tooltips.dark {
  1201. border:2px solid #303030;
  1202. background-color:#505050;
  1203. color:#efeeee;
  1204. box-shadow:none
  1205. }
  1206. .NZ-Tooltips.dark .tip-arrow::after {
  1207. border:2px solid #303030;
  1208. background:#505050;
  1209. box-shadow:none
  1210. }
  1211. .NZ-MsgBox--motion {
  1212. -webkit-animation-duration:.25s;
  1213. animation-duration:.25s;
  1214. -webkit-animation-fill-mode:forwards;
  1215. animation-fill-mode:forwards
  1216. }
  1217. .NZ-MsgBox-alert--open {
  1218. -webkit-animation-name:anim-open;
  1219. animation-name:anim-open;
  1220. animation-timing-function:cubic-bezier(.49,.49,.13,1.3)
  1221. }
  1222. .NZ-MsgBox-alert--close {
  1223. -webkit-animation-name:anim-close;
  1224. animation-name:anim-close;
  1225. animation-timing-function:cubic-bezier(.32,.37,.06,.87)
  1226. }
  1227. .NZ-MsgBox-bg--show {
  1228. -webkit-animation-name:MsgBox-Bg-show;
  1229. animation-name:MsgBox-Bg-show;
  1230. animation-timing-function:linear
  1231. }
  1232. .NZ-MsgBox-bg--hide {
  1233. -webkit-animation-name:MsgBox-Bg-hide;
  1234. animation-name:MsgBox-Bg-hide;
  1235. animation-timing-function:linear
  1236. }
  1237. .NZ-MsgBox--leap {
  1238. animation:MsgBox-leap;
  1239. animation-duration:.15s;
  1240. animation-timing-function:linear;
  1241. -webkit-animation:MsgBox-leap;
  1242. -webkit-animation-duration:.15s;
  1243. -webkit-animation-timing-function:linear
  1244. }
  1245. .NZ-MsgBox--showicon {
  1246. animation-name:MsgBox-showicon;
  1247. animation-duration:.2s;
  1248. animation-delay:.2s;
  1249. animation-timing-function:cubic-bezier(1,.08,.59,1.76)
  1250. }
  1251. .NZ-TipsBar--motion {
  1252. -webkit-animation-duration:.4s;
  1253. animation-duration:.4s;
  1254. -webkit-animation-fill-mode:forwards;
  1255. animation-fill-mode:forwards
  1256. }
  1257. .NZ-TipsBar-show--right {
  1258. animation-name:TipsBar-show--right;
  1259. animation-timing-function:cubic-bezier(.17,.67,.19,1.06)
  1260. }
  1261. .NZ-TipsBar-hide--right {
  1262. animation-name:TipsBar-hide--right;
  1263. animation-timing-function:cubic-bezier(.05,.01,0,1)
  1264. }
  1265. .NZ-TipsBar-show--top {
  1266. -webkit-backface-visibility:visible!important;
  1267. backface-visibility:visible!important;
  1268. -webkit-animation-name:TipsBar-show--top;
  1269. animation-name:TipsBar-show--top;
  1270. animation-duration:.9s;
  1271. animation-timing-function:cubic-bezier(.35,0,.25,1)
  1272. }
  1273. .NZ-TipsBar-hide--top {
  1274. -webkit-animation-name:TipsBar-hide--top;
  1275. animation-name:TipsBar-hide--top;
  1276. -webkit-backface-visibility:visible!important;
  1277. backface-visibility:visible!important;
  1278. animation-duration:.7s;
  1279. animation-timing-function:cubic-bezier(.4,.45,.15,.91)
  1280. }
  1281. .NZ-TipsBar--process {
  1282. animation-name:TipsBar-Process;
  1283. animation-timing-function:linear
  1284. }
  1285. .NZ-Motion--inlinecon {
  1286. animation-name:NZ-Motion--inlinecon;
  1287. animation-delay:.2s
  1288. }
  1289. @-webkit-keyframes anim-open {
  1290. 0% {
  1291. opacity:0;
  1292. -webkit-transform:scale3d(0.8,0.8,1)
  1293. }
  1294. 100% {
  1295. opacity:1;
  1296. -webkit-transform:scale3d(1,1,1)
  1297. }
  1298. }@keyframes anim-open {
  1299. 0% {
  1300. opacity:0;
  1301. -webkit-transform:scale3d(0.8,0.8,1);
  1302. transform:scale3d(0.7,0.7,1)
  1303. }
  1304. 100% {
  1305. opacity:1;
  1306. -webkit-transform:scale3d(1,1,1);
  1307. transform:scale3d(1,1,1)
  1308. }
  1309. }@-webkit-keyframes anim-close {
  1310. 0% {
  1311. opacity:1
  1312. }
  1313. 100% {
  1314. opacity:0;
  1315. -webkit-transform:scale3d(1.25,1.25,1)
  1316. }
  1317. }@keyframes anim-close {
  1318. 0% {
  1319. opacity:1
  1320. }
  1321. 100% {
  1322. opacity:0;
  1323. -webkit-transform:scale3d(1.25,1.25,1);
  1324. transform:scale3d(1.25,1.25,1)
  1325. }
  1326. }@keyframes MsgBox-Bg-show {
  1327. 0% {
  1328. opacity:0
  1329. }
  1330. 100% {
  1331. opacity:1
  1332. }
  1333. }@keyframes MsgBox-Bg-hide {
  1334. 0% {
  1335. opacity:1
  1336. }
  1337. 100% {
  1338. opacity:0
  1339. }
  1340. }@keyframes MsgBox-leap {
  1341. 0% {
  1342. transform:scale3d(1,1,1)
  1343. }
  1344. 100% {
  1345. transform:scale3d(1.03,1.03,1)
  1346. }
  1347. }@-webkit-keyframes MsgBox-leap {
  1348. 0% {
  1349. -webkit-transform:scale3d(1,1,1);
  1350. transform:scale3d(1,1,1)
  1351. }
  1352. 100% {
  1353. -webkit-transform:scale3d(1.03,1.03,1);
  1354. transform:scale3d(1.03,1.03,1)
  1355. }
  1356. }@keyframes MsgBox-showicon {
  1357. 0% {
  1358. opacity:0;
  1359. transform:scale3d(0.3,0.3,1)
  1360. }
  1361. 100% {
  1362. opacity:1;
  1363. transform:scale3d(1,1,1)
  1364. }
  1365. }@-webkit-keyframes MsgBox-showicon {
  1366. 0% {
  1367. opacity:0;
  1368. -webkit-transform:scale3d(0.3,0.3,1);
  1369. transform:scale3d(0.3,0.3,1)
  1370. }
  1371. 100% {
  1372. opacity:1;
  1373. -webkit-transform:scale3d(1,1,1);
  1374. transform:scale3d(1,1,1)
  1375. }
  1376. }@keyframes TipsBar-show--right {
  1377. 0% {
  1378. opacity:0;
  1379. transform:translateX(300px)
  1380. }
  1381. 100% {
  1382. opacity:1;
  1383. transform:translateX(0)
  1384. }
  1385. }@-webkit-keyframes TipsBar-show--right {
  1386. 0% {
  1387. opacity:0;
  1388. -webkit-transform:translateX(300px);
  1389. transform:translateX(300px)
  1390. }
  1391. 100% {
  1392. opacity:1;
  1393. -webkit-transform:translateX(0);
  1394. transform:translateX(0)
  1395. }
  1396. }@keyframes TipsBar-hide--right {
  1397. 0% {
  1398. opacity:1;
  1399. transform:translateX(0)
  1400. }
  1401. 100% {
  1402. opacity:0;
  1403. transform:translateX(300px)
  1404. }
  1405. }@-webkit-keyframes TipsBar-hide--right {
  1406. 0% {
  1407. opacity:0;
  1408. -webkit-transform:translateX(0);
  1409. transform:translateX(0)
  1410. }
  1411. 100% {
  1412. opacity:1;
  1413. -webkit-transform:translateX(300px);
  1414. transform:translateX(300px)
  1415. }
  1416. }@-webkit-keyframes TipsBar-show--top {
  1417. 0% {
  1418. -webkit-transform:perspective(400px) rotateX(90deg);
  1419. transform:perspective(400px) rotateX(90deg);
  1420. opacity:0
  1421. }
  1422. 0%,40% {
  1423. -webkit-animation-timing-function:ease-in;
  1424. animation-timing-function:ease-in
  1425. }
  1426. 40% {
  1427. -webkit-transform:perspective(400px) rotateX(-20deg);
  1428. transform:perspective(400px) rotateX(-20deg)
  1429. }
  1430. 60% {
  1431. -webkit-transform:perspective(400px) rotateX(10deg);
  1432. transform:perspective(400px) rotateX(10deg);
  1433. opacity:1
  1434. }
  1435. 80% {
  1436. -webkit-transform:perspective(400px) rotateX(-5deg);
  1437. transform:perspective(400px) rotateX(-5deg)
  1438. }
  1439. to {
  1440. -webkit-transform:perspective(400px);
  1441. transform:perspective(400px)
  1442. }
  1443. }@keyframes TipsBar-show--top {
  1444. 0% {
  1445. -webkit-transform:perspective(400px) rotateX(90deg);
  1446. transform:perspective(400px) rotateX(90deg);
  1447. opacity:0
  1448. }
  1449. 0%,40% {
  1450. -webkit-animation-timing-function:ease-in;
  1451. animation-timing-function:ease-in
  1452. }
  1453. 40% {
  1454. -webkit-transform:perspective(400px) rotateX(-20deg);
  1455. transform:perspective(400px) rotateX(-20deg)
  1456. }
  1457. 60% {
  1458. -webkit-transform:perspective(400px) rotateX(10deg);
  1459. transform:perspective(400px) rotateX(10deg);
  1460. opacity:1
  1461. }
  1462. 80% {
  1463. -webkit-transform:perspective(400px) rotateX(-5deg);
  1464. transform:perspective(400px) rotateX(-5deg)
  1465. }
  1466. to {
  1467. -webkit-transform:perspective(400px);
  1468. transform:perspective(400px)
  1469. }
  1470. }@-webkit-keyframes TipsBar-hide--top {
  1471. 0% {
  1472. -webkit-transform:perspective(400px);
  1473. transform:perspective(400px)
  1474. }
  1475. 30% {
  1476. -webkit-transform:perspective(400px) rotateX(-20deg);
  1477. transform:perspective(400px) rotateX(-20deg);
  1478. opacity:1
  1479. }
  1480. to {
  1481. -webkit-transform:perspective(400px) rotateX(90deg);
  1482. transform:perspective(400px) rotateX(90deg);
  1483. opacity:0
  1484. }
  1485. }@keyframes TipsBar-hide--top {
  1486. 0% {
  1487. -webkit-transform:perspective(400px);
  1488. transform:perspective(400px)
  1489. }
  1490. 30% {
  1491. -webkit-transform:perspective(400px) rotateX(-20deg);
  1492. transform:perspective(400px) rotateX(-20deg);
  1493. opacity:1
  1494. }
  1495. to {
  1496. -webkit-transform:perspective(400px) rotateX(90deg);
  1497. transform:perspective(400px) rotateX(90deg);
  1498. opacity:0
  1499. }
  1500. }@keyframes TipsBar-Process {
  1501. 0% {
  1502. width:100%
  1503. }
  1504. 100% {
  1505. width:0
  1506. }
  1507. }@-webkit-keyframes TipsBar-Process {
  1508. 0% {
  1509. width:100%
  1510. }
  1511. 100% {
  1512. width:0
  1513. }
  1514. }@-webkit-keyframes NZ-Motion--inlinecon {
  1515. 0% {
  1516. opacity:0;
  1517. -webkit-transform:translateX(20px);
  1518. transform:translateX(20px)
  1519. }
  1520. 100% {
  1521. opacity:1;
  1522. -webkit-transform:translateX(0);
  1523. transform:translateX(0)
  1524. }
  1525. }@keyframes NZ-Motion--inlinecon {
  1526. 0% {
  1527. opacity:0;
  1528. -webkit-transform:translateX(20px);
  1529. -ms-transform:translateX(20px);
  1530. transform:translateX(20px)
  1531. }
  1532. 100% {
  1533. opacity:1;
  1534. -webkit-transform:translateX(0);
  1535. -ms-transform:translateX(0);
  1536. transform:translateX(0)
  1537. }
  1538. }@-webkit-keyframes NZ-Motion--fadeInTop {
  1539. 0% {
  1540. opacity:0;
  1541. -webkit-transform:translateY(-30px);
  1542. transform:translateY(-30px)
  1543. }
  1544. 100% {
  1545. opacity:1;
  1546. -webkit-transform:translateX(0);
  1547. transform:translateX(0)
  1548. }
  1549. }@keyframes NZ-Motion--fadeInTop {
  1550. 0% {
  1551. opacity:0;
  1552. -ms-transform:translateY(-30px);
  1553. transform:translateY(-30px)
  1554. }
  1555. 100% {
  1556. opacity:1;
  1557. -ms-transform:translateX(0);
  1558. transform:translateX(0)
  1559. }
  1560. }.NZ-Motion--fadeInTop {
  1561. -webkit-animation-name:NZ-Motion--fadeInTop;
  1562. animation-name:NZ-Motion--fadeInTop;
  1563. animation-timing-function:cubic-bezier(.49,.49,.13,1.3)
  1564. }
  1565. @-webkit-keyframes NZ-Motion--fadeOutTop {
  1566. 0% {
  1567. opacity:10;
  1568. -webkit-transform:translateY(0px);
  1569. transform:translateY(0px)
  1570. }
  1571. 100% {
  1572. opacity:0;
  1573. -webkit-transform:translateY(-30px);
  1574. transform:translateY(-30px)
  1575. }
  1576. }@keyframes NZ-Motion--fadeOutTop {
  1577. 0% {
  1578. opacity:1;
  1579. -ms-transform:translateY(0px);
  1580. transform:translateY(0px)
  1581. }
  1582. 100% {
  1583. opacity:0;
  1584. -ms-transform:translateY(-30px);
  1585. transform:translateY(-30px)
  1586. }
  1587. }.NZ-Motion--fadeOutTop {
  1588. -webkit-animation-name:NZ-Motion--fadeOutTop;
  1589. animation-name:NZ-Motion--fadeOutTop;
  1590. animation-timing-function:cubic-bezier(.32,.37,.06,.87)
  1591. }
  1592. @-webkit-keyframes NZ-Motion--fadeInDown {
  1593. 0% {
  1594. opacity:0;
  1595. -webkit-transform:translateY(20px);
  1596. transform:translateY(20px)
  1597. }
  1598. 100% {
  1599. opacity:1;
  1600. -webkit-transform:translateY(0);
  1601. transform:translateY(0)
  1602. }
  1603. }@keyframes NZ-Motion--fadeInDown {
  1604. 0% {
  1605. opacity:0;
  1606. -webkit-transform:translateY(20px);
  1607. -ms-transform:translateY(20px);
  1608. transform:translateY(20px)
  1609. }
  1610. 100% {
  1611. opacity:1;
  1612. -webkit-transform:translateY(0);
  1613. -ms-transform:translateY(0);
  1614. transform:translateY(0)
  1615. }
  1616. }.NZ-Motion--fadeInDown {
  1617. -webkit-animation-name:NZ-Motion--fadeInDown;
  1618. animation-name:NZ-Motion--fadeInDown
  1619. }
  1620. @-webkit-keyframes NZ-Motion--fadeOutDown {
  1621. 0% {
  1622. opacity:1;
  1623. -webkit-transform:translateY(0);
  1624. transform:translateY(0)
  1625. }
  1626. 100% {
  1627. opacity:0;
  1628. -webkit-transform:translateY(20px);
  1629. transform:translateY(20px)
  1630. }
  1631. }@keyframes NZ-Motion--fadeOutDown {
  1632. 0% {
  1633. opacity:1;
  1634. -webkit-transform:translateY(0);
  1635. -ms-transform:translateY(0);
  1636. transform:translateY(0)
  1637. }
  1638. 100% {
  1639. opacity:0;
  1640. -webkit-transform:translateY(20px);
  1641. -ms-transform:translateY(20px);
  1642. transform:translateY(20px)
  1643. }
  1644. }.NZ-Motion--fadeOutDown {
  1645. -webkit-animation-name:NZ-Motion--fadeOutDown;
  1646. animation-name:NZ-Motion--fadeOutDown
  1647. }
  1648. @-webkit-keyframes NZ-Motion--fadeInLeft {
  1649. 0% {
  1650. opacity:0;
  1651. -webkit-transform:translateX(-20px);
  1652. transform:translateX(-20px)
  1653. }
  1654. 100% {
  1655. opacity:1;
  1656. -webkit-transform:translateX(0);
  1657. transform:translateX(0)
  1658. }
  1659. }@keyframes NZ-Motion--fadeInLeft {
  1660. 0% {
  1661. opacity:0;
  1662. -webkit-transform:translateX(-20px);
  1663. -ms-transform:translateX(-20px);
  1664. transform:translateX(-20px)
  1665. }
  1666. 100% {
  1667. opacity:1;
  1668. -webkit-transform:translateX(0);
  1669. -ms-transform:translateX(0);
  1670. transform:translateX(0)
  1671. }
  1672. }.NZ-Motion--fadeInLeft {
  1673. -webkit-animation-name:NZ-Motion--fadeInLeft;
  1674. animation-name:NZ-Motion--fadeInLeft
  1675. }
  1676. @-webkit-keyframes NZ-Motion--fadeOutLeft {
  1677. 0% {
  1678. opacity:1;
  1679. -webkit-transform:translateX(0);
  1680. transform:translateX(0)
  1681. }
  1682. 100% {
  1683. opacity:0;
  1684. -webkit-transform:translateX(-20px);
  1685. transform:translateX(-20px)
  1686. }
  1687. }@keyframes NZ-Motion--fadeOutLeft {
  1688. 0% {
  1689. opacity:1;
  1690. -webkit-transform:translateX(0);
  1691. -ms-transform:translateX(0);
  1692. transform:translateX(0)
  1693. }
  1694. 100% {
  1695. opacity:0;
  1696. -webkit-transform:translateX(-20px);
  1697. -ms-transform:translateX(-20px);
  1698. transform:translateX(-20px)
  1699. }
  1700. }.NZ-Motion--fadeOutLeft {
  1701. -webkit-animation-name:NZ-Motion--fadeOutLeft;
  1702. animation-name:NZ-Motion--fadeOutLeft
  1703. }
  1704. @-webkit-keyframes NZ-Motion--fadeInRight {
  1705. 0% {
  1706. opacity:0;
  1707. -webkit-transform:translateX(20px);
  1708. transform:translateX(20px)
  1709. }
  1710. 100% {
  1711. opacity:1;
  1712. -webkit-transform:translateX(0);
  1713. transform:translateX(0)
  1714. }
  1715. }@keyframes NZ-Motion--fadeInRight {
  1716. 0% {
  1717. opacity:0;
  1718. -webkit-transform:translateX(20px);
  1719. -ms-transform:translateX(20px);
  1720. transform:translateX(20px)
  1721. }
  1722. 100% {
  1723. opacity:1;
  1724. -webkit-transform:translateX(0);
  1725. -ms-transform:translateX(0);
  1726. transform:translateX(0)
  1727. }
  1728. }.NZ-Motion--fadeInRight {
  1729. -webkit-animation-name:NZ-Motion--fadeInRight;
  1730. animation-name:NZ-Motion--fadeInRight
  1731. }
  1732. @-webkit-keyframes NZ-Motion--fadeOutRight {
  1733. 0% {
  1734. opacity:1;
  1735. -webkit-transform:translateX(0);
  1736. transform:translateX(0)
  1737. }
  1738. 100% {
  1739. opacity:0;
  1740. -webkit-transform:translateX(20px);
  1741. transform:translateX(20px)
  1742. }
  1743. }@keyframes NZ-Motion--fadeOutRight {
  1744. 0% {
  1745. opacity:1;
  1746. -webkit-transform:translateX(0);
  1747. -ms-transform:translateX(0);
  1748. transform:translateX(0)
  1749. }
  1750. 100% {
  1751. opacity:0;
  1752. -webkit-transform:translateX(20px);
  1753. -ms-transform:translateX(20px);
  1754. transform:translateX(20px)
  1755. }
  1756. }.NZ-Motion--fadeOutRight {
  1757. -webkit-animation-name:NZ-Motion--fadeOutRight;
  1758. animation-name:NZ-Motion--fadeOutRight
  1759. }
  1760. `;
  1761. cssNode .innerHTML= cssResource;
  1762. document.head.append(cssNode );
  1763. })();