boka-human-cliend-v2 0.0.22 → 0.0.24

package/dist/boka-human-v2.common.js

@@ -103,13 +103,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "2c84":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5014":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -149,17 +142,6 @@ module.exports = function(module) {
 };
 
 
-/***/ }),
-
-/***/ "7a0d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_2878e593_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2c84");
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_2878e593_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_2878e593_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "c82c":
@@ -3394,6 +3376,24 @@ module.exports = function(module) {
 }));
 
 
+/***/ }),
+
+/***/ "d669":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_17ef6948_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f8c7");
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_17ef6948_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_17ef6948_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "f8c7":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fb15":
@@ -3419,13 +3419,13 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0d048614-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=2878e593
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61e6f662-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=17ef6948
 var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"boka-human-v2"},[_c('div',{staticClass:"humanEnterIcon",class:[_vm.unreadCount>0?'unreadCount':''],attrs:{"id":"humanEnterIcon"},on:{"click":_vm.changeChatViewVisible}},[(_vm.unreadCount<1)?[_c('svg',{attrs:{"t":"1755741820144","viewBox":"0 0 1051 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg","p-id":"1470","width":"32","height":"32"}},[_c('path',{attrs:{"d":"M135.73310782 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432428 0z m628.77618292 174.3141893A113.58699363 113.58699363 0 0 1 728.63851358 637.51351358v-91.39864856A114.02026996 114.02026996 0 0 1 841.86064218 432.18581069C830.16216214 266.51435782 692.03800637 135.73310782 523.40202716 135.73310782 354.74324363 135.73310782 216.64189218 266.51435782 204.94341214 432.18581069A114.0886821 114.0886821 0 0 1 318.16554074 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-228.04054074 0v-91.39864856a114.02026996 114.02026996 0 0 1 68.64020288-104.53378353C165.83445926 246.28716214 326.375 90.125 523.40202716 90.125s357.5675679 156.16216214 364.63682428 351.45608149A114.0886821 114.0886821 0 0 1 956.67905432 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-152.26266934 107.3386821 387.89695926 387.89695926 0 0 1-155.61486503 99.8817572A79.76858148 79.76858148 0 0 1 568.78209424 922.47297284h-68.00168848c-44.23986502 0-80.01942573-35.57432428-80.01942572-79.8141893 0-44.17145288 35.66554074-79.81418931 80.04222922-79.8141893h67.95608148c28.80151995 0 54 15.05067573 68.09290494 37.74071008a342.17483148 342.17483148 0 0 0 127.63429074-80.15625zM774.2466214 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432427 0zM500.82601358 876.86486502h67.95608066c19.20101358 0 34.43412141-15.23310782 34.43412222-34.20608148 0-18.99577716-15.30151996-34.20608149-34.43412222-34.20608066h-67.95608066c-19.20101358 0-34.43412141 15.23310782-34.4341214 34.20608066 0 18.99577716 15.30151996 34.20608149 34.4341214 34.20608148z","p-id":"1471"}})])]:[_vm._v(" "+_vm._s(_vm.unreadCount>99?'99+' : _vm.unreadCount)+" ")]],2),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"humanMainView"},[_c('div',{staticClass:"humanMainHeader my-dialog__header"},[_c('div',{staticClass:"humanMainHeaderLeft"}),_c('div',{staticClass:"humanMainHeaderCenter"},[_vm._v("客服")]),_c('div',{staticClass:"humanMainHeaderRight"},[_c('span',{on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v("关闭")])])]),_c('iframe',{attrs:{"id":"iframe","src":_vm.src,"frameborder":"0","allowfullscreen":""}})])])
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=2878e593
+// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=17ef6948
 
 // EXTERNAL MODULE: ./node_modules/interactjs/dist/interact.min.js
 var interact_min = __webpack_require__("5014");
@@ -3455,6 +3455,10 @@ var dist_viewer = __webpack_require__("0808");
 			type: String,
 			default: ''
 		},
+		custType: {
+			type: String,
+			default: ''
+		},
 		subCustType: {
 			type: String,
 			default: ''
@@ -3471,12 +3475,13 @@ var dist_viewer = __webpack_require__("0808");
 				return "https://service.mase.cloud"
 			}
 			return "https://human.shboka.com"
+			// return "https://baidu.com"
 			// return "http://192.168.3.12:5173"
 		},
 		src(){
-			let {token,product,subCustType,source} = this;
+			let {token,product,custType,subCustType,source} = this;
 			// return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
-			return `${this.host}?token=${token}&product=${product}&subCustType=${subCustType}&source=${source}&human=1&isIFrame=true&time=${new Date().getTime()}`;
+			return `${this.host}?token=${token}&product=${product}&custType=${custType}&subCustType=${subCustType}&source=${source}&human=1&isIFrame=true&time=${new Date().getTime()}`;
 		}
 	},
 	data() {
@@ -3486,8 +3491,10 @@ var dist_viewer = __webpack_require__("0808");
 		}
 	},
 	mounted() {
-		this.icon();
-		this.chatMainInitDrag();
+		setTimeout(()=>{
+			this.icon();
+			this.chatMainInitDrag();
+		})
 		
 		window.humanFunction = {
 			showChatView: this.showChat
@@ -3556,7 +3563,7 @@ var dist_viewer = __webpack_require__("0808");
 		icon(){
 			const container = document.body;
 			let defx = container.clientWidth-40;
-			let defy = container.clientHeight-150;
+			let defy = Math.min(screen.availHeight,container.clientHeight)-300;
 			let tmpIcon = document.querySelector('#humanEnterIcon');
 			tmpIcon.style.transform = `translate(${defx}px, ${defy}px)`;
 			tmpIcon.setAttribute('data-x', defx);
@@ -3651,8 +3658,8 @@ var dist_viewer = __webpack_require__("0808");
 
 // CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=script&lang=js
  /* harmony default export */ var src_BokaHumanV2vue_type_script_lang_js = (BokaHumanV2vue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=2878e593&prod&lang=less
-var BokaHumanV2vue_type_style_index_0_id_2878e593_prod_lang_less = __webpack_require__("7a0d");
+// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=17ef6948&prod&lang=less
+var BokaHumanV2vue_type_style_index_0_id_17ef6948_prod_lang_less = __webpack_require__("d669");
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */

package/dist/boka-human-v2.css

@@ -6,512 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-11-24T04:32:14.526Z
- */
-.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
-    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2l10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0l-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6l-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3l5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7zm14 0h6.2V16h-2v-4.3h-4.2v-2zm6.2 14V30h-6.2v-2h4.2v-4.3h2zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7l7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5l8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 00-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 01-10-10.2 10 10 0 0110-10.2z'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-size: 280px;
-    color: transparent;
-    display: block;
-    font-size: 0;
-    height: 20px;
-    line-height: 0;
-    width: 20px
-}
-
-.viewer-zoom-in:before {
-    background-position: 0 0;
-    content: "Zoom In"
-}
-
-.viewer-zoom-out:before {
-    background-position: -20px 0;
-    content: "Zoom Out"
-}
-
-.viewer-one-to-one:before {
-    background-position: -40px 0;
-    content: "One to One"
-}
-
-.viewer-reset:before {
-    background-position: -60px 0;
-    content: "Reset"
-}
-
-.viewer-prev:before {
-    background-position: -80px 0;
-    content: "Previous"
-}
-
-.viewer-play:before {
-    background-position: -100px 0;
-    content: "Play"
-}
-
-.viewer-next:before {
-    background-position: -120px 0;
-    content: "Next"
-}
-
-.viewer-rotate-left:before {
-    background-position: -140px 0;
-    content: "Rotate Left"
-}
-
-.viewer-rotate-right:before {
-    background-position: -160px 0;
-    content: "Rotate Right"
-}
-
-.viewer-flip-horizontal:before {
-    background-position: -180px 0;
-    content: "Flip Horizontal"
-}
-
-.viewer-flip-vertical:before {
-    background-position: -200px 0;
-    content: "Flip Vertical"
-}
-
-.viewer-fullscreen:before {
-    background-position: -220px 0;
-    content: "Enter Full Screen"
-}
-
-.viewer-fullscreen-exit:before {
-    background-position: -240px 0;
-    content: "Exit Full Screen"
-}
-
-.viewer-close:before {
-    background-position: -260px 0;
-    content: "Close"
-}
-
-.viewer-container {
-    bottom: 0;
-    direction: ltr;
-    font-size: 0;
-    left: 0;
-    line-height: 0;
-    overflow: hidden;
-    position: absolute;
-    right: 0;
-    -webkit-tap-highlight-color: transparent;
-    top: 0;
-    touch-action: none;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none
-}
-
-.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
-    background-color: transparent
-}
-
-.viewer-container::selection, .viewer-container ::selection {
-    background-color: transparent
-}
-
-.viewer-container:focus {
-    outline: 0
-}
-
-.viewer-container img {
-    display: block;
-    height: auto;
-    max-height: none !important;
-    max-width: none !important;
-    min-height: 0 !important;
-    min-width: 0 !important;
-    width: 100%
-}
-
-.viewer-canvas {
-    bottom: 0;
-    left: 0;
-    overflow: hidden;
-    position: absolute;
-    right: 0;
-    top: 0
-}
-
-.viewer-canvas > img {
-    height: auto;
-    margin: 15px auto;
-    max-width: 90% !important;
-    width: auto
-}
-
-.viewer-footer {
-    bottom: 0;
-    left: 0;
-    overflow: hidden;
-    position: absolute;
-    right: 0;
-    text-align: center
-}
-
-.viewer-navbar {
-    background-color: rgba(0, 0, 0, .5);
-    overflow: hidden
-}
-
-.viewer-list {
-    box-sizing: content-box;
-    height: 50px;
-    margin: 0;
-    overflow: hidden;
-    padding: 1px 0
-}
-
-.viewer-list > li {
-    color: transparent;
-    cursor: pointer;
-    float: left;
-    font-size: 0;
-    height: 50px;
-    line-height: 0;
-    opacity: .5;
-    overflow: hidden;
-    transition: opacity .15s;
-    width: 30px
-}
-
-.viewer-list > li:focus, .viewer-list > li:hover {
-    opacity: .75
-}
-
-.viewer-list > li:focus {
-    outline: 0
-}
-
-.viewer-list > li + li {
-    margin-left: 1px
-}
-
-.viewer-list > .viewer-loading {
-    position: relative
-}
-
-.viewer-list > .viewer-loading:after {
-    border-width: 2px;
-    height: 20px;
-    margin-left: -10px;
-    margin-top: -10px;
-    width: 20px
-}
-
-.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
-    opacity: 1
-}
-
-.viewer-player {
-    background-color: #000;
-    bottom: 0;
-    cursor: none;
-    display: none;
-    right: 0;
-    z-index: 1
-}
-
-.viewer-player, .viewer-player > img {
-    left: 0;
-    position: absolute;
-    top: 0
-}
-
-.viewer-toolbar > ul {
-    display: inline-block;
-    margin: 0 auto 5px;
-    overflow: hidden;
-    padding: 6px 3px
-}
-
-.viewer-toolbar > ul > li {
-    background-color: rgba(0, 0, 0, .5);
-    border-radius: 50%;
-    cursor: pointer;
-    float: left;
-    height: 24px;
-    overflow: hidden;
-    transition: background-color .15s;
-    width: 24px
-}
-
-.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
-    background-color: rgba(0, 0, 0, .8)
-}
-
-.viewer-toolbar > ul > li:focus {
-    box-shadow: 0 0 3px #fff;
-    outline: 0;
-    position: relative;
-    z-index: 1
-}
-
-.viewer-toolbar > ul > li:before {
-    margin: 2px
-}
-
-.viewer-toolbar > ul > li + li {
-    margin-left: 1px
-}
-
-.viewer-toolbar > ul > .viewer-small {
-    height: 18px;
-    margin-bottom: 3px;
-    margin-top: 3px;
-    width: 18px
-}
-
-.viewer-toolbar > ul > .viewer-small:before {
-    margin: -1px
-}
-
-.viewer-toolbar > ul > .viewer-large {
-    height: 30px;
-    margin-bottom: -3px;
-    margin-top: -3px;
-    width: 30px
-}
-
-.viewer-toolbar > ul > .viewer-large:before {
-    margin: 5px
-}
-
-.viewer-tooltip {
-    background-color: rgba(0, 0, 0, .8);
-    border-radius: 10px;
-    color: #fff;
-    display: none;
-    font-size: 12px;
-    height: 20px;
-    left: 50%;
-    line-height: 20px;
-    margin-left: -25px;
-    margin-top: -10px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 50px
-}
-
-.viewer-title {
-    color: #ccc;
-    display: inline-block;
-    font-size: 12px;
-    line-height: 1.2;
-    margin: 5px 5%;
-    max-width: 90%;
-    min-height: 14px;
-    opacity: .8;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    transition: opacity .15s;
-    white-space: nowrap
-}
-
-.viewer-title:hover {
-    opacity: 1
-}
-
-.viewer-button {
-    -webkit-app-region: no-drag;
-    background-color: rgba(0, 0, 0, .5);
-    border-radius: 50%;
-    cursor: pointer;
-    height: 80px;
-    overflow: hidden;
-    position: absolute;
-    right: -40px;
-    top: -40px;
-    transition: background-color .15s;
-    width: 80px
-}
-
-.viewer-button:focus, .viewer-button:hover {
-    background-color: rgba(0, 0, 0, .8)
-}
-
-.viewer-button:focus {
-    box-shadow: 0 0 3px #fff;
-    outline: 0
-}
-
-.viewer-button:before {
-    bottom: 15px;
-    left: 15px;
-    position: absolute
-}
-
-.viewer-fixed {
-    position: fixed
-}
-
-.viewer-open {
-    overflow: hidden
-}
-
-.viewer-show {
-    display: block
-}
-
-.viewer-hide {
-    display: none
-}
-
-.viewer-backdrop {
-    background-color: rgba(0, 0, 0, .5)
-}
-
-.viewer-invisible {
-    visibility: hidden
-}
-
-.viewer-move {
-    cursor: move;
-    cursor: grab
-}
-
-.viewer-fade {
-    opacity: 0
-}
-
-.viewer-in {
-    opacity: 1
-}
-
-.viewer-transition {
-    transition: all .3s
-}
-
-@keyframes viewer-spinner {
-    0% {
-        transform: rotate(0deg)
-    }
-    to {
-        transform: rotate(1turn)
-    }
-}
-
-.viewer-loading:after {
-    animation: viewer-spinner 1s linear infinite;
-    border: 4px solid hsla(0, 0%, 100%, .1);
-    border-left-color: hsla(0, 0%, 100%, .5);
-    border-radius: 50%;
-    content: "";
-    display: inline-block;
-    height: 40px;
-    left: 50%;
-    margin-left: -20px;
-    margin-top: -20px;
-    position: absolute;
-    top: 50%;
-    width: 40px;
-    z-index: 1
-}
-
-@media (max-width: 767px) {
-    .viewer-hide-xs-down {
-        display: none
-    }
-}
-
-@media (max-width: 991px) {
-    .viewer-hide-sm-down {
-        display: none
-    }
-}
-
-@media (max-width: 1199px) {
-    .viewer-hide-md-down {
-        display: none
-    }
-}
-
-.boka-human-v2 {
-    overflow: hidden;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 999
-}
-
-.humanEnterIcon {
-    position: fixed;
-    z-index: 999;
-    background-color: #0074ff;
-    border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    text-align: center;
-    padding: 8px;
-    box-sizing: border-box;
-    transform: translate(50vw, 50vh)
-}
-
-.humanEnterIcon > svg {
-    width: 100%;
-    height: 100%;
-    fill: #fff
-}
-
-.humanEnterIcon.unreadCount {
-    background-color: red;
-    color: #fff;
-    line-height: 24px;
-    font-size: 14px;
-    font-weight: 700
-}
-
-.humanMainView {
-    position: fixed;
-    min-width: 420px;
-    min-height: 400px;
-    height: 80vh;
-    border: 1px solid #ccc
-}
-
-.humanMainView .humanMainHeader {
-    width: 100%;
-    height: 40px;
-    text-align: center;
-    cursor: move;
-    font-size: 0;
-    box-sizing: border-box;
-    border-bottom: 1px solid #f5f5f5;
-    position: relative;
-    z-index: 999;
-    background: #fff;
-    white-space: nowrap
-}
-
-.humanMainView .humanMainHeader .humanMainHeaderRight {
-    text-align: right
-}
-
-.humanMainView .humanMainHeader .humanMainHeaderLeft, .humanMainView .humanMainHeader .humanMainHeaderRight {
-    width: 20%;
-    display: inline-block;
-    vertical-align: middle;
-    padding: 0 10px;
-    line-height: 40px;
-    font-size: 14px;
-    box-sizing: border-box
-}
-
-.humanMainView .humanMainHeader .humanMainHeaderCenter {
-    width: 60%;
-    display: inline-block;
-    vertical-align: middle;
-    font-size: 16px;
-    box-sizing: border-box
-}
-
-.humanMainView > iframe {
-    width: 100%;
-    height: calc(100% - 40px)
-}
+ */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2l10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0l-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6l-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3l5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7zm14 0h6.2V16h-2v-4.3h-4.2v-2zm6.2 14V30h-6.2v-2h4.2v-4.3h2zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7l7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5l8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 00-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 01-10-10.2 10 10 0 0110-10.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container ::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container ::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.boka-human-v2{overflow:hidden;position:fixed;top:0;left:0;z-index:999}.humanEnterIcon{position:fixed;z-index:999;background-color:#0074ff;border-radius:50%;width:40px;height:40px;text-align:center;padding:8px;box-sizing:border-box;transform:translate(50vw,50vh)}.humanEnterIcon>svg{width:100%;height:100%;fill:#fff}.humanEnterIcon.unreadCount{background-color:red;color:#fff;line-height:24px;font-size:14px;font-weight:700}.humanMainView{position:fixed;min-width:420px;min-height:400px;height:80vh;border:1px solid #ccc}.humanMainView .humanMainHeader{width:100%;height:40px;text-align:center;cursor:move;font-size:0;box-sizing:border-box;border-bottom:1px solid #f5f5f5;position:relative;z-index:999;background:#fff;white-space:nowrap}.humanMainView .humanMainHeader .humanMainHeaderRight{text-align:right}.humanMainView .humanMainHeader .humanMainHeaderLeft,.humanMainView .humanMainHeader .humanMainHeaderRight{width:20%;display:inline-block;vertical-align:middle;padding:0 10px;line-height:40px;font-size:14px;box-sizing:border-box}.humanMainView .humanMainHeader .humanMainHeaderCenter{width:60%;display:inline-block;vertical-align:middle;font-size:16px;box-sizing:border-box}.humanMainView>iframe{width:100%;height:calc(100% - 40px)}