init

css/cropper.min.css

@@ -0,0 +1,252 @@
+/*!
+ * Cropper v3.1.3
+ * https://github.com/fengyuanchen/cropper
+ *
+ * Copyright (c) 2014-2017 Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2017-10-21T10:03:37.133Z
+ */.cropper-container {
+ direction:ltr;
+ font-size:0;
+ line-height:0;
+ position:relative;
+ -ms-touch-action:none;
+ touch-action:none;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ -ms-user-select:none;
+ user-select:none
+}
+.cropper-container img {
+ display:block;
+ height:100%;
+ image-orientation:0deg;
+ max-height:none!important;
+ max-width:none!important;
+ min-height:0!important;
+ min-width:0!important;
+ width:100%
+}
+.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
+ bottom:0;
+ left:0;
+ position:absolute;
+ right:0;
+ top:0
+}
+.cropper-canvas,.cropper-wrap-box {
+ overflow:hidden
+}
+.cropper-drag-box {
+ background-color:#fff;
+ opacity:0
+}
+.cropper-modal {
+ background-color:#000;
+ opacity:.5
+}
+.cropper-view-box {
+ display:block;
+ height:100%;
+ outline-color:rgba(51,153,255,.75);
+ outline:1px solid #39f;
+ overflow:hidden;
+ width:100%
+}
+.cropper-dashed {
+ border:0 dashed #eee;
+ display:block;
+ opacity:.5;
+ position:absolute
+}
+.cropper-dashed.dashed-h {
+ border-bottom-width:1px;
+ border-top-width:1px;
+ height:33.33333%;
+ left:0;
+ top:33.33333%;
+ width:100%
+}
+.cropper-dashed.dashed-v {
+ border-left-width:1px;
+ border-right-width:1px;
+ height:100%;
+ left:33.33333%;
+ top:0;
+ width:33.33333%
+}
+.cropper-center {
+ display:block;
+ height:0;
+ left:50%;
+ opacity:.75;
+ position:absolute;
+ top:50%;
+ width:0
+}
+.cropper-center:after,.cropper-center:before {
+ background-color:#eee;
+ content:" ";
+ display:block;
+ position:absolute
+}
+.cropper-center:before {
+ height:1px;
+ left:-3px;
+ top:0;
+ width:7px
+}
+.cropper-center:after {
+ height:7px;
+ left:0;
+ top:-3px;
+ width:1px
+}
+.cropper-face,.cropper-line,.cropper-point {
+ display:block;
+ height:100%;
+ opacity:.1;
+ position:absolute;
+ width:100%
+}
+.cropper-face {
+ background-color:#fff;
+ left:0;
+ top:0
+}
+.cropper-line {
+ background-color:#39f
+}
+.cropper-line.line-e {
+ cursor:e-resize;
+ right:-3px;
+ top:0;
+ width:5px
+}
+.cropper-line.line-n {
+ cursor:n-resize;
+ height:5px;
+ left:0;
+ top:-3px
+}
+.cropper-line.line-w {
+ cursor:w-resize;
+ left:-3px;
+ top:0;
+ width:5px
+}
+.cropper-line.line-s {
+ bottom:-3px;
+ cursor:s-resize;
+ height:5px;
+ left:0
+}
+.cropper-point {
+ background-color:#39f;
+ height:5px;
+ opacity:.75;
+ width:5px
+}
+.cropper-point.point-e {
+ cursor:e-resize;
+ margin-top:-3px;
+ right:-3px;
+ top:50%
+}
+.cropper-point.point-n {
+ cursor:n-resize;
+ left:50%;
+ margin-left:-3px;
+ top:-3px
+}
+.cropper-point.point-w {
+ cursor:w-resize;
+ left:-3px;
+ margin-top:-3px;
+ top:50%
+}
+.cropper-point.point-s {
+ bottom:-3px;
+ cursor:s-resize;
+ left:50%;
+ margin-left:-3px
+}
+.cropper-point.point-ne {
+ cursor:ne-resize;
+ right:-3px;
+ top:-3px
+}
+.cropper-point.point-nw {
+ cursor:nw-resize;
+ left:-3px;
+ top:-3px
+}
+.cropper-point.point-sw {
+ bottom:-3px;
+ cursor:sw-resize;
+ left:-3px
+}
+.cropper-point.point-se {
+ bottom:-3px;
+ cursor:se-resize;
+ height:20px;
+ opacity:1;
+ right:-3px;
+ width:20px
+}
+@media (min-width:768px) {
+ .cropper-point.point-se {
+  height:15px;
+  width:15px
+ }
+}
+@media (min-width:992px) {
+ .cropper-point.point-se {
+  height:10px;
+  width:10px
+ }
+}
+@media (min-width:1200px) {
+ .cropper-point.point-se {
+  height:5px;
+  opacity:.75;
+  width:5px
+ }
+}
+.cropper-point.point-se:before {
+ background-color:#39f;
+ bottom:-50%;
+ content:" ";
+ display:block;
+ height:200%;
+ opacity:0;
+ position:absolute;
+ right:-50%;
+ width:200%
+}
+.cropper-invisible {
+ opacity:0
+}
+.cropper-bg {
+ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
+}
+.cropper-hide {
+ display:block;
+ height:0;
+ position:absolute;
+ width:0
+}
+.cropper-hidden {
+ display:none!important
+}
+.cropper-move {
+ cursor:move
+}
+.cropper-crop {
+ cursor:crosshair
+}
+.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
+ cursor:not-allowed
+}
+/*# sourceMappingURL=cropper.min.css.map */

css/css/cropper.min.css

@@ -0,0 +1,252 @@
+/*!
+ * Cropper v3.1.3
+ * https://github.com/fengyuanchen/cropper
+ *
+ * Copyright (c) 2014-2017 Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2017-10-21T10:03:37.133Z
+ */.cropper-container {
+ direction:ltr;
+ font-size:0;
+ line-height:0;
+ position:relative;
+ -ms-touch-action:none;
+ touch-action:none;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ -ms-user-select:none;
+ user-select:none
+}
+.cropper-container img {
+ display:block;
+ height:100%;
+ image-orientation:0deg;
+ max-height:none!important;
+ max-width:none!important;
+ min-height:0!important;
+ min-width:0!important;
+ width:100%
+}
+.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
+ bottom:0;
+ left:0;
+ position:absolute;
+ right:0;
+ top:0
+}
+.cropper-canvas,.cropper-wrap-box {
+ overflow:hidden
+}
+.cropper-drag-box {
+ background-color:#fff;
+ opacity:0
+}
+.cropper-modal {
+ background-color:#000;
+ opacity:.5
+}
+.cropper-view-box {
+ display:block;
+ height:100%;
+ outline-color:rgba(51,153,255,.75);
+ outline:1px solid #39f;
+ overflow:hidden;
+ width:100%
+}
+.cropper-dashed {
+ border:0 dashed #eee;
+ display:block;
+ opacity:.5;
+ position:absolute
+}
+.cropper-dashed.dashed-h {
+ border-bottom-width:1px;
+ border-top-width:1px;
+ height:33.33333%;
+ left:0;
+ top:33.33333%;
+ width:100%
+}
+.cropper-dashed.dashed-v {
+ border-left-width:1px;
+ border-right-width:1px;
+ height:100%;
+ left:33.33333%;
+ top:0;
+ width:33.33333%
+}
+.cropper-center {
+ display:block;
+ height:0;
+ left:50%;
+ opacity:.75;
+ position:absolute;
+ top:50%;
+ width:0
+}
+.cropper-center:after,.cropper-center:before {
+ background-color:#eee;
+ content:" ";
+ display:block;
+ position:absolute
+}
+.cropper-center:before {
+ height:1px;
+ left:-3px;
+ top:0;
+ width:7px
+}
+.cropper-center:after {
+ height:7px;
+ left:0;
+ top:-3px;
+ width:1px
+}
+.cropper-face,.cropper-line,.cropper-point {
+ display:block;
+ height:100%;
+ opacity:.1;
+ position:absolute;
+ width:100%
+}
+.cropper-face {
+ background-color:#fff;
+ left:0;
+ top:0
+}
+.cropper-line {
+ background-color:#39f
+}
+.cropper-line.line-e {
+ cursor:e-resize;
+ right:-3px;
+ top:0;
+ width:5px
+}
+.cropper-line.line-n {
+ cursor:n-resize;
+ height:5px;
+ left:0;
+ top:-3px
+}
+.cropper-line.line-w {
+ cursor:w-resize;
+ left:-3px;
+ top:0;
+ width:5px
+}
+.cropper-line.line-s {
+ bottom:-3px;
+ cursor:s-resize;
+ height:5px;
+ left:0
+}
+.cropper-point {
+ background-color:#39f;
+ height:5px;
+ opacity:.75;
+ width:5px
+}
+.cropper-point.point-e {
+ cursor:e-resize;
+ margin-top:-3px;
+ right:-3px;
+ top:50%
+}
+.cropper-point.point-n {
+ cursor:n-resize;
+ left:50%;
+ margin-left:-3px;
+ top:-3px
+}
+.cropper-point.point-w {
+ cursor:w-resize;
+ left:-3px;
+ margin-top:-3px;
+ top:50%
+}
+.cropper-point.point-s {
+ bottom:-3px;
+ cursor:s-resize;
+ left:50%;
+ margin-left:-3px
+}
+.cropper-point.point-ne {
+ cursor:ne-resize;
+ right:-3px;
+ top:-3px
+}
+.cropper-point.point-nw {
+ cursor:nw-resize;
+ left:-3px;
+ top:-3px
+}
+.cropper-point.point-sw {
+ bottom:-3px;
+ cursor:sw-resize;
+ left:-3px
+}
+.cropper-point.point-se {
+ bottom:-3px;
+ cursor:se-resize;
+ height:20px;
+ opacity:1;
+ right:-3px;
+ width:20px
+}
+@media (min-width:768px) {
+ .cropper-point.point-se {
+  height:15px;
+  width:15px
+ }
+}
+@media (min-width:992px) {
+ .cropper-point.point-se {
+  height:10px;
+  width:10px
+ }
+}
+@media (min-width:1200px) {
+ .cropper-point.point-se {
+  height:5px;
+  opacity:.75;
+  width:5px
+ }
+}
+.cropper-point.point-se:before {
+ background-color:#39f;
+ bottom:-50%;
+ content:" ";
+ display:block;
+ height:200%;
+ opacity:0;
+ position:absolute;
+ right:-50%;
+ width:200%
+}
+.cropper-invisible {
+ opacity:0
+}
+.cropper-bg {
+ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
+}
+.cropper-hide {
+ display:block;
+ height:0;
+ position:absolute;
+ width:0
+}
+.cropper-hidden {
+ display:none!important
+}
+.cropper-move {
+ cursor:move
+}
+.cropper-crop {
+ cursor:crosshair
+}
+.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
+ cursor:not-allowed
+}
+/*# sourceMappingURL=cropper.min.css.map */

css/css/diyUpload.css

@@ -0,0 +1,129 @@
+@charset "utf-8";
+/* CSS Document*/
+.parentFileBox {
+	width:auto;
+	height:auto;
+	overflow:hidden;
+	position:relative;
+}
+.parentFileBox>.fileBoxUl {
+	position:relative;
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	padding-bottom:5px;
+}
+.parentFileBox>.fileBoxUl>li {
+	float:left;
+	border:1px solid #09F;
+	border-radius:5px;
+	width:95px;
+	height:95px;
+	margin-top:5px;
+	margin-left:5px;
+	overflow:hidden;
+	position:relative;
+	background-color:#099;
+}
+.parentFileBox>.fileBoxUl>li>.viewThumb {
+	position:absolute;
+	top:0;
+	left:0;
+	width:95px;
+	height:95px;
+	overflow:hidden;
+}
+.parentFileBox>.fileBoxUl>li>.viewThumb>img {
+	width:100%;
+	height:100%;
+}
+.parentFileBox>.fileBoxUl>li>.diyCancel,.parentFileBox>.fileBoxUl>li>.diySuccess {
+	position:absolute;
+	width:20px;
+	height:20px;
+	top:2px;
+	right:2px;
+	cursor:pointer;
+	display:none;
+	background-size: 100% !important; 
+}
+.parentFileBox>.fileBoxUl>li>.diyCancel {
+	background:url(../images/edit/x_alt.png) left top no-repeat;
+}
+.parentFileBox>.fileBoxUl>li>.diySuccess {
+	background:url(../images/edit/check_alt.png)  left top  no-repeat;
+	cursor:default;
+}
+.parentFileBox>.fileBoxUl>li>.diyFileName {
+	position:absolute;
+	bottom:0px;
+	left:0px;
+	width:100%;
+	height:15px;
+	line-height:15px;
+	text-align:center;
+	color:#fff;
+	font-size:12px;
+	display:none;
+	background:url(../images/edit/bgblack.png);
+}
+.parentFileBox>.fileBoxUl>li>.diyBar {
+	top:0;
+	left:0;
+	position: absolute;
+	width: 95px;
+	height: 95px;
+	line-height:150px;
+	background:url(../images/edit/bgblack.png);
+	display:none;
+}
+.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText {
+	font-size:14px;
+	text-align:center;
+	color:#FFF;
+	position:relative;
+	z-index:99;
+}
+.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {
+	position:absolute;
+	left:0;
+	top:42%;
+	height:24px;
+	width:100%;
+	background-color:#09F;
+	filter:alpha(opacity=70);
+	-moz-opacity:0.7;
+	opacity:0.7;
+	z-index:97;
+}
+.parentFileBox>.diyButton {
+	width:100%;
+	margin-top:5px;
+	margin-bottom:5px;
+	height:20px;
+	line-height:20px;
+	text-align:center;
+}
+.parentFileBox>.diyButton>a {
+	padding:5px 10px 5px 10px;
+	background-color:#09C;
+	color:#FFF;
+	font-size:12px;
+	text-decoration:none;
+	border-radius:3px;
+}
+.parentFileBox>.diyButton>a:hover {
+	background-color:#0CC;
+	color:#F30;
+}
+.parentFileBox>.fileBoxUl>li:hover {
+	-moz-box-shadow: 3px 3px 4px #ccc;
+	-webkit-box-shadow: 3px 3px 4px #ccc;
+	box-shadow: 3px 3px 4px #ccc;
+}
+.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {
+	display:block;
+}
+.parentFileBox>.fileBoxUl>li:hover .diyFileName {
+	display:block;
+}

css/css/oldVer/main0.css

@@ -0,0 +1,222 @@
+.sidecontent{position:fixed;left:-750px;width:auto;display:none;background:rgba(0,0,0,0.8);top:70px;height: 100%;color: rgba(255,255,255,1);}
+.sidecontent h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;position:relative;}
+.sidecontent h1 span{font-size:12px;font-weight:normal;position:absolute;right:-10px;cursor:pointer;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
+#text
+{
+    float:left;
+	width:auto;
+	font-size:18px;
+	letter-spacing:2px;
+	margin:30px;
+	max-width:600px;
+	height:500px;
+	max-height:630px;
+	line-height:22px;
+	font-family:"宋体";
+}
+#sideimg{margin:5px 20px 30px 10px;float:left;}
+
+#gui-modes-map div img
+{
+	width:48px;
+	height:48px;
+}
+
+ 
+
+iframe{
+	border: none;
+}
+
+
+#popup {
+	z-index: 20;
+	text-align: center;
+	padding: 0;
+	position: relative;
+	width: 100%;
+	height: 100%;
+	/* margin: 80px auto; */
+	display: none;
+	z-index: 101;
+	background:  rgba(0,0,0,0.6);
+}
+.popup-content{
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow-x: hidden;
+}
+#id1{ width: 100%; height: 99.4%;}
+#popup.wait{
+	opacity:0.1; 
+}
+#closepop {
+	background: url(https://super.4dage.com/images/close1.png) no-repeat;
+	width: 60px;
+	height: 60px;
+	cursor: pointer;
+	position: absolute;
+	right: 30px;
+	top: 30px;
+	text-indent: -999em;
+	background-size: 100% 100%;
+}
+.specialTitle{bottom:65%;
+    width: 100%;
+    padding: 0 25px;
+    display: block;
+    font-family: OpenSans,'Helvetica Neue',sans-serif;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 100;
+    letter-spacing: .75px;
+    text-shadow: 0 0 10px rgba(15,16,17,1);
+    color: rgba(255,255,255,1);
+    margin: 0;
+    position: absolute;
+    hyphens: auto;
+    word-wrap: break-word;
+    line-height: 45px;}
+	.dropdown {position: relative;display: inline-block;float: right;height: 40px;line-height: 40px;right: 10px;}
+    .floor{ width: 100px;text-align: center;display: block;height: 30px;background: rgba(0,0,0,0.4);line-height: 30px;margin-top: 10px;cursor: pointer;}
+    .dropdown-content {display: none;position: absolute;background: rgba(0,0,0,0.6);min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);text-align:center;}
+    .dropdown:hover .dropdown-content {display: block;}
+    a{text-decoration:none;}
+	#YY,#SZZ{display:none;}
+ @media only screen and (max-width:487px){
+           .dropdown {height: 30px;line-height: 30px;right:5px;}
+           .floor {width: 80px;height: 20px;line-height: 20px;margin-top: 5px;}
+          .dropdown-content{min-width: 80px;}	
+           }
+@media screen and (max-width: 1600px) {
+ 
+	/*#popup {
+		width: 816px;
+		height: 510px;
+		margin: -255px auto auto -408px;
+	}*/
+	.specialTitle{
+	bottom:65%;
+    font-size: 34px;
+	}
+}
+
+@media screen and (max-width: 1400px) {
+ 
+	/*#popup {
+		width: 714px;
+		height: 446px;
+		margin: -223px auto auto -357px;
+	}*/
+	.specialTitle {
+    bottom: 65%;
+    font-size: 30px;
+    }
+}
+
+@media screen and (max-width: 1200px) {
+ 
+	#closepop{
+		width: 40px;
+		height: 40px;
+		top: 20px;
+		right: 20px;
+	}
+	.specialTitle {
+    bottom: 66%;
+    font-size: 26px;
+    }
+}
+ 
+@media screen and (max-width: 768px) {
+ 
+	.specialTitle {
+     bottom: 62%;
+     font-size: 26px;
+	 line-height:40px;
+    }
+	#special-gui-name{display:none;}
+}
+@media screen and  (max-width: 736px){
+
+	
+	#title-toggle{
+		padding-top: 18px;
+		height: 42px;
+	}
+
+
+	.pinTop{top:8px;}
+}
+@media screen and  (max-width:667px){
+	#closepop{
+		width: 36px;
+		height: 36px;
+		top: 0px;
+		right: 0px;
+	}
+
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+
+}
+@media screen and  (max-width:568px){
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+
+}
+@media screen and (max-width:414px) {
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	
+
+}
+@media screen and (max-width:375px) {
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+
+	
+	.pinTop{top:5px;}	
+	
+}
+@media screen and (max-width:320px) {
+	/*#popup {
+		width: 200px;
+        height: 380px;
+        margin: -200px auto auto -100px;
+	}*/
+	
+	#title-toggle{
+		padding-top: 16px;
+		height: 36px;
+	}
+
+	
+	.pinTop{top:0px;}
+	
+}

css/css/oldVer/main0.css.bak

@@ -0,0 +1,339 @@
+.sidecontent{position:fixed;left:-750px;width:auto;display:none;background:rgba(0,0,0,0.8);top:70px;height: 100%;color: rgba(255,255,255,1);}
+.sidecontent h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;position:relative;}
+.sidecontent h1 span{font-size:12px;font-weight:normal;position:absolute;right:-10px;cursor:pointer;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
+#text
+{
+    float:left;
+	width:auto;
+	font-size:18px;
+	letter-spacing:2px;
+	margin:30px;
+	max-width:600px;
+	height:500px;
+	max-height:630px;
+	line-height:22px;
+	font-family:"宋体";
+}
+#sideimg{margin:5px 20px 30px 10px;float:left;}
+
+#gui-modes-map div img
+{
+	width:48px;
+	height:48px;
+}
+
+ 
+
+iframe{
+	border: none;
+}
+
+
+#popup {
+	z-index: 20;
+	text-align: center;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 960px;
+	height: 580px;
+	margin: -290px auto auto -480px;
+	display: none;
+	overflow-y: hidden;
+	transition: opacity 0.2s;
+	opacity: 1;
+}
+#popup.wait{
+	pointer-events:none;
+	opacity:0.1; 
+}
+#closepop {
+	background: url(../../images/close1.png) no-repeat;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    text-indent: -999em;
+}
+.specialTitle{bottom:65%;
+    width: 100%;
+    padding: 0 25px;
+    display: block;
+    font-family: OpenSans,'Helvetica Neue',sans-serif;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 100;
+    letter-spacing: .75px;
+    text-shadow: 0 0 10px rgba(15,16,17,1);
+    color: rgba(255,255,255,1);
+    margin: 0;
+    position: absolute;
+    hyphens: auto;
+    word-wrap: break-word;
+    line-height: 45px;}
+	.dropdown {position: relative;display: inline-block;float: right;height: 40px;line-height: 40px;right: 10px;}
+    .floor{ width: 100px;text-align: center;display: block;height: 30px;background: rgba(0,0,0,0.4);line-height: 30px;margin-top: 10px;cursor: pointer;}
+    .dropdown-content {display: none;position: absolute;background: rgba(0,0,0,0.6);min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);text-align:center;}
+    .dropdown:hover .dropdown-content {display: block;}
+    a{text-decoration:none;}
+	#YY,#SZZ{display:none;}
+ @media only screen and (max-width:487px){
+           .dropdown {height: 30px;line-height: 30px;right:5px;}
+           .floor {width: 80px;height: 20px;line-height: 20px;margin-top: 5px;}
+          .dropdown-content{min-width: 80px;}	
+           }
+@media screen and (max-width: 1600px) {
+ 
+	#popup {
+		width: 816px;
+		height: 510px;
+		margin: -255px auto auto -408px;
+	}
+	.specialTitle{
+	bottom:65%;
+    font-size: 34px;
+	}
+}
+
+@media screen and (max-width: 1400px) {
+ 
+	#popup {
+		width: 714px;
+		height: 446px;
+		margin: -223px auto auto -357px;
+	}
+	.specialTitle {
+    bottom: 65%;
+    font-size: 30px;
+    }
+}
+
+@media screen and (max-width: 1200px) {
+ 
+	#popup {
+		width: 700px;
+		height: 422px;
+		margin: -211px auto auto -350px;
+	}
+	.specialTitle {
+    bottom: 66%;
+    font-size: 26px;
+    }
+}
+
+/* @media screen and (max-width: 1024px) { */
+ 
+	/* #popup { */
+		/* width: 700px; */
+		/* height: 438px; */
+		/* margin: -219px auto auto -350px; */
+	/* } */
+/* } */
+@media screen and (max-width: 768px) {
+ 
+	#popup {
+		width:600px;
+		height:720px;
+		margin: -360px auto auto -300px;
+	}
+	.specialTitle {
+     bottom: 62%;
+     font-size: 26px;
+	 line-height:40px;
+    }
+	#special-gui-name{display:none;}
+}
+@media screen and (min-width:669px) and (max-width: 736px){
+	#popup {
+		width:500px;
+		height:260px;
+		margin: -130px auto auto -250px;
+	}
+	#closepop{
+		width: 32px;
+        height: 32px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 42px;
+	}
+	#title-toggle{
+		padding-top: 18px;
+		height: 42px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:42px;
+		width: 259px;
+	}
+	#gui-name{
+		font-size: 16px;
+		line-height:16px;
+	}
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (min-width:569px) and (max-width:667px){
+	#popup {
+		width:420px;
+		height:230px;
+		margin: -115px auto auto -210px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 40px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:40px;
+		width: 240px;
+	}
+	#gui-name{
+		font-size: 15px;
+		line-height:15px;
+	}
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (min-width:447px) and (max-width:568px){
+	#popup {
+		width:340px;
+		height:170px;
+		margin: -85px auto auto -170px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 38px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:38px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 14px;
+		line-height:14px;
+	}
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:414px) {
+	#popup {
+		width: 280px;
+        height: 520px;
+        margin: -260px auto auto -140px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 40px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:40px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 16px;
+		line-height:16px;
+	}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:375px) {
+	#popup {
+		width: 252px;
+        height: 490px;
+        margin: -245px auto auto -126px;
+	}
+	#model-title{
+		height: 38px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:38px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 15px;
+		line-height:15px;
+	}
+	.pinTop{top:5px;}	
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:320px) {
+	#popup {
+		width: 200px;
+        height: 380px;
+        margin: -200px auto auto -100px;
+	}
+	#model-title{
+		height: 36px;
+	}
+	#title-toggle{
+		padding-top: 16px;
+		height: 36px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:36px;
+		width: 200px;
+	}
+	#gui-name{
+		font-size: 14px;
+		line-height:14px;
+	}
+	.pinTop{top:0px;}
+	#model-title {
+    width: 70%;
+}
+}

css/css/oldVer/video-js.css

@@ -0,0 +1,770 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.5.1
+Create your own skin at http://designer.videojs.com
+*/
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurances of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: #cccccc;
+}
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face {
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus hightlight with handle highlight */
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  /* background-color-with-alpha */
+  background-color: #333333;
+  background-color: rgba(51, 51, 51, 0.9);
+}
+.vjs-default-skin .vjs-slider:focus {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 2em #ffffff;
+  -moz-box-shadow: 0 0 2em #ffffff;
+  box-shadow: 0 0 2em #ffffff;
+}
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-slider-handle:before {
+  content: "\e009";
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* Rotate the square icon to make a diamond */
+  /* transform */
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden */
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. */
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div */
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items */
+  height: 3.0em;
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+}
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+
+  visibility: visible;
+  opacity: 1;
+  /* transition */
+  -webkit-transition: visibility 0.1s, opacity 0.1s;
+  -moz-transition: visibility 0.1s, opacity 0.1s;
+  -o-transition: visibility 0.1s, opacity 0.1s;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  /* transition */
+  -webkit-transition: visibility 1s, opacity 1s;
+  -moz-transition: visibility 1s, opacity 1s;
+  -o-transition: visibility 1s, opacity 1s;
+  transition: visibility 1s, opacity 1s;
+}
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@media \0screen {
+  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+    content: "";
+  }
+}
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+/* FontAwsome button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em #ffffff;
+}
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; */
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+
+}
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  /* hide-visually */
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: "\e001";
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: "\e002";
+}
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: "\e006";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: "\e003";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: "\e004";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: "\e005";
+}
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
+  height: 2.9em;
+}
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+}
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+  width: 1em;
+  height: 1em;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  width: 6em;
+  left: -4em;
+}
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. */
+  top: -1em;
+  /* Shrink the bar slower than it grows. */
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+
+  /* transition */
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: #646464 /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.4);
+}
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar */
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time {
+  float: left;
+}
+.vjs-default-skin .vjs-duration {
+  float: left;
+}
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time {
+  display: none;
+  float: left;
+}
+.vjs-time-divider {
+  float: left;
+  line-height: 3em;
+}
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: "\e000";
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: "\e00b";
+}
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  left: 0.5em;
+  top: 0.5em;
+  font-size: 3em;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: 4em;
+  height: 2.6em;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+  /* Need a slightly gray bg so it can be seen on black backgrounds */
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  border: 0.1em solid #3b4249;
+  /* border-radius */
+  -webkit-border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  border-radius: 0.8em;
+  /* box-shadow */
+  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  /* Center it horizontally */
+  left: 50%;
+  margin-left: -2.1em;
+  /* Center it vertically */
+  top: 50%;
+  margin-top: -1.4000000000000001em;
+}
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state */
+  background-color: #505050;
+  background-color: rgba(50, 50, 50, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 3em #ffffff;
+  -moz-box-shadow: 0 0 3em #ffffff;
+  box-shadow: 0 0 3em #ffffff;
+  /* transition */
+  -webkit-transition: all 0s;
+  -moz-transition: all 0s;
+  -o-transition: all 0s;
+  transition: all 0s;
+}
+.vjs-default-skin .vjs-big-play-button:before {
+  content: "\e001";
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+
+  line-height: 2.6em;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 4em;
+  line-height: 1;
+  width: 1em;
+  height: 1em;
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+  opacity: 0.75;
+  /* animation */
+  -webkit-animation: spin 1.5s infinite linear;
+  -moz-animation: spin 1.5s infinite linear;
+  -o-animation: spin 1.5s infinite linear;
+  animation: spin 1.5s infinite linear;
+}
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: "\e01e";
+  font-family: VideoJS;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em;
+  /* (Width of vjs-menu - width of button) / 2 */
+
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+  border-top: 1.55em solid #000000;
+  /* Same width top as ul bottom */
+
+  border-top-color: rgba(7, 40, 50, 0.5);
+  /* Same as ul background */
+
+}
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em;
+  /* Same bottom as vjs-menu border-top */
+
+  max-height: 15em;
+  overflow: auto;
+  left: -5em;
+  /* Width of menu - width of button / 2 */
+
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  /* box-shadow */
+  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+}
+.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+  /* background-color-with-alpha */
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before {
+  content: "\e00c";
+}
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: "\e008";
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+
+  font-size: 10px;
+  /* Allow poster to be vertially aligned. */
+
+  vertical-align: middle;
+  /*  display: table-cell; */
+  /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+
+  font-family: Arial, sans-serif;
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+
+  /* user-select */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) */
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right */
+  left: 1em;
+  right: 1em;
+}
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) */
+  /* background-color-with-alpha */
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.video-js .vjs-subtitles {
+  color: #ffffff /* Subtitles are white */;
+}
+.video-js .vjs-captions {
+  color: #ffcc66 /* Captions are yellow */;
+}
+.vjs-tt-cue {
+  display: block;
+}
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden {
+  display: none;
+}
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

css/css/popupwindow.css

@@ -0,0 +1,284 @@
+button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border-color: transparent;}
+input:required:invalid {box-shadow: none;}
+.footer-btn-double{ display: none; }
+.dialog,
+.dialog__overlay {
+	width: 100%;
+	height: 100vh;
+	top: 0;
+	left: 0;
+	z-index: 11;
+}
+.dialog-2,.dialog__overlay{ z-index: 999; }
+.dialog {
+	font-family: "Microsoft YaHei";
+    letter-spacing: 0.02em;
+	position: fixed;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-justify-content: center;
+	justify-content: center;
+	pointer-events: none;
+}
+
+.dialog__overlay {
+	position: absolute;
+	z-index: 1;
+	background: rgba(55, 58, 71, 0.9);
+	opacity: 0;
+	-webkit-transition: opacity 0.3s;
+	transition: opacity 0.3s;
+	-webkit-backface-visibility: hidden;
+}
+
+.dialog--open .dialog__overlay {
+	opacity: 0.5;
+	pointer-events: auto;
+}
+
+.dialog__content {
+	text-align: center;
+	position: relative;
+	z-index: 5;
+	opacity: 0;
+	font-size: 75px;
+}
+
+.dialog--open .dialog__content {
+	pointer-events: auto;
+}
+
+.dialog.dialog--open .dialog__content,
+.dialog.dialog--close .dialog__content {
+	-webkit-animation-duration: 1s;
+	animation-duration: 1s;
+	-webkit-animation-timing-function: linear;
+	animation-timing-function: linear;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+}
+
+.dialog.dialog--open .dialog__content {
+	-webkit-animation-name: anim-open;
+	animation-name: anim-open;
+}
+
+.dialog.dialog--close .dialog__content {
+	-webkit-animation-name: anim-close;
+	animation-name: anim-close;
+	-webkit-animation-duration: 0.3s;
+	animation-duration: 0.3s;
+	-webkit-animation-timing-function: ease-out;
+	animation-timing-function: ease-out;
+}
+
+.dialog--open .password,.dialog--open .password2{ display: block; }
+.password,.password2{ display: none; }
+
+
+/*弹出提示框的样式*/
+.prompt-popup a{
+	text-decoration: none;
+	color:white;
+}
+
+.prompt-popup{
+	z-index: 999;
+	width: 6.666667em;
+	height: 3.853333em;
+	color: #333333;
+	border-radius:5px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;	
+	background: white;
+	position: relative;
+	padding: 0 0.666667em;
+ 
+}
+.prompt-title{
+	display: flex;
+	display: -webkit-flex;
+	padding-top: 0.666667em;
+}
+.footer-btn-single span, .prompt-second-pg { font-size: 0.186667em; }
+.prompt-title a{
+	font-size:0.186667em;
+}
+.prompt-title h2{
+	font-size: 0.32em;
+	font-weight:600;
+	margin: 0px;
+}
+.prompt-second{padding-left: 0.066667em; font-size: 0.186667rem;}
+.prompt-main{
+	margin-top: 0.266667em;
+	height: 1.0em;
+	display: flex;
+	display: -webkit-flex;
+	align-items: center;
+	border-bottom: 2px solid #eeeeee;
+	border-top: 2px solid #eeeeee;
+	font-weight: bold;
+}
+.prompt-main span{ font-size: 0.186667em; }
+.prompt-title-close{position: absolute; top: 0.2em; display: flex;right: 0.2em;}
+.prompt-footer{
+	height: 1.12em;
+	display: flex;
+	display: -webkit-flex;
+	justify-content: center;
+	align-items: flex-end;
+}
+.prompt-footer a{
+	width: 1.6em;
+	height: 0.64em;
+	background:  #09e1c0;
+	line-height: 0.64em;
+	display: inline-flex;
+	justify-content:center;
+}
+.prompt-footer a:hover{
+	background: #45edd3;
+}
+.footer-btn-back{ background: #ccc !important; }
+.footer-btn-back span{font-size:0.186667em;}
+.footer-btn-confirm span{font-size:0.186667em;}
+.footer-btn-confirm{ margin-left: 0.266667em; }
+
+
+/* Content */
+@-webkit-keyframes anim-open {
+	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+}
+
+@keyframes anim-open {
+	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+
+	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+}
+
+@-webkit-keyframes anim-close {
+	0% { opacity: 1; }
+	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
+}
+
+@keyframes anim-close {
+	0% { opacity: 1; }
+	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
+}
+
+@media screen and (min-width: 1705px)  and  (max-width: 1805px) {
+  .dialog__content{font-size: 72px;}
+}
+@media screen and (min-width: 1605px)  and  (max-width: 1705px) {
+  .dialog__content{font-size: 68px;}
+}
+@media screen and (min-width: 1505px)  and  (max-width: 1605px) {
+  .dialog__content{font-size: 65px;}
+}
+@media screen and (min-width: 1405px)  and  (max-width: 1505px) {
+  .dialog__content{font-size: 61px;}
+}
+@media screen and (min-width: 1305px)  and  (max-width: 1405px) {
+  .dialog__content{font-size: 58px;}
+}
+@media screen and  (max-width: 1305px) {
+  .dialog__content{font-size: 55px;}
+}

css/css/toolBox.css

@@ -0,0 +1,803 @@
+@font-face {font-family: "SourceHanSansCN";src: url("../fonts/SourceHanSansCN.woff2") format("woff2"),url("../fonts/SourceHanSansCN.woff") format("woff"),url("../fonts/SourceHanSansCN.ttf") format("truetype");font-weight: normal;font-style: normal;}
+/* html,body{height: 100%;width: 100%;margin: 0px;padding: 0px;overflow: hidden;font-size: 75px;}
+@media screen and (min-width: 1705px)  and  (max-width: 1805px) {
+  html{font-size: 72px;}
+}
+@media screen and (min-width: 1605px)  and  (max-width: 1705px) {
+  html{font-size: 68px;}
+}
+@media screen and (min-width: 1505px)  and  (max-width: 1605px) {
+  html{font-size: 65px;}
+}
+@media screen and (min-width: 1405px)  and  (max-width: 1505px) {
+  html{font-size: 61px;}
+}
+@media screen and (min-width: 1305px)  and  (max-width: 1405px) {
+  html{font-size: 58px;}
+}
+@media screen and  (max-width: 1305px) {
+  html{font-size: 55px;}
+  }
+} */
+
+ html,body{height: 100%;width: 100%;margin: 0px;padding: 0px;overflow: hidden; }
+
+
+
+*{box-sizing: border-box; font-family:OpenSans, "Microsoft YaHei";   background-size: contain;  background-repeat: no-repeat; background-position: center center; }
+.editor a{text-decoration: none;color:#333333;}
+.editor ul li{display: inline-block;list-style: none; width:100%}
+.editor ul{margin: 0px;padding: 0px;}
+.editor input,textarea{font: 14px "Microsoft YaHei";}
+.editor input[type="text"]:focus{border: 1px solid #09e1c0;}
+
+.scrollBox{width: 282px;height: 100%;}
+.scrollBox:nth-child(n+3){display: none;}
+.introduce-top{color: white;font-family:"Microsoft YaHei"; font-size:14px;margin:10px 0 0 10px;z-index:60;position: absolute;left: 0;top: 0;width: auto;height: 48px;}
+.introduce-top .introduce-button{padding-right: 25px;filter: drop-shadow(0px 1px 1px rgba(153,153,153,1));border-radius: 5px;background: url("../images/introduce_close.png") no-repeat;background-size: 16px; transition:background-color 0.3s; background-position:100% 50%;padding-left:0px;width:100%;height:48px;display:flex;display:-webkit-flex;font-size:16px;align-items:center; cursor:pointer;}
+.introduce-button a{display: inline-block;}
+.introduce-button .introduce-button-fImg{width: 30px;height: auto;margin-right:6px;}
+.introduce-button .introduce-button-lImg{width:1px;height:auto;margin-right:5px;}
+.introduce-top.open .introduce-button{background-image:url("../images/introduce_open.png")}
+.introduce-top .addIntroduce-bg{background: url("../images/introduce_close.png") no-repeat rgba(0,0,0,0.45);background-size: 16px;background-position:94% 50%;}
+.introduce-top .introduce-button span{margin-left:6px;letter-spacing:1px; font-weight:600;font-size:16px;margin-top: 2px;}
+.introduce-top .introduce-detailBox h3{font-size:12px; margin-bottom: 13px; font-weight:600;}
+.introduce-top .introduce-detailBox span{    line-height: 22px;text-align: justify;word-break: break-all;color: white;}
+.introduce-top .introduce-detailBox{position: absolute;border-radius: 3px;max-height:0px;width:320px;margin-top:5px;margin-left:41px;overflow:hidden;transition:max-height 0.25s ease-out;transform: translate3d(0, 0, 0);}
+.introduce-top.open .introduce-detailBox{max-height: 600px;}
+.introduce-top .introduce-detail{text-align:justify;width:100%;letter-spacing:1px;word-wrap: break-word;padding:14px 12px 14px 14px;background:rgba(0,0,0,0.2);}
+.introduce-top .introduce-detail p{text-align: justify;font-weight:400;line-height: 22px;word-break: break-all;color: white;}
+.bgNone{background: none !important;}
+.divNone{display: none !important;}
+ 
+.introduce-top .introduce-detail a,  #hotspot a{ text-decoration: underline !important; color:#fff !important;  margin: 0 2px !important; padding: 0 !important;       }
+.introduce-top .introduce-detail a *{color:#fff !important; }
+/* #hotspot .picBottom a,#hotspot .picRight a,#hotspot .formInfo a{color:#2d2d2d !important;}   */
+.introduce-top .introduce-detail a:hover,  #hotspot a:hover{color:#09e1c0 !important;}
+.introduce-top .introduce-detail a:hover *,  #hotspot a:hover *{color:#09e1c0 !important;}
+
+.toolTop{width: 282px;height: 48px;background: #5a45df;position: absolute;top: 0px;right: 0px;z-index: 150;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
+.toolTop>div:nth-child(2){display:flex;display:-webkit-flex;align-items:center;font-size:16px;font-weight:bold;  overflow: hidden;}
+.toolTop>div:nth-child(2)>*{ 
+   white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.toolTop-button{display:flex;display:-webkit-flex;width:282px;}
+.toolTop-button>div{opacity:0.7;cursor: pointer;display:flex;display:-webkit-flex;width:94px;height:48px;align-items:center;justify-content:center;}
+.toolTop-button>div:hover{opacity:1;}
+.toolTop-button span{margin-left:5px;font-size:16px;color:#fafafa;}
+.editor{letter-spacing:0.1em;z-index:140;font: 14px "Microsoft YaHei";font-weight:400;color: #333333;width: 282px;height: 100%;background: #f5f5f5;position: absolute;right: 0px;top: 0px;padding-top:48px;box-shadow: 0px 0px 6px #666;-webkit-box-shadow: 0px 0px 6px #666;-moz-box-shadow: 0px 0px 6px #666;}
+.toolBox,.informationBox, .hotPointBox,.styleZBox{margin-top:48px;height:calc(100% - 106px);width:calc(100% + 12px);overflow-y:auto;overflow-x:hidden;    }
+.toolContent,.hotPoint_content,.information_content,.styleZ_content{position: relative; width: 282px;}
+.toolBox_Top{position: absolute;right: 0px;width: 100%;display: flex;display: -webkit-flex;border-bottom:1px solid #ddd;}
+.styleZ_content h3{font-size: 14px;font-weight:normal;margin:20px;}
+.styleZ_content>ul{display:flex;display:-webkit-flex;flex-direction:column;padding:0px 20px;}
+.styleZ_content>ul li{cursor: pointer;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;margin-bottom:10px;border:1px solid #ddd;border-radius:6px;padding:5px;}
+.styleZ-select{position:relative;width:46%;display:flex;display:-webkit-flex;justify-content:center;}
+.styleZ-select:before{content:"";position:absolute;top:50%;margin-top:-6px;left:15px;width:14px;height:14px;border-radius:7px;border:1px solid #ddd;}
+.styleZ_content>ul li:hover{background: #fafafa;}
+.styleZ_content>ul li.active{background:white;border-color:#09e1c0;}
+.styleZ_content>ul li.active .styleZ-select:before{background:#09e1c0;border-color:#09e1c0;}
+.styleZ_content>ul li.active .styleZ-select:after{content:"";position:absolute;top:50%;margin-top:-2.5px;left:18.5px;width:6px;height:6px;border-radius:7px;background:white;}
+.toolBox_Top input{background: #fff !important;transition:background 0.1s;letter-spacing:0.1em;display: inline-block;width: 25%;height: 48px;color: #999999;font: 16px initial;background: white;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border:none;cursor: pointer;}
+.toolBox_Top input:hover,.toolBox-Top-input{background: #fafafa !important;color:#333333 !important;}
+.toolBox_Top .toolBox_nav{position: relative;width: 100%;height: 100%;display: flex;display: -webkit-flex;}
+.toolBox_Top .toolBox_nav:before{content: "";background: #09e1c0;height: 2px;width:25%;position: absolute;bottom:0px;left:0px;transition:left 0.26s ease-out;}
+.toolBox_Top .toolBox_nav-left0:before{left: 0px;}
+.toolBox_Top .toolBox_nav-left1:before{left: 25%;}
+.toolBox_Top .toolBox_nav-left2:before{left: 50%;}
+.toolBox_Top .toolBox_nav-left3:before{left: 75%;}
+.function{width: 282px;height: 48px;border-top: 1px solid #cccccc;border-bottom: 1px solid #ddd;margin-top: 20px;}
+.function ul{display: flex;display: -webkit-flex;}
+.function li{width: 94px;height: 48px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
+.function li img{vertical-align:baseline;}
+.function li>a{color: #333;display:  flex;display: -webkit-flex;justify-content:  center;align-items:  center;}
+.function li:hover{opacity:0.7;}
+.function li:nth-child(1) span,.function li:nth-child(2) span{padding-left: 5px;}
+#export{display: inline-block;width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;line-height: 28px;}
+#export:hover{background: #22f0d0;}
+#draw_Tools a{position:relative;}
+#draw_Tools a:before{position:absolute;top:0px;left:0px;content:"";width:60px;height:60px;transition:border 0.2s ease-in-out;}
+.draw_Tools-a:before{border:1px solid #09e1c0;}
+.Basic_drawing ul{padding-top: 20px;display: flex;display: -webkit-flex;}
+.Basic_drawing ul li{width: 33%;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;}
+.doors_windows{border-bottom: 1px solid #ddd;padding-bottom: 18px;}
+.doors_windows ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
+.doors_windows ul li{width: 33%;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;padding-top: 16px;}
+.Basic_drawing span,.doors_windows span{letter-spacing: 2px;margin-top: 8px;color: #333;}
+.controlBox{padding-top:28px;width: 282px;height:80px;border-bottom: 1px solid #cccccc;transition: all 1s linear;display: none;opacity: 0;}
+#controlName{padding-left: 20px;font-size: 16px;}
+.controlBox a{position: absolute;right: 20px;color:#cccccc;}
+.controlBox a:hover{color:#999999;}
+#pjtName{width: 100%;}
+#edit2Box,#edit1Box{width: 100%;height: 84px;position:relative;background: white;}
+#edit2,#edit1{width:100%;height:100%;overflow: hidden;border: 1px solid white;}
+#edit2Box .w-e-toolbar,#edit1Box .w-e-toolbar{position:absolute;bottom: 4px;right: 4px;padding: 0px;width: 20px;height: 20px;}
+#edit2Box .w-e-menu,#edit1Box .w-e-menu{padding: 0px;}
+#edit2Box .w-e-text,#edit1Box .w-e-text{width: calc(100% + 20px) !important;word-break: break-all;overflow-y: scroll;padding: 0px 30px 0px 10px; -webkit-user-select:auto;}
+#edit2Box .w-e-text *,#edit1Box .w-e-text *{-webkit-user-select:text;} 
+
+#edit2Box .w-e-icon-link,#edit1Box .w-e-icon-link{position:relative;display: block;width: 20px;height: 20px;}
+#edit2Box .w-e-text a,#edit1Box .w-e-text a{color:#079eec;text-decoration:underline;}
+#edit2Box .w-e-text-container,#edit1Box .w-e-text-container{position: static;}
+#edit2Box .w-e-icon-link:before,#edit1Box .w-e-icon-link:before{background: url("../images/linkBtn.png") no-repeat center;width: 20px;height: 20px;position: absolute;top: 0px;left: 0px;background-size: cover;}
+#edit2Box .w-e-text-container .w-e-panel-container,#edit1Box .w-e-text-container .w-e-panel-container{box-shadow: 1px 1px 2px #ccc;z-index: 99;top: 92px;}
+#edit2Box .addLink-content-row,#edit1Box .addLink-content-row{display:flex;display:-webkit-flex;justify-content:space-between;font-size:14px;height: 25px;}
+#edit2Box .addLink-content-row span,#edit1Box .addLink-content-row span{color:#999;}
+#edit2Box .addLink-content input,#edit1Box .addLink-content input{height:28px;border:1px solid #09e1c0;margin:0px 0px 6px}
+#edit2Box h5,#edit1Box h5{font-size:12px;font-weight:normal;color:#999;margin-bottom:20px;}
+#edit2Box .addLink-cancel,#edit1Box .addLink-cancel{width:75px;height:28px;background:#ccc;border-radius:0px;color:white;margin-left:10px}
+#edit2Box .addLink-cancel:hover,#edit1Box .addLink-cancel:hover{background: #d1d1d1;}
+#edit2Box .w-e-button-container,#edit1Box .w-e-button-container{display:flex;display:-webkit-flex;justify-content:flex-end;}
+#edit1Box .w-e-panel-tab-content:after,#edit2Box .w-e-panel-tab-content:after{position:absolute;width:0px;height:0px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #777;top:-46px;right:15px;content:"";}
+
+
+/* 画墙一栏*/
+
+.information-subDiv{padding: 20px 0px;margin: 0px 20px;border-bottom: 1px solid #ddd;}
+.editor .information-subDiv ul li{display:flex;display:-webkit-flex;justify-content: space-between;}
+.information-subDiv:first-child li{flex-direction:column;margin-bottom: 20px;}
+.information-subDiv:first-child span{margin-bottom: 6px;}
+.information-subDiv:last-child{ border-bottom:  none;}
+.information-subDiv:last-child li:first-child{margin-bottom:4px;}
+.information_input{width: 282px;}
+.information_input input[type="file"]{position: relative;display: none;}
+.information_input input{width: 160px;height: 28px;font-size: 14px;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid white;color: #999999;}
+.information_input input::placeholder{font-size: 14px;color:#cccccc;}
+.information_input input:-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+.information_input input::-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+.information_input input[type="button"]{width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;font-size: 14px;cursor: pointer;margin-top:10px;}
+.information_input input[type="button"]:hover{background: #22f0d0;}
+.information_show ul{display: flex;display: -webkit-flex;flex-direction: column;padding: 20px 0px;margin: 0 20px;}
+.information_show ul li{height: 28px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
+.information_input .right{    position: relative; width: 160px;  font-size: 14px;line-height: 28px;} 
+.information_input input, .information_input label{outline: none;background-color:#fff;padding: 0 10px;color: #999999;}
+.close_linkDiv{position: absolute;bottom: 10px;right: 10px;width: 75px;height: 28px;cursor: pointer;z-index: 99999;}
+#setEntry .ImgPreview{height:80px;}
+.information_input label{cursor:pointer;}
+.show_title{padding-left: 0 !important;}
+.show_data{color: #999999;display: flex;display: -webkit-flex;flex-direction: row-reverse;}
+.show_count{color: #999}
+.show_data span{padding-right: 5px;}
+/* 信息一栏*/.hotPointBox{overflow-y:hidden} 
+#ok{width:100%;height: 48px;display:none;text-align:center;line-height:48px;cursor:pointer;background: #09e1c0;color:#fff;}
+#ok:hover{background: #14ebca}
+.hotPoint_content{height: 100%;}
+.hotPoint_content .point>*{height: 40px;display: flex;display: -webkit-flex;width: 282px;align-items:center;justify-content: space-between;border-bottom: 1px #ddd solid;padding-left: 20px;color: #999;/* opacity: 0.6;*/cursor: pointer;display:none;background:#fafafa;}
+.hotPoint_content #listPoint{display:flex;-webkit-box-flex: 1;}
+.hotPoint_content #listPoint>*{display:flex;}
+.hotPoint_content #listPoint>div:first-child{border-right:1px solid #eeeeee;}
+.hotPoint_content #listPoint>div:hover{background: #fff;}
+.hotPoint_content .point>* div{display: flex;display: -webkit-flex;align-items: center;}
+.hotPoint_content .point>* span{padding-left: 5px;}
+.hotPoint_content .point>* a{padding-right: 20px;}
+/* .hotPoint_content .point>*:hover{opacity: 1;}*/
+#snap{padding:20px 0px;display: flex;display: -webkit-flex;align-items: center;flex-direction: column;}
+#hotPoint_button{background: #09e1c0;height: 48px;display: flex;display: -webkit-flex;width:242px;align-items: center;justify-content: center;color: white;cursor: pointer;transition: background 0.2s;}
+#hotPoint_button.unable{pointer-events: none;/* opacity:0.5;*/cursor:default;background: #ddd;}
+#hotPoint_button span{padding-left: 5px;}
+#hotPoint_button:hover{background: #14ebca;}
+#hotPoint_input{display:none;width: 282px;border-bottom: 1px #ddd solid; max-height: 800px;transition: max-height .3s; overflow: hidden;}
+#hotPoint_input #change{display:flex;-webkit-box-flex: 1;text-align:center;border-bottom:1px solid #ddd;height:40px;width:100%;}
+#hotPoint_input #change>div{cursor:pointer;width: 100%;height: 100%;line-height: 40px;}
+#hotPoint_input #change>div:first-child{border-right:1px solid #eeeeee;}
+#hotPoint_input #change>div:hover{background: #fff;}
+#hotPoint_input>ul{padding:8px 20px 15px;display: flex;display: -webkit-flex;flex-wrap: wrap;background: #eee;}
+.hotPoint-title{position: relative;}
+.hotPoint-title:after{position: absolute;top: 0px;right: -10px;content: "*";color:#f56c6c;}
+#hotPoint_input>ul>li{position: relative;padding: 5px 0;line-height:30px;display: flex;display: -webkit-flex;flex-basis: 100%;align-items:center;justify-content: space-between;align-items: flex-start;}
+#hotPoint_input>ul>li.warn input{border: 1px solid #f56c6c;}
+#hotPoint_input>ul>li.warn input::placeholder{color: #f56c6c !important;}
+.redPoint{position:relative;}
+.hotPoint_content .redPoint:after{position: absolute;top: 0px;left: 32px;content: "*";color:#f56c6c;}
+.information_input .redPoint:after{position: absolute;top: 0px;left: 62.5px;content: "*";color:#f56c6c;}
+#type .redPoint:after{left:32px}
+#hotPoint_input .unComplete{display:none; color:#f56c6c;font-size: 0.9em;position: absolute;bottom: 12px;right: 10px;}
+.information_input .unComplete{display: none;color:#f56c6c;font-size: 0.9em;position: absolute;bottom: 16px;right: 28px;}
+#project-name2:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+#project-intro2{position:relative;}
+#project-intro2:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+#project-name1,#project-intro1{position:relative;width:100%;}
+#project-name1:before,#project-intro1:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+
+#hotPoint_input>ul>li span{margin-top:5px;}
+#hotPoint_input input[type="file"]{position: relative;display: none;}
+*{outline:none}
+#hotPoint_input input.white,textarea.white{font-size: 14px;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid white;color: #999999;resize: vertical;}
+#hotPoint_input .ImgPreview,.information_input .ImgPreview{width:160px;height:114px;background-repeat: no-repeat;background-position: center center; margin-top: 10px;background-size: contain;/* border: 1px solid white;*/}
+#showInformation{height:80px;position:  relative;}
+.showInformation-error:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url("../images/pic_error.png") no-repeat center;}
+#hotPoint_input>ul>li:nth-child(n+6){padding:0px}
+#select{display: inline-block;position:relative;background:#eee;}
+#select .showStyle{background:#eee;position:absolute;top:0px;left:0px;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;width:160px;height:30px;}
+#select .showStyle>div:first-child{display:flex;display:-webkit-flex;align-items:center;}
+#select .showStyle>div:first-child img{margin-top:-1px}
+#hotPoint_input>ul>li:nth-child(5){margin-top:-11px;}
+#hotPoint_input>ul>li:nth-child(6){margin-top:-8px;}
+#select .showStyle p{margin-left:5px;      cursor: default;}
+#styleBtn{opacity: 0.7;width:16px;height:16px;background:url("../images/styleBtn.png") no-repeat;cursor: pointer;}
+#styleBtn:hover{opacity: 1;}
+#select ul{display: none;padding:10px 30px 15px 10px;font-size:12px;width: 160px;z-index: 15;position:absolute;background: white;box-shadow: 0px 1px 6px 1px rgba(51,51,51,0.3);-webkit-box-shadow: 0px 1px 6px 1px rgba(51,51,51,0.3);-moz-box-shadow:0px 1px 6px 1px rgba(51,51,51,0.3);left:0px;top:30px;flex-wrap:wrap;}
+#select ul li:nth-child(3),#select ul li:nth-child(4){margin-top:20px}
+#select ul li:nth-child(3):after{position:absolute;content:"";top:-10px;left:0px;width:140px;height:1px;background:#ddd;}
+#select ul li span{margin-top:2px;}
+#select.open #styleBtn{opacity: 0.7;}
+#select.open ul{display:flex;display:-webkit-flex;}
+#select ul li{ margin-right: 2px;cursor: pointer;display:flex;display:-webkit-flex;flex-direction:column; padding-top: 4px;align-items:center; width:46px; height:61px;position:relative;/* float: left; */}#select ul li:before{position:absolute;content:"";left:0px;top:0px; width:46px;height:64px;}#select ul li:hover:before{border:1px solid #ddd;}
+#select span{line-height:15px;}
+.information_input>ul>li:nth-child(4):before{position:absolute;content:"标志大小";bottom:17px;left:20px;}
+#hotPoint_input>ul>li:nth-child(1){line-height:20px}
+#hotPoint_input>ul>li:nth-child(4){line-height:16px}
+.hotPoint_content .point>div.chosen{color:#333;background:#fff;}
+.hotPoint_content .point .coordinate{background-image:url(../images/coordinate2.png);height: 16px;width: 16px;}
+.hotPoint_content .point>div.chosen .coordinate{background-image:url(../images/coordinate.png);}
+.hotPoint_content .point .delete{/* height:46px;width:46px;background-repeat: no-repeat;background-position: center center;background-image:url(../images/coordinateClose.png);background-size: initial;*/border-radius: 7px;height: 14px;width: 14px;margin-right: 14px;padding: 2px;font-size: 12px;background:transparent;transition: background 0.3s;}
+.hotPoint_content .point>div .delete::before{font-family: "FontAwesome";content: "\f00d";color: #bababa;transition: color 0.3s;}
+.hotPoint_content .point>div .delete:hover{background: #ccc;}
+.hotPoint_content .point>div.chosen .delete::before{color: #808080;}
+.hotPoint_content .point>div .delete:hover::before{color: #fff;}
+#snapPoint>div:first-child{border-top: 1px #ddd solid;margin-top:20px;} 
+#snapPoint>div:hover{background: #fff;}
+.selectButton{background: url("../images/styleButton2.png") white no-repeat;background-position:92% 50%;}
+#hotPoint_input textarea,#hotPoint_input li input,#hotPoint_input #select, #hotPoint_input label,#hotPoint_input li .right,.information_input label{width: 160px;height: 28px;line-height:28px;padding:0 8px;max-height:500px;/* overflow:auto;*//* overflow:hidden;*/border:none;}
+
+#hotPoint_input textarea{width: 160px;height: 56px;line-height:22px;padding:0 8px;background-color:#fafafa;max-height:500px;/* overflow:auto;*//* overflow:hidden;*/border:none;}
+#hotPoint_input textarea.focus,#hotPoint_input li input.white:focus{background:#fff;color:#333;border: 1px solid #09e1c0;}
+label.btn{cursor:pointer;display: inline-block;background:#09e1c0;color: #fff;text-align: center;transition: background 0.2s;letter-spacing:0.05em;}
+label.btn:hover{background:#14ebca;color:#fff;}
+#hotPoint_input label:hover,.information_input label:hover{background: #09cbae;}
+#hotPoint_input input::placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input input:-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input input::-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input #hotPoint_sumbit{width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;font-size: 14px;cursor: pointer;}
+#hotPoint_input input[type="button"]:hover{background: #22f0d0;}
+.hotPoint_list{position:relative;    overflow-y: auto; overflow-x: hidden; height: calc(100% - 88px);}
+.hotPoint_list #list{/* position:absolute;*/width: 100%;flex-direction: column-reverse; border-top:1px solid #ddd;}
+.hotPoint_list #list>li{/* position:absolute;*/padding-left: 20px;display:flex;display:-webkit-flex;justify-content: flex-start;align-items: center; width: 282px;height: 48px;border-bottom: 1px solid #ddd;cursor: pointer;background: #fafafa;transition: background 0.1s;position:  relative;}
+.hotPoint_list #list>li:before{position:absolute;content:"";width:0px;height:48px;background:#09e1c0;left:0px;top:-1px;transition: width 0.2s;}
+.hotPoint_list #list>li.open:before{ width:8px !important;}
+.hotPoint_list #list>li{ background:#fff;}
+.hotPoint_list #list>li.open{  }
+.hotPoint_list #list>li:hover{background:#eee;} 
+.hotPoint_list #list div{/* display: flex;display: -webkit-flex;*/align-items: center;}
+.hotPoint_list #list>li span{padding-left: 5px;font-weight:bold;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
+.hotPoint_list #list>li .delete{position: absolute;top: 0px;right: 0px;height: 48px;width: 48px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/del.png);background-size: initial;}
+.hotPoint_list #list>li .delete:hover{background-color:rgba(175, 175, 175, 0.1);}
+.hotPoint_list #list>li .DelConfirm{font-size: 12px;position: absolute;width:60px;z-index: 100;background: #fff;height: 56px;border-radius: 2px;box-shadow: 0 1px 6px 0px rgba(153, 153, 153, 1);text-align: center;line-height: 28px;right: 40px;opacity:0;transform: translateX(15px) scale(0,0);transform-origin:right;transition: transform 0.1s,opacity 0.1s;}
+.hotPoint_list #list>li .DelConfirm.open{opacity:1;transform: translateX(0px) scale(1, 1);}
+/*#list>li .DelConfirm:after{content: '';width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #ffffff;border-bottom: 5px solid transparent;position: absolute;right: -8px;top: 25px;color: #999;}*/
+.hotPoint_list #list>li .DelConfirm>div{height:50%;}
+.hotPoint_list #list>li .DelConfirm>div:hover{background:#eee;}
+.hotPoint_list #list>li .DelConfirm .DelYes{color: rgba(224, 82, 71, 1);}
+.hotPoint_list #list>li div.left{     flex: auto;    max-width: 80%;display: flex;display: -webkit-flex;}
+#information_file{display:none;position:relative;}
+.information_show_div{display:flex;display:-webkit-flex;justify-content:space-between;padding:10px 0px 20px;}
+.information_show_div span{padding-left:20px;line-height: 24px;}
+
+.information_show_div label{width:160px;height:28px;line-height:30px;cursor:pointer;display: inline-block;background:#09e1c0;color: #fff;text-align: center;transition: background 0.2s;letter-spacing:0.05em;}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999 !important;font-weight:normal !important;}
+input:-moz-placeholder, textarea:-moz-placeholder{color:#999 !important;font-weight:normal !important;}
+input::-moz-placeholder, textarea::-moz-placeholder{color:#999 !important;font-weight:normal !important;}
+input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999 !important;font-weight:normal !important;} 
+
+.Zprompt-popupBox{ font-family: "Microsoft YaHei"; position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.3);width:100%;height:100%;z-index:200;overflow:auto;}
+.Zprompt-popupBox .center{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
+.Zprompt-popup{padding: 0px;width:600px;height:289px;font-size:14px;box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;}
+.Zprompt-title{width:600px;display:flex;display:-webkit-flex;justify-content:space-between}
+.Zprompt-title a{text-decoration:none;height:20px;width:16px;opacity: 0.7;margin:10px}
+.Zprompt-title a:hover{opacity: 1}
+.Zprompt-title h2{padding-top:45px;padding-left:50px;font-size:24px;font-weight:600;margin:0}
+.Zprompt-main-false{margin-top:15px;width:598px;height:75px;display:flex;display:-webkit-flex;align-items:center;padding-left:49px;margin-left:1px;border-bottom:2px solid #eee;border-top:2px solid #eee;font-weight:700}
+.Zprompt-main-false span{padding-left:10px;font-weight:normal;letter-spacing:1px;}
+.Zprompt-footer{width:600px;height:95px;display:flex;display:-webkit-flex;justify-content:center;align-items:flex-end}
+.Zprompt-footer a{width:120px;height:48px;background:#09e1c0;text-align:center;line-height:48px;color: white;    margin: 0 10px;}
+.Zprompt-footer a:hover{background:#01dab9}
+.Zprompt-footer a.btn1{background:#c5c5c5}
+.Zprompt-footer a.btn1:hover{background:#b1b1b1}
+
+@keyframes flash {
+  0% {  
+	opacity:0;
+  } 
+  20% { 
+	opacity:1;
+  }
+   60% { 
+
+	opacity:1;
+  }
+   100% { 
+	opacity:0;
+  } 
+} 
+.Zprompt-popupBox #Zinfo{    width: 100px; height: 140px; opacity:0;}
+.Zprompt-popupBox #Zinfo.animate{  animation: flash 1s; -webkit-animation: flash 1s; animation-iteration-count:1; } 
+.Zprompt-popupBox #Zinfo .Zimg{    width: 100%; height: 100px;  background-image:url(../images/stips.png);  
+background-repeat: no-repeat;
+background-position: center center;}
+.Zprompt-popupBox #Zinfo .Ztitle{   text-align: center;  font-size: 16px;  letter-spacing:1px;   text-shadow: 2px 2px 6px rgba(27, 27, 27, 0.81);}
+.myAccount-cutAvatar{display: none;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.3);width:100%;height:100%;z-index:200;overflow:auto;}
+.myAccount-cutAvatar .myAccount-cutAvatar-inner {width:600px;height:543px;position:absolute;background:white;left:50%;top:50%;margin-left:-300px;margin-top:-272px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top {width:100%;height:95px;border-bottom:2px solid #eeeeee;font-size:24px;display:flex;display:-webkit-flex;justify-content:space-between;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top span {margin-top:40px;margin-left:50px;color: #333;font-weight: bold;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top a {margin:10px;height: 16px;width: 16px;line-height: 1px;opacity: 0.7;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top a:hover{opacity: 1} 
+.myAccount-cutAvatar .myAccount-cutAvatar-main {width:100%;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main {display:flex;display:-webkit-flex;padding:40px 0px 0px 50px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main>div:first-child {width:500px;height:300px;background:#eeeeee;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main>div:first-child img {max-width:500px;height:auto;max-height:300px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-inner>div:last-child {text-align:center;}
+.myAccount-cutAvatar input {background:#09e1c0;color:white;width:122px;height:50px;font-size:14px;cursor:pointer;border:1px solid white;outline:none;}
+#discrib .preholder{text-align:center;}
+
+
+
+
+
+#hotPoint_input .project-name,#hotPoint_input .project-intro{
+  flex-direction:column;
+
+  line-height: normal;
+
+}
+#hotPoint_input .project-name input,#hotPoint_input .project-intro>div,   .project-intro{
+  width:100%;
+}
+#hotPoint_input .project-name>span,#hotPoint_input .project-intro>span{
+  margin-bottom: 8px;
+}
+
+#hotPoint_input .project-intro{
+  margin:8px 0px 10px
+}
+.information_input .project-name,.information_input .project-intro{
+   flex-direction:column;
+
+   padding: 6px 0px 10px;
+   line-height: normal;
+}
+ 
+.information_input .project-name input,.information_input .project-intro>div{
+  width:calc( 100% - 40px );
+  margin-left:20px;
+  margin-top: 5px;
+}
+.information_input .project-intro{
+ margin:0px;
+}
+#type{
+     flex-direction:column;
+   width:100%;
+   position: relative;
+   margin: 0px;
+}
+#type a{
+    width:100%;
+}
+
+.noteBox{z-index: 999;display: none;width: 282px;height: 126px;background: white;padding: 20px 0px 0px 20px;opacity: 0;transition: opacity 0.5s ease;position: absolute;}
+.noteBox-row{display: flex;display: -webkit-flex;font-size: 14px;margin-bottom: 10px;}
+.noteBox-row h3{font-size: 14px;color: #333;}
+#noteInput_text{width: 242px;height: 28px;border: 1px solid #ccc;color: #333;padding-left: 10px;}
+.noteBox-row:last-child{justify-content: flex-end;margin-right: 20px;}
+.noteBox-ok{border-radius: 2px;cursor: pointer;width: 32px;height: 20px;color: white;background: #09e1c0;font-size: 12px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
+.noteBox-cancel{border-radius: 2px;cursor: pointer;width: 20px;height: 20px;background: #f56c6c;display: flex;display: -webkit-flex;justify-content: center;align-items: center;margin-left: 6px;}
+.noteBox.show{display: block;}
+.noteBox.active{opacity: 1;}
+
+.sizeWaring:before{color:#f56c6c !important;}
+.empty_warn{border:1px solid #f56c6c !important;color: #f56c6c !important;}
+.empty_warn::placeholder{color: #f56c6c !important;}
+
+.hide{ display:none;}
+.unable{pointer-events:none;  opacity:0.5;  }
+
+
+.editor .Main{ 
+	height:20px;
+	align-items: center;
+    display: flex;
+    justify-content: space-between;
+} 
+.editor .Main .scrollBar {
+    position: relative;
+    width: calc(96% - 45px);
+    height: 4px;
+    background-color: #c7c7c7;
+    cursor: pointer;
+}
+.editor .scrollBar .scroll_Track {
+	width: 0px;
+    height: 4px;
+    background-color: #09e1c0;
+}
+.editor .scrollBar .scroll_Thumb {
+	height: 12px;
+    width: 14px;
+    background-color: #919191;
+    /*-webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 4px;
+     -webkit-box-shadow: 0px 0px 5px #74b5f5;
+    -moz-box-shadow: 0px 0px 5px #74b5f5;
+    box-shadow: 0px 0px 4px #74b5f5; */
+    position: absolute;
+    margin-top: -8px;
+    cursor: pointer;
+    -webkit-user-select: none;
+}
+.editor .BarTxt {
+	position:relative;
+	width:40px;
+}
+.editor .BarTxt .scrollBarTxt{
+    width: 100%;
+    text-align: center;
+    height: 20px;
+    border: 0;
+    /* border-radius: 4px; */
+    padding: 4px 0;
+    text-align: center;
+    color: #fff;
+    background: #919191;
+    font-size: 12px;
+}
+.editor #floorLogoSize {
+    font-size: 12px;
+    width: 160px;
+}
+.editor #floorLogoSize .slider{
+	float: left;
+    width: 100%;
+}
+
+.editor #scenePSD span{
+	line-height: 24px;
+}
+.editor #scenePSD ul.MenuOptions{
+	width: 100%;
+    overflow: hidden; 
+    background: #fff; 
+    padding: 0px;
+    cursor: pointer;
+    flex-direction: row;
+    align-items: center;
+    
+}
+.editor #scenePSD .MenuOptions li{
+	float: left; 
+	text-align:center;
+	line-height: 28px;
+	font-size:14px;
+	display:inline-block; 
+	color:#999;
+	transition:color 0.1s;
+}
+ 
+
+
+.editor .MenuOptions li.chosen{
+	background-color:#09e1c0;
+	color:#fff !important
+} 
+.editor .MenuOptions li:hover{
+	color: #333;
+}
+.editor .MenuOptions li.chosen:hover{
+	background-color:#09e1c0;
+	color:#fff;
+
+}
+
+.editor .quarterCell{
+	width: 25%;
+} 
+.editor .thirdCell{
+	width: 33.33%;
+}
+.editor .halfCell{
+	width: 50%;
+}
+
+.editor  a.button{
+	width: 100%;
+    height: 30px;
+    background: #0ed8b9;
+    display: inline-block;
+    margin-top: 10px;
+    text-align: center;
+    color: #fff; 
+}
+.editor  a.button:hover{
+	background:#04c7a9;
+}
+.editor  a.button:active{
+	background:#05a089;
+}
+
+
+.editor  #scenePSD .word{
+	margin-top:10px; 
+}
+.editor  #scenePSD .word>*{
+	float:left;
+}
+.editor  #scenePSD .word input{
+	/* width: 75%;  */
+	width:100%;
+}
+ 
+			
+img{
+	pointer-events:none;
+}
+
+ 
+
+ 
+
+
+
+.editor .selection{
+    display: block;
+    position: relative;
+    height: 30px;
+    overflow: hidden;
+    color: #000;
+    padding-right: 40px;
+    padding-left: 10px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    background: #fff;
+    cursor: pointer;
+    outline: none;
+    line-height: 30px;
+	transition-duration:0.1s;
+	border: 1px solid white;
+}
+.editor  .selection:after{
+	content: "\f0d7";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 30px;
+    height: 30px;
+    font-family: FontAwesome;
+    text-align: center;
+    line-height: 30px;
+}
+.editor  .selection.focus{ 
+	color:#555;
+}
+.editor  ul.listOptions{
+	position: absolute;
+    left: 0px;
+    top: 56px;
+    z-index: 100;
+    width: 100%;
+    overflow: hidden; 
+    color: #9b9b9b;
+    background: #fff;
+    box-shadow: 0 5px 5px rgba(0,0,0,.3);
+	padding:0;
+	margin:0;
+	cursor:pointer;
+} 
+.editor  ul.listOptions>li{
+	height: 30px;
+    list-style-type: none;
+    color: #9b9b9b;
+    padding: 0 10px;
+    line-height: 30px;
+ /*    overflow: hidden; */
+    width:100%;
+    white-space: nowrap; 
+    margin: 0px;
+} 
+.editor  ul.listOptions>li.hover{
+    background: #fafafa;
+}
+
+#hotspot{
+	position: absolute;
+	height: 100%;
+	 
+	touch-action: none;
+	-webkit-user-select: none;
+	-webkit-user-drag: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+	bottom:0;
+	left: 0;
+	pointer-events: none;
+	z-index:99;
+	transition:opacity 0.1s;
+}
+#hotspot *{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	-webkit-font-smoothing: antialiased;
+}		
+ 
+
+#hotspot>*{
+	pointer-events: all;
+	position:absolute;
+	display: block; 
+	
+}
+
+  
+
+#hotspot >.markspot{
+	background-image: url(../images/markspotAll.png);
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: center -76px;
+	width: 60px;
+	height: 76px;
+	margin-left: -32px;
+	margin-top: -62px;
+	cursor: -webkit-grab;
+} 
+#hotspot >.markspot.zero{
+	background-position: center 0;
+}
+#hotspot >.markspot.two{
+	background-position: center -152px;
+}
+
+
+ 
+
+
+.editor .hotPoint_list{
+	width: calc(100% + 12px);/* 滑动条隐藏 */
+}
+ 
+.editor .hotPoint_list #list>li div.left>img{
+	width:24px;
+}
+
+.editor #select .showStyle>div:first-child > img{
+	width:20px;
+}
+.editor #select ul li > img{
+	width:40px;
+	height: auto;
+	display: block;
+}
+ 
+.warning-border{
+	border: 1px solid #f56c6c !important;
+}
+ 
+ 
+ 
+ 
+ @keyframes flash{
+  0% {
+    opacity: 0; }
+  1% {
+    opacity: 1; }
+  30% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } 
+ }
+ #webgl .snapshotFlash{
+	opacity: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: -1;
+    background: #ffffff;
+    pointer-events: none;
+ }
+ #webgl .snapshotFlash.active{
+	z-index: 100;
+	-webkit-animation-name:flash;
+	animation-name:flash;
+	-webkit-animation-duration:1s;
+	animation-duration:1s;
+	-webkit-animation-fill-mode:both;
+	animation-fill-mode:both;
+}
+
+#webgl .snapshotGui{
+	position:absolute; 
+    z-index: 100;
+	width: calc(94% - 80px);
+    height: calc(85% - 80px);
+    border: 1px solid rgba(255,255,255,0.5); 
+    left: calc(3% + 40px);
+    top: calc(3% + 80px);
+	pointer-events: none;
+	opacity:0;
+	transition: opacity 0.3s,
+				border 0.3s;
+	
+}
+#webgl .snapshotGui .corner{
+	width:100px;
+	height:100px;
+	position:absolute;
+	transition:opacity 0.3s;
+	opacity: 0.5;
+}
+#webgl .snapshotGui.highLight .corner{
+	opacity: 0.8;
+}
+#webgl .snapshotGui.highLight{
+	border: 1px solid rgba(255,255,255,0.8); 
+}
+#webgl .snapshotGui .corner.leftTop{
+	border-top:4px solid #fff;
+	border-left:4px solid #fff;
+	left:-40px;
+	top:-40px;
+}
+#webgl .snapshotGui .corner.rightTop{
+	border-top:4px solid #fff;
+	border-right:4px solid #fff;
+	right:-40px;
+	top:-40px;
+}
+#webgl .snapshotGui .corner.leftBott{
+	border-left:4px solid #fff;
+	border-bottom:4px solid #fff;
+	left:-40px;
+	bottom:-40px;
+}
+#webgl .snapshotGui .corner.rightBott{
+	border-right: 4px solid #fff;
+    border-bottom: 4px solid #fff;
+    right: -40px;
+    bottom: -40px;
+}
+ 
+#webgl .snapshotGui .confirmSnap{
+	background: rgba(9, 225, 192, 0.9);
+    color: #fff;
+    border-radius: 5px;
+    /* margin: 0 auto; */
+    bottom: 20px;
+    position: absolute;
+    width: 220px;
+    letter-spacing: 0.1em;
+    height: 48px;
+    text-align: center;
+    line-height: 48px;
+    font-size: 16px;
+    font-weight: 100;
+    left: calc(50% - 110px);
+    font-family: SourceHanSansCN;
+	pointer-events: all;
+	cursor:pointer;
+	transition:background 0.2s;
+}
+#webgl .snapshotGui .confirmSnap:hover{
+	background:rgba(9, 225, 192, 0.78)  /* #14ebca */
+}
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 

css/diyUpload.css

@@ -0,0 +1,129 @@
+@charset "utf-8";
+/* CSS Document*/
+.parentFileBox {
+	width:auto;
+	height:auto;
+	overflow:hidden;
+	position:relative;
+}
+.parentFileBox>.fileBoxUl {
+	position:relative;
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	padding-bottom:5px;
+}
+.parentFileBox>.fileBoxUl>li {
+	float:left;
+	border:1px solid #09F;
+	border-radius:5px;
+	width:95px;
+	height:95px;
+	margin-top:5px;
+	margin-left:5px;
+	overflow:hidden;
+	position:relative;
+	background-color:#099;
+}
+.parentFileBox>.fileBoxUl>li>.viewThumb {
+	position:absolute;
+	top:0;
+	left:0;
+	width:95px;
+	height:95px;
+	overflow:hidden;
+}
+.parentFileBox>.fileBoxUl>li>.viewThumb>img {
+	width:100%;
+	height:100%;
+}
+.parentFileBox>.fileBoxUl>li>.diyCancel,.parentFileBox>.fileBoxUl>li>.diySuccess {
+	position:absolute;
+	width:20px;
+	height:20px;
+	top:2px;
+	right:2px;
+	cursor:pointer;
+	display:none;
+	background-size: 100% !important; 
+}
+.parentFileBox>.fileBoxUl>li>.diyCancel {
+	background:url(../images/edit/x_alt.png) left top no-repeat;
+}
+.parentFileBox>.fileBoxUl>li>.diySuccess {
+	background:url(../images/edit/check_alt.png)  left top  no-repeat;
+	cursor:default;
+}
+.parentFileBox>.fileBoxUl>li>.diyFileName {
+	position:absolute;
+	bottom:0px;
+	left:0px;
+	width:100%;
+	height:15px;
+	line-height:15px;
+	text-align:center;
+	color:#fff;
+	font-size:12px;
+	display:none;
+	background:url(../images/edit/bgblack.png);
+}
+.parentFileBox>.fileBoxUl>li>.diyBar {
+	top:0;
+	left:0;
+	position: absolute;
+	width: 95px;
+	height: 95px;
+	line-height:150px;
+	background:url(../images/edit/bgblack.png);
+	display:none;
+}
+.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText {
+	font-size:14px;
+	text-align:center;
+	color:#FFF;
+	position:relative;
+	z-index:99;
+}
+.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {
+	position:absolute;
+	left:0;
+	top:42%;
+	height:24px;
+	width:100%;
+	background-color:#09F;
+	filter:alpha(opacity=70);
+	-moz-opacity:0.7;
+	opacity:0.7;
+	z-index:97;
+}
+.parentFileBox>.diyButton {
+	width:100%;
+	margin-top:5px;
+	margin-bottom:5px;
+	height:20px;
+	line-height:20px;
+	text-align:center;
+}
+.parentFileBox>.diyButton>a {
+	padding:5px 10px 5px 10px;
+	background-color:#09C;
+	color:#FFF;
+	font-size:12px;
+	text-decoration:none;
+	border-radius:3px;
+}
+.parentFileBox>.diyButton>a:hover {
+	background-color:#0CC;
+	color:#F30;
+}
+.parentFileBox>.fileBoxUl>li:hover {
+	-moz-box-shadow: 3px 3px 4px #ccc;
+	-webkit-box-shadow: 3px 3px 4px #ccc;
+	box-shadow: 3px 3px 4px #ccc;
+}
+.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {
+	display:block;
+}
+.parentFileBox>.fileBoxUl>li:hover .diyFileName {
+	display:block;
+}

css/oldVer/main0.css

@@ -0,0 +1,222 @@
+.sidecontent{position:fixed;left:-750px;width:auto;display:none;background:rgba(0,0,0,0.8);top:70px;height: 100%;color: rgba(255,255,255,1);}
+.sidecontent h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;position:relative;}
+.sidecontent h1 span{font-size:12px;font-weight:normal;position:absolute;right:-10px;cursor:pointer;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
+#text
+{
+    float:left;
+	width:auto;
+	font-size:18px;
+	letter-spacing:2px;
+	margin:30px;
+	max-width:600px;
+	height:500px;
+	max-height:630px;
+	line-height:22px;
+	font-family:"宋体";
+}
+#sideimg{margin:5px 20px 30px 10px;float:left;}
+
+#gui-modes-map div img
+{
+	width:48px;
+	height:48px;
+}
+
+ 
+
+iframe{
+	border: none;
+}
+
+
+#popup {
+	z-index: 20;
+	text-align: center;
+	padding: 0;
+	position: relative;
+	width: 100%;
+	height: 100%;
+	/* margin: 80px auto; */
+	display: none;
+	z-index: 101;
+	background:  rgba(0,0,0,0.6);
+}
+.popup-content{
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow-x: hidden;
+}
+#id1{ width: 100%; height: 100%;}
+#popup.wait{
+	opacity:0.1; 
+}
+#closepop {
+	background: url(../../images/close1.png) no-repeat;
+	width: 60px;
+	height: 60px;
+	cursor: pointer;
+	position: absolute;
+	right: 30px;
+	top: 30px;
+	text-indent: -999em;
+	background-size: 100% 100%;
+}
+.specialTitle{bottom:65%;
+    width: 100%;
+    padding: 0 25px;
+    display: block;
+    font-family: OpenSans,'Helvetica Neue',sans-serif;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 100;
+    letter-spacing: .75px;
+    text-shadow: 0 0 10px rgba(15,16,17,1);
+    color: rgba(255,255,255,1);
+    margin: 0;
+    position: absolute;
+    hyphens: auto;
+    word-wrap: break-word;
+    line-height: 45px;}
+	.dropdown {position: relative;display: inline-block;float: right;height: 40px;line-height: 40px;right: 10px;}
+    .floor{ width: 100px;text-align: center;display: block;height: 30px;background: rgba(0,0,0,0.4);line-height: 30px;margin-top: 10px;cursor: pointer;}
+    .dropdown-content {display: none;position: absolute;background: rgba(0,0,0,0.6);min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);text-align:center;}
+    .dropdown:hover .dropdown-content {display: block;}
+    a{text-decoration:none;}
+	#YY,#SZZ{display:none;}
+ @media only screen and (max-width:487px){
+           .dropdown {height: 30px;line-height: 30px;right:5px;}
+           .floor {width: 80px;height: 20px;line-height: 20px;margin-top: 5px;}
+          .dropdown-content{min-width: 80px;}	
+           }
+@media screen and (max-width: 1600px) {
+ 
+	/*#popup {
+		width: 816px;
+		height: 510px;
+		margin: -255px auto auto -408px;
+	}*/
+	.specialTitle{
+	bottom:65%;
+    font-size: 34px;
+	}
+}
+
+@media screen and (max-width: 1400px) {
+ 
+	/*#popup {
+		width: 714px;
+		height: 446px;
+		margin: -223px auto auto -357px;
+	}*/
+	.specialTitle {
+    bottom: 65%;
+    font-size: 30px;
+    }
+}
+
+@media screen and (max-width: 1200px) {
+ 
+	#closepop{
+		width: 40px;
+		height: 40px;
+		top: 20px;
+		right: 20px;
+	}
+	.specialTitle {
+    bottom: 66%;
+    font-size: 26px;
+    }
+}
+ 
+@media screen and (max-width: 768px) {
+ 
+	.specialTitle {
+     bottom: 62%;
+     font-size: 26px;
+	 line-height:40px;
+    }
+	#special-gui-name{display:none;}
+}
+@media screen and  (max-width: 736px){
+
+	
+	#title-toggle{
+		padding-top: 18px;
+		height: 42px;
+	}
+
+
+	.pinTop{top:8px;}
+}
+@media screen and  (max-width:667px){
+	#closepop{
+		width: 36px;
+		height: 36px;
+		top: 0px;
+		right: 0px;
+	}
+
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+
+}
+@media screen and  (max-width:568px){
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+
+}
+@media screen and (max-width:414px) {
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	
+
+}
+@media screen and (max-width:375px) {
+
+	
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+
+	
+	.pinTop{top:5px;}	
+	
+}
+@media screen and (max-width:320px) {
+	/*#popup {
+		width: 200px;
+        height: 380px;
+        margin: -200px auto auto -100px;
+	}*/
+	
+	#title-toggle{
+		padding-top: 16px;
+		height: 36px;
+	}
+
+	
+	.pinTop{top:0px;}
+	
+}

css/oldVer/main0.css.bak

@@ -0,0 +1,339 @@
+.sidecontent{position:fixed;left:-750px;width:auto;display:none;background:rgba(0,0,0,0.8);top:70px;height: 100%;color: rgba(255,255,255,1);}
+.sidecontent h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;position:relative;}
+.sidecontent h1 span{font-size:12px;font-weight:normal;position:absolute;right:-10px;cursor:pointer;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;}
+#text
+{
+    float:left;
+	width:auto;
+	font-size:18px;
+	letter-spacing:2px;
+	margin:30px;
+	max-width:600px;
+	height:500px;
+	max-height:630px;
+	line-height:22px;
+	font-family:"宋体";
+}
+#sideimg{margin:5px 20px 30px 10px;float:left;}
+
+#gui-modes-map div img
+{
+	width:48px;
+	height:48px;
+}
+
+ 
+
+iframe{
+	border: none;
+}
+
+
+#popup {
+	z-index: 20;
+	text-align: center;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 960px;
+	height: 580px;
+	margin: -290px auto auto -480px;
+	display: none;
+	overflow-y: hidden;
+	transition: opacity 0.2s;
+	opacity: 1;
+}
+#popup.wait{
+	pointer-events:none;
+	opacity:0.1; 
+}
+#closepop {
+	background: url(../../images/close1.png) no-repeat;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    text-indent: -999em;
+}
+.specialTitle{bottom:65%;
+    width: 100%;
+    padding: 0 25px;
+    display: block;
+    font-family: OpenSans,'Helvetica Neue',sans-serif;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 100;
+    letter-spacing: .75px;
+    text-shadow: 0 0 10px rgba(15,16,17,1);
+    color: rgba(255,255,255,1);
+    margin: 0;
+    position: absolute;
+    hyphens: auto;
+    word-wrap: break-word;
+    line-height: 45px;}
+	.dropdown {position: relative;display: inline-block;float: right;height: 40px;line-height: 40px;right: 10px;}
+    .floor{ width: 100px;text-align: center;display: block;height: 30px;background: rgba(0,0,0,0.4);line-height: 30px;margin-top: 10px;cursor: pointer;}
+    .dropdown-content {display: none;position: absolute;background: rgba(0,0,0,0.6);min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);text-align:center;}
+    .dropdown:hover .dropdown-content {display: block;}
+    a{text-decoration:none;}
+	#YY,#SZZ{display:none;}
+ @media only screen and (max-width:487px){
+           .dropdown {height: 30px;line-height: 30px;right:5px;}
+           .floor {width: 80px;height: 20px;line-height: 20px;margin-top: 5px;}
+          .dropdown-content{min-width: 80px;}	
+           }
+@media screen and (max-width: 1600px) {
+ 
+	#popup {
+		width: 816px;
+		height: 510px;
+		margin: -255px auto auto -408px;
+	}
+	.specialTitle{
+	bottom:65%;
+    font-size: 34px;
+	}
+}
+
+@media screen and (max-width: 1400px) {
+ 
+	#popup {
+		width: 714px;
+		height: 446px;
+		margin: -223px auto auto -357px;
+	}
+	.specialTitle {
+    bottom: 65%;
+    font-size: 30px;
+    }
+}
+
+@media screen and (max-width: 1200px) {
+ 
+	#popup {
+		width: 700px;
+		height: 422px;
+		margin: -211px auto auto -350px;
+	}
+	.specialTitle {
+    bottom: 66%;
+    font-size: 26px;
+    }
+}
+
+/* @media screen and (max-width: 1024px) { */
+ 
+	/* #popup { */
+		/* width: 700px; */
+		/* height: 438px; */
+		/* margin: -219px auto auto -350px; */
+	/* } */
+/* } */
+@media screen and (max-width: 768px) {
+ 
+	#popup {
+		width:600px;
+		height:720px;
+		margin: -360px auto auto -300px;
+	}
+	.specialTitle {
+     bottom: 62%;
+     font-size: 26px;
+	 line-height:40px;
+    }
+	#special-gui-name{display:none;}
+}
+@media screen and (min-width:669px) and (max-width: 736px){
+	#popup {
+		width:500px;
+		height:260px;
+		margin: -130px auto auto -250px;
+	}
+	#closepop{
+		width: 32px;
+        height: 32px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 42px;
+	}
+	#title-toggle{
+		padding-top: 18px;
+		height: 42px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:42px;
+		width: 259px;
+	}
+	#gui-name{
+		font-size: 16px;
+		line-height:16px;
+	}
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (min-width:569px) and (max-width:667px){
+	#popup {
+		width:420px;
+		height:230px;
+		margin: -115px auto auto -210px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 40px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:40px;
+		width: 240px;
+	}
+	#gui-name{
+		font-size: 15px;
+		line-height:15px;
+	}
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (min-width:447px) and (max-width:568px){
+	#popup {
+		width:340px;
+		height:170px;
+		margin: -85px auto auto -170px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 38px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:38px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 14px;
+		line-height:14px;
+	}
+	#musicImg .fa-2x {
+        font-size: 1.5em;
+    }
+	.pinTop{top:8px;}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:414px) {
+	#popup {
+		width: 280px;
+        height: 520px;
+        margin: -260px auto auto -140px;
+	}
+	#closepop{
+		width: 30px;
+        height: 30px;
+		background-size: contain;
+		right: 0px;
+	}
+	#model-title{
+		height: 40px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 40px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:40px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 16px;
+		line-height:16px;
+	}
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:375px) {
+	#popup {
+		width: 252px;
+        height: 490px;
+        margin: -245px auto auto -126px;
+	}
+	#model-title{
+		height: 38px;
+	}
+	#title-toggle{
+		padding-top: 17px;
+		height: 38px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:38px;
+		width: 220px;
+	}
+	#gui-name{
+		font-size: 15px;
+		line-height:15px;
+	}
+	.pinTop{top:5px;}	
+	#model-title {
+    width: 70%;
+}
+}
+@media screen and (max-width:320px) {
+	#popup {
+		width: 200px;
+        height: 380px;
+        margin: -200px auto auto -100px;
+	}
+	#model-title{
+		height: 36px;
+	}
+	#title-toggle{
+		padding-top: 16px;
+		height: 36px;
+	}
+	.title-container{
+		padding: 16px 10px 6px;
+		height:36px;
+		width: 200px;
+	}
+	#gui-name{
+		font-size: 14px;
+		line-height:14px;
+	}
+	.pinTop{top:0px;}
+	#model-title {
+    width: 70%;
+}
+}

css/oldVer/video-js.css

@@ -0,0 +1,770 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.5.1
+Create your own skin at http://designer.videojs.com
+*/
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurances of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: #cccccc;
+}
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face {
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus hightlight with handle highlight */
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  /* background-color-with-alpha */
+  background-color: #333333;
+  background-color: rgba(51, 51, 51, 0.9);
+}
+.vjs-default-skin .vjs-slider:focus {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 2em #ffffff;
+  -moz-box-shadow: 0 0 2em #ffffff;
+  box-shadow: 0 0 2em #ffffff;
+}
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-slider-handle:before {
+  content: "\e009";
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* Rotate the square icon to make a diamond */
+  /* transform */
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden */
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. */
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div */
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items */
+  height: 3.0em;
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+}
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+
+  visibility: visible;
+  opacity: 1;
+  /* transition */
+  -webkit-transition: visibility 0.1s, opacity 0.1s;
+  -moz-transition: visibility 0.1s, opacity 0.1s;
+  -o-transition: visibility 0.1s, opacity 0.1s;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  /* transition */
+  -webkit-transition: visibility 1s, opacity 1s;
+  -moz-transition: visibility 1s, opacity 1s;
+  -o-transition: visibility 1s, opacity 1s;
+  transition: visibility 1s, opacity 1s;
+}
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@media \0screen {
+  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+    content: "";
+  }
+}
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+/* FontAwsome button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em #ffffff;
+}
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; */
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+
+}
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  /* hide-visually */
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: "\e001";
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: "\e002";
+}
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: "\e006";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: "\e003";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: "\e004";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: "\e005";
+}
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
+  height: 2.9em;
+}
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+}
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+  width: 1em;
+  height: 1em;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  width: 6em;
+  left: -4em;
+}
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. */
+  top: -1em;
+  /* Shrink the bar slower than it grows. */
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+
+  /* transition */
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: #646464 /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.4);
+}
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar */
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time {
+  float: left;
+}
+.vjs-default-skin .vjs-duration {
+  float: left;
+}
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time {
+  display: none;
+  float: left;
+}
+.vjs-time-divider {
+  float: left;
+  line-height: 3em;
+}
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: "\e000";
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: "\e00b";
+}
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  left: 0.5em;
+  top: 0.5em;
+  font-size: 3em;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: 4em;
+  height: 2.6em;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+  /* Need a slightly gray bg so it can be seen on black backgrounds */
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  border: 0.1em solid #3b4249;
+  /* border-radius */
+  -webkit-border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  border-radius: 0.8em;
+  /* box-shadow */
+  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  /* Center it horizontally */
+  left: 50%;
+  margin-left: -2.1em;
+  /* Center it vertically */
+  top: 50%;
+  margin-top: -1.4000000000000001em;
+}
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state */
+  background-color: #505050;
+  background-color: rgba(50, 50, 50, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 3em #ffffff;
+  -moz-box-shadow: 0 0 3em #ffffff;
+  box-shadow: 0 0 3em #ffffff;
+  /* transition */
+  -webkit-transition: all 0s;
+  -moz-transition: all 0s;
+  -o-transition: all 0s;
+  transition: all 0s;
+}
+.vjs-default-skin .vjs-big-play-button:before {
+  content: "\e001";
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+
+  line-height: 2.6em;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 4em;
+  line-height: 1;
+  width: 1em;
+  height: 1em;
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+  opacity: 0.75;
+  /* animation */
+  -webkit-animation: spin 1.5s infinite linear;
+  -moz-animation: spin 1.5s infinite linear;
+  -o-animation: spin 1.5s infinite linear;
+  animation: spin 1.5s infinite linear;
+}
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: "\e01e";
+  font-family: VideoJS;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em;
+  /* (Width of vjs-menu - width of button) / 2 */
+
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+  border-top: 1.55em solid #000000;
+  /* Same width top as ul bottom */
+
+  border-top-color: rgba(7, 40, 50, 0.5);
+  /* Same as ul background */
+
+}
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em;
+  /* Same bottom as vjs-menu border-top */
+
+  max-height: 15em;
+  overflow: auto;
+  left: -5em;
+  /* Width of menu - width of button / 2 */
+
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  /* box-shadow */
+  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+}
+.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+  /* background-color-with-alpha */
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before {
+  content: "\e00c";
+}
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: "\e008";
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+
+  font-size: 10px;
+  /* Allow poster to be vertially aligned. */
+
+  vertical-align: middle;
+  /*  display: table-cell; */
+  /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+
+  font-family: Arial, sans-serif;
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+
+  /* user-select */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) */
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right */
+  left: 1em;
+  right: 1em;
+}
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) */
+  /* background-color-with-alpha */
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.video-js .vjs-subtitles {
+  color: #ffffff /* Subtitles are white */;
+}
+.video-js .vjs-captions {
+  color: #ffcc66 /* Captions are yellow */;
+}
+.vjs-tt-cue {
+  display: block;
+}
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden {
+  display: none;
+}
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

css/popupwindow.css

@@ -0,0 +1,284 @@
+button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border-color: transparent;}
+input:required:invalid {box-shadow: none;}
+.footer-btn-double{ display: none; }
+.dialog,
+.dialog__overlay {
+	width: 100%;
+	height: 100vh;
+	top: 0;
+	left: 0;
+	z-index: 11;
+}
+.dialog-2,.dialog__overlay{ z-index: 999; }
+.dialog {
+	font-family: "Microsoft YaHei";
+    letter-spacing: 0.02em;
+	position: fixed;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-justify-content: center;
+	justify-content: center;
+	pointer-events: none;
+}
+
+.dialog__overlay {
+	position: absolute;
+	z-index: 1;
+	background: rgba(55, 58, 71, 0.9);
+	opacity: 0;
+	-webkit-transition: opacity 0.3s;
+	transition: opacity 0.3s;
+	-webkit-backface-visibility: hidden;
+}
+
+.dialog--open .dialog__overlay {
+	opacity: 0.5;
+	pointer-events: auto;
+}
+
+.dialog__content {
+	text-align: center;
+	position: relative;
+	z-index: 5;
+	opacity: 0;
+	font-size: 75px;
+}
+
+.dialog--open .dialog__content {
+	pointer-events: auto;
+}
+
+.dialog.dialog--open .dialog__content,
+.dialog.dialog--close .dialog__content {
+	-webkit-animation-duration: 1s;
+	animation-duration: 1s;
+	-webkit-animation-timing-function: linear;
+	animation-timing-function: linear;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+}
+
+.dialog.dialog--open .dialog__content {
+	-webkit-animation-name: anim-open;
+	animation-name: anim-open;
+}
+
+.dialog.dialog--close .dialog__content {
+	-webkit-animation-name: anim-close;
+	animation-name: anim-close;
+	-webkit-animation-duration: 0.3s;
+	animation-duration: 0.3s;
+	-webkit-animation-timing-function: ease-out;
+	animation-timing-function: ease-out;
+}
+
+.dialog--open .password,.dialog--open .password2{ display: block; }
+.password,.password2{ display: none; }
+
+
+/*弹出提示框的样式*/
+.prompt-popup a{
+	text-decoration: none;
+	color:white;
+}
+
+.prompt-popup{
+	z-index: 999;
+	width: 6.666667em;
+	height: 3.853333em;
+	color: #333333;
+	border-radius:5px;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;	
+	background: white;
+	position: relative;
+	padding: 0 0.666667em;
+ 
+}
+.prompt-title{
+	display: flex;
+	display: -webkit-flex;
+	padding-top: 0.666667em;
+}
+.footer-btn-single span, .prompt-second-pg { font-size: 0.186667em; }
+.prompt-title a{
+	font-size:0.186667em;
+}
+.prompt-title h2{
+	font-size: 0.32em;
+	font-weight:600;
+	margin: 0px;
+}
+.prompt-second{padding-left: 0.066667em; font-size: 0.186667rem;}
+.prompt-main{
+	margin-top: 0.266667em;
+	height: 1.0em;
+	display: flex;
+	display: -webkit-flex;
+	align-items: center;
+	border-bottom: 2px solid #eeeeee;
+	border-top: 2px solid #eeeeee;
+	font-weight: bold;
+}
+.prompt-main span{ font-size: 0.186667em; }
+.prompt-title-close{position: absolute; top: 0.2em; display: flex;right: 0.2em;}
+.prompt-footer{
+	height: 1.12em;
+	display: flex;
+	display: -webkit-flex;
+	justify-content: center;
+	align-items: flex-end;
+}
+.prompt-footer a{
+	width: 1.6em;
+	height: 0.64em;
+	background:  #09e1c0;
+	line-height: 0.64em;
+	display: inline-flex;
+	justify-content:center;
+}
+.prompt-footer a:hover{
+	background: #45edd3;
+}
+.footer-btn-back{ background: #ccc !important; }
+.footer-btn-back span{font-size:0.186667em;}
+.footer-btn-confirm span{font-size:0.186667em;}
+.footer-btn-confirm{ margin-left: 0.266667em; }
+
+
+/* Content */
+@-webkit-keyframes anim-open {
+	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+}
+
+@keyframes anim-open {
+	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+
+	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
+}
+
+@-webkit-keyframes anim-close {
+	0% { opacity: 1; }
+	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
+}
+
+@keyframes anim-close {
+	0% { opacity: 1; }
+	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
+}
+
+@media screen and (min-width: 1705px)  and  (max-width: 1805px) {
+  .dialog__content{font-size: 72px;}
+}
+@media screen and (min-width: 1605px)  and  (max-width: 1705px) {
+  .dialog__content{font-size: 68px;}
+}
+@media screen and (min-width: 1505px)  and  (max-width: 1605px) {
+  .dialog__content{font-size: 65px;}
+}
+@media screen and (min-width: 1405px)  and  (max-width: 1505px) {
+  .dialog__content{font-size: 61px;}
+}
+@media screen and (min-width: 1305px)  and  (max-width: 1405px) {
+  .dialog__content{font-size: 58px;}
+}
+@media screen and  (max-width: 1305px) {
+  .dialog__content{font-size: 55px;}
+}

css/toolBox.css

@@ -0,0 +1,803 @@
+@font-face {font-family: "SourceHanSansCN";src: url("../fonts/SourceHanSansCN.woff2") format("woff2"),url("../fonts/SourceHanSansCN.woff") format("woff"),url("../fonts/SourceHanSansCN.ttf") format("truetype");font-weight: normal;font-style: normal;}
+/* html,body{height: 100%;width: 100%;margin: 0px;padding: 0px;overflow: hidden;font-size: 75px;}
+@media screen and (min-width: 1705px)  and  (max-width: 1805px) {
+  html{font-size: 72px;}
+}
+@media screen and (min-width: 1605px)  and  (max-width: 1705px) {
+  html{font-size: 68px;}
+}
+@media screen and (min-width: 1505px)  and  (max-width: 1605px) {
+  html{font-size: 65px;}
+}
+@media screen and (min-width: 1405px)  and  (max-width: 1505px) {
+  html{font-size: 61px;}
+}
+@media screen and (min-width: 1305px)  and  (max-width: 1405px) {
+  html{font-size: 58px;}
+}
+@media screen and  (max-width: 1305px) {
+  html{font-size: 55px;}
+  }
+} */
+
+ html,body{height: 100%;width: 100%;margin: 0px;padding: 0px;overflow: hidden; }
+
+
+
+*{box-sizing: border-box; font-family:OpenSans, "Microsoft YaHei";   background-size: contain;  background-repeat: no-repeat; background-position: center center; }
+.editor a{text-decoration: none;color:#333333;}
+.editor ul li{display: inline-block;list-style: none; width:100%}
+.editor ul{margin: 0px;padding: 0px;}
+.editor input,textarea{font: 14px "Microsoft YaHei";}
+.editor input[type="text"]:focus{border: 1px solid #09e1c0;}
+
+.scrollBox{width: 282px;height: 100%;}
+.scrollBox:nth-child(n+3){display: none;}
+.introduce-top{color: white;font-family:"Microsoft YaHei"; font-size:14px;margin:10px 0 0 10px;z-index:60;position: absolute;left: 0;top: 0;width: auto;height: 48px;}
+.introduce-top .introduce-button{padding-right: 25px;filter: drop-shadow(0px 1px 1px rgba(153,153,153,1));border-radius: 5px;background: url("../images/introduce_close.png") no-repeat;background-size: 16px; transition:background-color 0.3s; background-position:100% 50%;padding-left:0px;width:100%;height:48px;display:flex;display:-webkit-flex;font-size:16px;align-items:center; cursor:pointer;}
+.introduce-button a{display: inline-block;}
+.introduce-button .introduce-button-fImg{width: 30px;height: auto;margin-right:6px;}
+.introduce-button .introduce-button-lImg{width:1px;height:auto;margin-right:5px;}
+.introduce-top.open .introduce-button{background-image:url("../images/introduce_open.png")}
+.introduce-top .addIntroduce-bg{background: url("../images/introduce_close.png") no-repeat rgba(0,0,0,0.45);background-size: 16px;background-position:94% 50%;}
+.introduce-top .introduce-button span{margin-left:6px;letter-spacing:1px; font-weight:600;font-size:16px;margin-top: 2px;}
+.introduce-top .introduce-detailBox h3{font-size:12px; margin-bottom: 13px; font-weight:600;}
+.introduce-top .introduce-detailBox span{    line-height: 22px;text-align: justify;word-break: break-all;color: white;}
+.introduce-top .introduce-detailBox{position: absolute;border-radius: 3px;max-height:0px;width:320px;margin-top:5px;margin-left:41px;overflow:hidden;transition:max-height 0.25s ease-out;transform: translate3d(0, 0, 0);}
+.introduce-top.open .introduce-detailBox{max-height: 600px;}
+.introduce-top .introduce-detail{text-align:justify;width:100%;letter-spacing:1px;word-wrap: break-word;padding:14px 12px 14px 14px;background:rgba(0,0,0,0.2);}
+.introduce-top .introduce-detail p{text-align: justify;font-weight:400;line-height: 22px;word-break: break-all;color: white;}
+.bgNone{background: none !important;}
+.divNone{display: none !important;}
+ 
+.introduce-top .introduce-detail a,  #hotspot a{ text-decoration: underline !important; color:#fff !important;  margin: 0 2px !important; padding: 0 !important;       }
+.introduce-top .introduce-detail a *{color:#fff !important; }
+/* #hotspot .picBottom a,#hotspot .picRight a,#hotspot .formInfo a{color:#2d2d2d !important;}   */
+.introduce-top .introduce-detail a:hover,  #hotspot a:hover{color:#09e1c0 !important;}
+.introduce-top .introduce-detail a:hover *,  #hotspot a:hover *{color:#09e1c0 !important;}
+
+.toolTop{width: 282px;height: 48px;background: #5a45df;position: absolute;top: 0px;right: 0px;z-index: 150;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
+.toolTop>div:nth-child(2){display:flex;display:-webkit-flex;align-items:center;font-size:16px;font-weight:bold;  overflow: hidden;}
+.toolTop>div:nth-child(2)>*{ 
+   white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.toolTop-button{display:flex;display:-webkit-flex;width:282px;}
+.toolTop-button>div{opacity:0.7;cursor: pointer;display:flex;display:-webkit-flex;width:94px;height:48px;align-items:center;justify-content:center;}
+.toolTop-button>div:hover{opacity:1;}
+.toolTop-button span{margin-left:5px;font-size:16px;color:#fafafa;}
+.editor{letter-spacing:0.1em;z-index:140;font: 14px "Microsoft YaHei";font-weight:400;color: #333333;width: 282px;height: 100%;background: #f5f5f5;position: absolute;right: 0px;top: 0px;padding-top:48px;box-shadow: 0px 0px 6px #666;-webkit-box-shadow: 0px 0px 6px #666;-moz-box-shadow: 0px 0px 6px #666;}
+.toolBox,.informationBox, .hotPointBox,.styleZBox{margin-top:48px;height:calc(100% - 106px);width:calc(100% + 12px);overflow-y:auto;overflow-x:hidden;    }
+.toolContent,.hotPoint_content,.information_content,.styleZ_content{position: relative; width: 282px;}
+.toolBox_Top{position: absolute;right: 0px;width: 100%;display: flex;display: -webkit-flex;border-bottom:1px solid #ddd;}
+.styleZ_content h3{font-size: 14px;font-weight:normal;margin:20px;}
+.styleZ_content>ul{display:flex;display:-webkit-flex;flex-direction:column;padding:0px 20px;}
+.styleZ_content>ul li{cursor: pointer;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;margin-bottom:10px;border:1px solid #ddd;border-radius:6px;padding:5px;}
+.styleZ-select{position:relative;width:46%;display:flex;display:-webkit-flex;justify-content:center;}
+.styleZ-select:before{content:"";position:absolute;top:50%;margin-top:-6px;left:15px;width:14px;height:14px;border-radius:7px;border:1px solid #ddd;}
+.styleZ_content>ul li:hover{background: #fafafa;}
+.styleZ_content>ul li.active{background:white;border-color:#09e1c0;}
+.styleZ_content>ul li.active .styleZ-select:before{background:#09e1c0;border-color:#09e1c0;}
+.styleZ_content>ul li.active .styleZ-select:after{content:"";position:absolute;top:50%;margin-top:-2.5px;left:18.5px;width:6px;height:6px;border-radius:7px;background:white;}
+.toolBox_Top input{background: #fff !important;transition:background 0.1s;letter-spacing:0.1em;display: inline-block;width: 25%;height: 48px;color: #999999;font: 16px initial;background: white;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border:none;cursor: pointer;}
+.toolBox_Top input:hover,.toolBox-Top-input{background: #fafafa !important;color:#333333 !important;}
+.toolBox_Top .toolBox_nav{position: relative;width: 100%;height: 100%;display: flex;display: -webkit-flex;}
+.toolBox_Top .toolBox_nav:before{content: "";background: #09e1c0;height: 2px;width:25%;position: absolute;bottom:0px;left:0px;transition:left 0.26s ease-out;}
+.toolBox_Top .toolBox_nav-left0:before{left: 0px;}
+.toolBox_Top .toolBox_nav-left1:before{left: 25%;}
+.toolBox_Top .toolBox_nav-left2:before{left: 50%;}
+.toolBox_Top .toolBox_nav-left3:before{left: 75%;}
+.function{width: 282px;height: 48px;border-top: 1px solid #cccccc;border-bottom: 1px solid #ddd;margin-top: 20px;}
+.function ul{display: flex;display: -webkit-flex;}
+.function li{width: 94px;height: 48px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
+.function li img{vertical-align:baseline;}
+.function li>a{color: #333;display:  flex;display: -webkit-flex;justify-content:  center;align-items:  center;}
+.function li:hover{opacity:0.7;}
+.function li:nth-child(1) span,.function li:nth-child(2) span{padding-left: 5px;}
+#export{display: inline-block;width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;line-height: 28px;}
+#export:hover{background: #22f0d0;}
+#draw_Tools a{position:relative;}
+#draw_Tools a:before{position:absolute;top:0px;left:0px;content:"";width:60px;height:60px;transition:border 0.2s ease-in-out;}
+.draw_Tools-a:before{border:1px solid #09e1c0;}
+.Basic_drawing ul{padding-top: 20px;display: flex;display: -webkit-flex;}
+.Basic_drawing ul li{width: 33%;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;}
+.doors_windows{border-bottom: 1px solid #ddd;padding-bottom: 18px;}
+.doors_windows ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
+.doors_windows ul li{width: 33%;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;padding-top: 16px;}
+.Basic_drawing span,.doors_windows span{letter-spacing: 2px;margin-top: 8px;color: #333;}
+.controlBox{padding-top:28px;width: 282px;height:80px;border-bottom: 1px solid #cccccc;transition: all 1s linear;display: none;opacity: 0;}
+#controlName{padding-left: 20px;font-size: 16px;}
+.controlBox a{position: absolute;right: 20px;color:#cccccc;}
+.controlBox a:hover{color:#999999;}
+#pjtName{width: 100%;}
+#edit2Box,#edit1Box{width: 100%;height: 84px;position:relative;background: white;}
+#edit2,#edit1{width:100%;height:100%;overflow: hidden;border: 1px solid white;}
+#edit2Box .w-e-toolbar,#edit1Box .w-e-toolbar{position:absolute;bottom: 4px;right: 4px;padding: 0px;width: 20px;height: 20px;}
+#edit2Box .w-e-menu,#edit1Box .w-e-menu{padding: 0px;}
+#edit2Box .w-e-text,#edit1Box .w-e-text{width: calc(100% + 20px) !important;word-break: break-all;overflow-y: scroll;padding: 0px 30px 0px 10px; -webkit-user-select:auto;}
+#edit2Box .w-e-text *,#edit1Box .w-e-text *{-webkit-user-select:text;} 
+
+#edit2Box .w-e-icon-link,#edit1Box .w-e-icon-link{position:relative;display: block;width: 20px;height: 20px;}
+#edit2Box .w-e-text a,#edit1Box .w-e-text a{color:#079eec;text-decoration:underline;}
+#edit2Box .w-e-text-container,#edit1Box .w-e-text-container{position: static;}
+#edit2Box .w-e-icon-link:before,#edit1Box .w-e-icon-link:before{background: url("../images/linkBtn.png") no-repeat center;width: 20px;height: 20px;position: absolute;top: 0px;left: 0px;background-size: cover;}
+#edit2Box .w-e-text-container .w-e-panel-container,#edit1Box .w-e-text-container .w-e-panel-container{box-shadow: 1px 1px 2px #ccc;z-index: 99;top: 92px;}
+#edit2Box .addLink-content-row,#edit1Box .addLink-content-row{display:flex;display:-webkit-flex;justify-content:space-between;font-size:14px;height: 25px;}
+#edit2Box .addLink-content-row span,#edit1Box .addLink-content-row span{color:#999;}
+#edit2Box .addLink-content input,#edit1Box .addLink-content input{height:28px;border:1px solid #09e1c0;margin:0px 0px 6px}
+#edit2Box h5,#edit1Box h5{font-size:12px;font-weight:normal;color:#999;margin-bottom:20px;}
+#edit2Box .addLink-cancel,#edit1Box .addLink-cancel{width:75px;height:28px;background:#ccc;border-radius:0px;color:white;margin-left:10px}
+#edit2Box .addLink-cancel:hover,#edit1Box .addLink-cancel:hover{background: #d1d1d1;}
+#edit2Box .w-e-button-container,#edit1Box .w-e-button-container{display:flex;display:-webkit-flex;justify-content:flex-end;}
+#edit1Box .w-e-panel-tab-content:after,#edit2Box .w-e-panel-tab-content:after{position:absolute;width:0px;height:0px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #777;top:-46px;right:15px;content:"";}
+
+
+/* 画墙一栏*/
+
+.information-subDiv{padding: 20px 0px;margin: 0px 20px;border-bottom: 1px solid #ddd;}
+.editor .information-subDiv ul li{display:flex;display:-webkit-flex;justify-content: space-between;}
+.information-subDiv:first-child li{flex-direction:column;margin-bottom: 20px;}
+.information-subDiv:first-child span{margin-bottom: 6px;}
+.information-subDiv:last-child{ border-bottom:  none;}
+.information-subDiv:last-child li:first-child{margin-bottom:4px;}
+.information_input{width: 282px;}
+.information_input input[type="file"]{position: relative;display: none;}
+.information_input input{width: 160px;height: 28px;font-size: 14px;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid white;color: #999999;}
+.information_input input::placeholder{font-size: 14px;color:#cccccc;}
+.information_input input:-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+.information_input input::-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+.information_input input[type="button"]{width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;font-size: 14px;cursor: pointer;margin-top:10px;}
+.information_input input[type="button"]:hover{background: #22f0d0;}
+.information_show ul{display: flex;display: -webkit-flex;flex-direction: column;padding: 20px 0px;margin: 0 20px;}
+.information_show ul li{height: 28px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
+.information_input .right{    position: relative; width: 160px;  font-size: 14px;line-height: 28px;} 
+.information_input input, .information_input label{outline: none;background-color:#fff;padding: 0 10px;color: #999999;}
+.close_linkDiv{position: absolute;bottom: 10px;right: 10px;width: 75px;height: 28px;cursor: pointer;z-index: 99999;}
+#setEntry .ImgPreview{height:80px;}
+.information_input label{cursor:pointer;}
+.show_title{padding-left: 0 !important;}
+.show_data{color: #999999;display: flex;display: -webkit-flex;flex-direction: row-reverse;}
+.show_count{color: #999}
+.show_data span{padding-right: 5px;}
+/* 信息一栏*/.hotPointBox{overflow-y:hidden} 
+#ok{width:100%;height: 48px;display:none;text-align:center;line-height:48px;cursor:pointer;background: #09e1c0;color:#fff;}
+#ok:hover{background: #14ebca}
+.hotPoint_content{height: 100%;}
+.hotPoint_content .point>*{height: 40px;display: flex;display: -webkit-flex;width: 282px;align-items:center;justify-content: space-between;border-bottom: 1px #ddd solid;padding-left: 20px;color: #999;/* opacity: 0.6;*/cursor: pointer;display:none;background:#fafafa;}
+.hotPoint_content #listPoint{display:flex;-webkit-box-flex: 1;}
+.hotPoint_content #listPoint>*{display:flex;}
+.hotPoint_content #listPoint>div:first-child{border-right:1px solid #eeeeee;}
+.hotPoint_content #listPoint>div:hover{background: #fff;}
+.hotPoint_content .point>* div{display: flex;display: -webkit-flex;align-items: center;}
+.hotPoint_content .point>* span{padding-left: 5px;}
+.hotPoint_content .point>* a{padding-right: 20px;}
+/* .hotPoint_content .point>*:hover{opacity: 1;}*/
+#snap{padding:20px 0px;display: flex;display: -webkit-flex;align-items: center;flex-direction: column;}
+#hotPoint_button{background: #09e1c0;height: 48px;display: flex;display: -webkit-flex;width:242px;align-items: center;justify-content: center;color: white;cursor: pointer;transition: background 0.2s;}
+#hotPoint_button.unable{pointer-events: none;/* opacity:0.5;*/cursor:default;background: #ddd;}
+#hotPoint_button span{padding-left: 5px;}
+#hotPoint_button:hover{background: #14ebca;}
+#hotPoint_input{display:none;width: 282px;border-bottom: 1px #ddd solid; max-height: 800px;transition: max-height .3s; overflow: hidden;}
+#hotPoint_input #change{display:flex;-webkit-box-flex: 1;text-align:center;border-bottom:1px solid #ddd;height:40px;width:100%;}
+#hotPoint_input #change>div{cursor:pointer;width: 100%;height: 100%;line-height: 40px;}
+#hotPoint_input #change>div:first-child{border-right:1px solid #eeeeee;}
+#hotPoint_input #change>div:hover{background: #fff;}
+#hotPoint_input>ul{padding:8px 20px 15px;display: flex;display: -webkit-flex;flex-wrap: wrap;background: #eee;}
+.hotPoint-title{position: relative;}
+.hotPoint-title:after{position: absolute;top: 0px;right: -10px;content: "*";color:#f56c6c;}
+#hotPoint_input>ul>li{position: relative;padding: 5px 0;line-height:30px;display: flex;display: -webkit-flex;flex-basis: 100%;align-items:center;justify-content: space-between;align-items: flex-start;}
+#hotPoint_input>ul>li.warn input{border: 1px solid #f56c6c;}
+#hotPoint_input>ul>li.warn input::placeholder{color: #f56c6c !important;}
+.redPoint{position:relative;}
+.hotPoint_content .redPoint:after{position: absolute;top: 0px;left: 32px;content: "*";color:#f56c6c;}
+.information_input .redPoint:after{position: absolute;top: 0px;left: 62.5px;content: "*";color:#f56c6c;}
+#type .redPoint:after{left:32px}
+#hotPoint_input .unComplete{display:none; color:#f56c6c;font-size: 0.9em;position: absolute;bottom: 12px;right: 10px;}
+.information_input .unComplete{display: none;color:#f56c6c;font-size: 0.9em;position: absolute;bottom: 16px;right: 28px;}
+#project-name2:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+#project-intro2{position:relative;}
+#project-intro2:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+#project-name1,#project-intro1{position:relative;width:100%;}
+#project-name1:before,#project-intro1:before{position:absolute;right:0px;top:2px;content:""attr(data-size)"";color:#999;}
+
+#hotPoint_input>ul>li span{margin-top:5px;}
+#hotPoint_input input[type="file"]{position: relative;display: none;}
+*{outline:none}
+#hotPoint_input input.white,textarea.white{font-size: 14px;outline: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid white;color: #999999;resize: vertical;}
+#hotPoint_input .ImgPreview,.information_input .ImgPreview{width:160px;height:114px;background-repeat: no-repeat;background-position: center center; margin-top: 10px;background-size: contain;/* border: 1px solid white;*/}
+#showInformation{height:80px;position:  relative;}
+.showInformation-error:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url("../images/pic_error.png") no-repeat center;}
+#hotPoint_input>ul>li:nth-child(n+6){padding:0px}
+#select{display: inline-block;position:relative;background:#eee;}
+#select .showStyle{background:#eee;position:absolute;top:0px;left:0px;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;width:160px;height:30px;}
+#select .showStyle>div:first-child{display:flex;display:-webkit-flex;align-items:center;}
+#select .showStyle>div:first-child img{margin-top:-1px}
+#hotPoint_input>ul>li:nth-child(5){margin-top:-11px;}
+#hotPoint_input>ul>li:nth-child(6){margin-top:-8px;}
+#select .showStyle p{margin-left:5px;      cursor: default;}
+#styleBtn{opacity: 0.7;width:16px;height:16px;background:url("../images/styleBtn.png") no-repeat;cursor: pointer;}
+#styleBtn:hover{opacity: 1;}
+#select ul{display: none;padding:10px 30px 15px 10px;font-size:12px;width: 160px;z-index: 15;position:absolute;background: white;box-shadow: 0px 1px 6px 1px rgba(51,51,51,0.3);-webkit-box-shadow: 0px 1px 6px 1px rgba(51,51,51,0.3);-moz-box-shadow:0px 1px 6px 1px rgba(51,51,51,0.3);left:0px;top:30px;flex-wrap:wrap;}
+#select ul li:nth-child(3),#select ul li:nth-child(4){margin-top:20px}
+#select ul li:nth-child(3):after{position:absolute;content:"";top:-10px;left:0px;width:140px;height:1px;background:#ddd;}
+#select ul li span{margin-top:2px;}
+#select.open #styleBtn{opacity: 0.7;}
+#select.open ul{display:flex;display:-webkit-flex;}
+#select ul li{ margin-right: 2px;cursor: pointer;display:flex;display:-webkit-flex;flex-direction:column; padding-top: 4px;align-items:center; width:46px; height:61px;position:relative;/* float: left; */}#select ul li:before{position:absolute;content:"";left:0px;top:0px; width:46px;height:64px;}#select ul li:hover:before{border:1px solid #ddd;}
+#select span{line-height:15px;}
+.information_input>ul>li:nth-child(4):before{position:absolute;content:"标志大小";bottom:17px;left:20px;}
+#hotPoint_input>ul>li:nth-child(1){line-height:20px}
+#hotPoint_input>ul>li:nth-child(4){line-height:16px}
+.hotPoint_content .point>div.chosen{color:#333;background:#fff;}
+.hotPoint_content .point .coordinate{background-image:url(../images/coordinate2.png);height: 16px;width: 16px;}
+.hotPoint_content .point>div.chosen .coordinate{background-image:url(../images/coordinate.png);}
+.hotPoint_content .point .delete{/* height:46px;width:46px;background-repeat: no-repeat;background-position: center center;background-image:url(../images/coordinateClose.png);background-size: initial;*/border-radius: 7px;height: 14px;width: 14px;margin-right: 14px;padding: 2px;font-size: 12px;background:transparent;transition: background 0.3s;}
+.hotPoint_content .point>div .delete::before{font-family: "FontAwesome";content: "\f00d";color: #bababa;transition: color 0.3s;}
+.hotPoint_content .point>div .delete:hover{background: #ccc;}
+.hotPoint_content .point>div.chosen .delete::before{color: #808080;}
+.hotPoint_content .point>div .delete:hover::before{color: #fff;}
+#snapPoint>div:first-child{border-top: 1px #ddd solid;margin-top:20px;} 
+#snapPoint>div:hover{background: #fff;}
+.selectButton{background: url("../images/styleButton2.png") white no-repeat;background-position:92% 50%;}
+#hotPoint_input textarea,#hotPoint_input li input,#hotPoint_input #select, #hotPoint_input label,#hotPoint_input li .right,.information_input label{width: 160px;height: 28px;line-height:28px;padding:0 8px;max-height:500px;/* overflow:auto;*//* overflow:hidden;*/border:none;}
+
+#hotPoint_input textarea{width: 160px;height: 56px;line-height:22px;padding:0 8px;background-color:#fafafa;max-height:500px;/* overflow:auto;*//* overflow:hidden;*/border:none;}
+#hotPoint_input textarea.focus,#hotPoint_input li input.white:focus{background:#fff;color:#333;border: 1px solid #09e1c0;}
+label.btn{cursor:pointer;display: inline-block;background:#09e1c0;color: #fff;text-align: center;transition: background 0.2s;letter-spacing:0.05em;}
+label.btn:hover{background:#14ebca;color:#fff;}
+#hotPoint_input label:hover,.information_input label:hover{background: #09cbae;}
+#hotPoint_input input::placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input input:-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input input::-ms-input-placeholder{font-size: 14px;color:#cccccc;}
+#hotPoint_input #hotPoint_sumbit{width: 60px;height: 28px;border:none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;color: white;background: #09e1c0;text-align: center;font-size: 14px;cursor: pointer;}
+#hotPoint_input input[type="button"]:hover{background: #22f0d0;}
+.hotPoint_list{position:relative;    overflow-y: auto; overflow-x: hidden; height: calc(100% - 88px);}
+.hotPoint_list #list{/* position:absolute;*/width: 100%;flex-direction: column-reverse; border-top:1px solid #ddd;}
+.hotPoint_list #list>li{/* position:absolute;*/padding-left: 20px;display:flex;display:-webkit-flex;justify-content: flex-start;align-items: center; width: 282px;height: 48px;border-bottom: 1px solid #ddd;cursor: pointer;background: #fafafa;transition: background 0.1s;position:  relative;}
+.hotPoint_list #list>li:before{position:absolute;content:"";width:0px;height:48px;background:#09e1c0;left:0px;top:-1px;transition: width 0.2s;}
+.hotPoint_list #list>li.open:before{ width:8px !important;}
+.hotPoint_list #list>li{ background:#fff;}
+.hotPoint_list #list>li.open{  }
+.hotPoint_list #list>li:hover{background:#eee;} 
+.hotPoint_list #list div{/* display: flex;display: -webkit-flex;*/align-items: center;}
+.hotPoint_list #list>li span{padding-left: 5px;font-weight:bold;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
+.hotPoint_list #list>li .delete{position: absolute;top: 0px;right: 0px;height: 48px;width: 48px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/del.png);background-size: initial;}
+.hotPoint_list #list>li .delete:hover{background-color:rgba(175, 175, 175, 0.1);}
+.hotPoint_list #list>li .DelConfirm{font-size: 12px;position: absolute;width:60px;z-index: 100;background: #fff;height: 56px;border-radius: 2px;box-shadow: 0 1px 6px 0px rgba(153, 153, 153, 1);text-align: center;line-height: 28px;right: 40px;opacity:0;transform: translateX(15px) scale(0,0);transform-origin:right;transition: transform 0.1s,opacity 0.1s;}
+.hotPoint_list #list>li .DelConfirm.open{opacity:1;transform: translateX(0px) scale(1, 1);}
+/*#list>li .DelConfirm:after{content: '';width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #ffffff;border-bottom: 5px solid transparent;position: absolute;right: -8px;top: 25px;color: #999;}*/
+.hotPoint_list #list>li .DelConfirm>div{height:50%;}
+.hotPoint_list #list>li .DelConfirm>div:hover{background:#eee;}
+.hotPoint_list #list>li .DelConfirm .DelYes{color: rgba(224, 82, 71, 1);}
+.hotPoint_list #list>li div.left{     flex: auto;    max-width: 80%;display: flex;display: -webkit-flex;}
+#information_file{display:none;position:relative;}
+.information_show_div{display:flex;display:-webkit-flex;justify-content:space-between;padding:10px 0px 20px;}
+.information_show_div span{padding-left:20px;line-height: 24px;}
+
+.information_show_div label{width:160px;height:28px;line-height:30px;cursor:pointer;display: inline-block;background:#09e1c0;color: #fff;text-align: center;transition: background 0.2s;letter-spacing:0.05em;}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999 !important;font-weight:normal !important;}
+input:-moz-placeholder, textarea:-moz-placeholder{color:#999 !important;font-weight:normal !important;}
+input::-moz-placeholder, textarea::-moz-placeholder{color:#999 !important;font-weight:normal !important;}
+input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999 !important;font-weight:normal !important;} 
+
+.Zprompt-popupBox{ font-family: "Microsoft YaHei"; position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.3);width:100%;height:100%;z-index:200;overflow:auto;}
+.Zprompt-popupBox .center{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
+.Zprompt-popup{padding: 0px;width:600px;height:289px;font-size:14px;box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;}
+.Zprompt-title{width:600px;display:flex;display:-webkit-flex;justify-content:space-between}
+.Zprompt-title a{text-decoration:none;height:20px;width:16px;opacity: 0.7;margin:10px}
+.Zprompt-title a:hover{opacity: 1}
+.Zprompt-title h2{padding-top:45px;padding-left:50px;font-size:24px;font-weight:600;margin:0}
+.Zprompt-main-false{margin-top:15px;width:598px;height:75px;display:flex;display:-webkit-flex;align-items:center;padding-left:49px;margin-left:1px;border-bottom:2px solid #eee;border-top:2px solid #eee;font-weight:700}
+.Zprompt-main-false span{padding-left:10px;font-weight:normal;letter-spacing:1px;}
+.Zprompt-footer{width:600px;height:95px;display:flex;display:-webkit-flex;justify-content:center;align-items:flex-end}
+.Zprompt-footer a{width:120px;height:48px;background:#09e1c0;text-align:center;line-height:48px;color: white;    margin: 0 10px;}
+.Zprompt-footer a:hover{background:#01dab9}
+.Zprompt-footer a.btn1{background:#c5c5c5}
+.Zprompt-footer a.btn1:hover{background:#b1b1b1}
+
+@keyframes flash {
+  0% {  
+	opacity:0;
+  } 
+  20% { 
+	opacity:1;
+  }
+   60% { 
+
+	opacity:1;
+  }
+   100% { 
+	opacity:0;
+  } 
+} 
+.Zprompt-popupBox #Zinfo{    width: 100px; height: 140px; opacity:0;}
+.Zprompt-popupBox #Zinfo.animate{  animation: flash 1s; -webkit-animation: flash 1s; animation-iteration-count:1; } 
+.Zprompt-popupBox #Zinfo .Zimg{    width: 100%; height: 100px;  background-image:url(../images/stips.png);  
+background-repeat: no-repeat;
+background-position: center center;}
+.Zprompt-popupBox #Zinfo .Ztitle{   text-align: center;  font-size: 16px;  letter-spacing:1px;   text-shadow: 2px 2px 6px rgba(27, 27, 27, 0.81);}
+.myAccount-cutAvatar{display: none;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.3);width:100%;height:100%;z-index:200;overflow:auto;}
+.myAccount-cutAvatar .myAccount-cutAvatar-inner {width:600px;height:543px;position:absolute;background:white;left:50%;top:50%;margin-left:-300px;margin-top:-272px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top {width:100%;height:95px;border-bottom:2px solid #eeeeee;font-size:24px;display:flex;display:-webkit-flex;justify-content:space-between;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top span {margin-top:40px;margin-left:50px;color: #333;font-weight: bold;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top a {margin:10px;height: 16px;width: 16px;line-height: 1px;opacity: 0.7;}
+.myAccount-cutAvatar .myAccount-cutAvatar-top a:hover{opacity: 1} 
+.myAccount-cutAvatar .myAccount-cutAvatar-main {width:100%;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main {display:flex;display:-webkit-flex;padding:40px 0px 0px 50px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main>div:first-child {width:500px;height:300px;background:#eeeeee;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
+.myAccount-cutAvatar .myAccount-cutAvatar-main>div:first-child img {max-width:500px;height:auto;max-height:300px;}
+.myAccount-cutAvatar .myAccount-cutAvatar-inner>div:last-child {text-align:center;}
+.myAccount-cutAvatar input {background:#09e1c0;color:white;width:122px;height:50px;font-size:14px;cursor:pointer;border:1px solid white;outline:none;}
+#discrib .preholder{text-align:center;}
+
+
+
+
+
+#hotPoint_input .project-name,#hotPoint_input .project-intro{
+  flex-direction:column;
+
+  line-height: normal;
+
+}
+#hotPoint_input .project-name input,#hotPoint_input .project-intro>div,   .project-intro{
+  width:100%;
+}
+#hotPoint_input .project-name>span,#hotPoint_input .project-intro>span{
+  margin-bottom: 8px;
+}
+
+#hotPoint_input .project-intro{
+  margin:8px 0px 10px
+}
+.information_input .project-name,.information_input .project-intro{
+   flex-direction:column;
+
+   padding: 6px 0px 10px;
+   line-height: normal;
+}
+ 
+.information_input .project-name input,.information_input .project-intro>div{
+  width:calc( 100% - 40px );
+  margin-left:20px;
+  margin-top: 5px;
+}
+.information_input .project-intro{
+ margin:0px;
+}
+#type{
+     flex-direction:column;
+   width:100%;
+   position: relative;
+   margin: 0px;
+}
+#type a{
+    width:100%;
+}
+
+.noteBox{z-index: 999;display: none;width: 282px;height: 126px;background: white;padding: 20px 0px 0px 20px;opacity: 0;transition: opacity 0.5s ease;position: absolute;}
+.noteBox-row{display: flex;display: -webkit-flex;font-size: 14px;margin-bottom: 10px;}
+.noteBox-row h3{font-size: 14px;color: #333;}
+#noteInput_text{width: 242px;height: 28px;border: 1px solid #ccc;color: #333;padding-left: 10px;}
+.noteBox-row:last-child{justify-content: flex-end;margin-right: 20px;}
+.noteBox-ok{border-radius: 2px;cursor: pointer;width: 32px;height: 20px;color: white;background: #09e1c0;font-size: 12px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
+.noteBox-cancel{border-radius: 2px;cursor: pointer;width: 20px;height: 20px;background: #f56c6c;display: flex;display: -webkit-flex;justify-content: center;align-items: center;margin-left: 6px;}
+.noteBox.show{display: block;}
+.noteBox.active{opacity: 1;}
+
+.sizeWaring:before{color:#f56c6c !important;}
+.empty_warn{border:1px solid #f56c6c !important;color: #f56c6c !important;}
+.empty_warn::placeholder{color: #f56c6c !important;}
+
+.hide{ display:none;}
+.unable{pointer-events:none;  opacity:0.5;  }
+
+
+.editor .Main{ 
+	height:20px;
+	align-items: center;
+    display: flex;
+    justify-content: space-between;
+} 
+.editor .Main .scrollBar {
+    position: relative;
+    width: calc(96% - 45px);
+    height: 4px;
+    background-color: #c7c7c7;
+    cursor: pointer;
+}
+.editor .scrollBar .scroll_Track {
+	width: 0px;
+    height: 4px;
+    background-color: #09e1c0;
+}
+.editor .scrollBar .scroll_Thumb {
+	height: 12px;
+    width: 14px;
+    background-color: #919191;
+    /*-webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 4px;
+     -webkit-box-shadow: 0px 0px 5px #74b5f5;
+    -moz-box-shadow: 0px 0px 5px #74b5f5;
+    box-shadow: 0px 0px 4px #74b5f5; */
+    position: absolute;
+    margin-top: -8px;
+    cursor: pointer;
+    -webkit-user-select: none;
+}
+.editor .BarTxt {
+	position:relative;
+	width:40px;
+}
+.editor .BarTxt .scrollBarTxt{
+    width: 100%;
+    text-align: center;
+    height: 20px;
+    border: 0;
+    /* border-radius: 4px; */
+    padding: 4px 0;
+    text-align: center;
+    color: #fff;
+    background: #919191;
+    font-size: 12px;
+}
+.editor #floorLogoSize {
+    font-size: 12px;
+    width: 160px;
+}
+.editor #floorLogoSize .slider{
+	float: left;
+    width: 100%;
+}
+
+.editor #scenePSD span{
+	line-height: 24px;
+}
+.editor #scenePSD ul.MenuOptions{
+	width: 100%;
+    overflow: hidden; 
+    background: #fff; 
+    padding: 0px;
+    cursor: pointer;
+    flex-direction: row;
+    align-items: center;
+    
+}
+.editor #scenePSD .MenuOptions li{
+	float: left; 
+	text-align:center;
+	line-height: 28px;
+	font-size:14px;
+	display:inline-block; 
+	color:#999;
+	transition:color 0.1s;
+}
+ 
+
+
+.editor .MenuOptions li.chosen{
+	background-color:#09e1c0;
+	color:#fff !important
+} 
+.editor .MenuOptions li:hover{
+	color: #333;
+}
+.editor .MenuOptions li.chosen:hover{
+	background-color:#09e1c0;
+	color:#fff;
+
+}
+
+.editor .quarterCell{
+	width: 25%;
+} 
+.editor .thirdCell{
+	width: 33.33%;
+}
+.editor .halfCell{
+	width: 50%;
+}
+
+.editor  a.button{
+	width: 100%;
+    height: 30px;
+    background: #0ed8b9;
+    display: inline-block;
+    margin-top: 10px;
+    text-align: center;
+    color: #fff; 
+}
+.editor  a.button:hover{
+	background:#04c7a9;
+}
+.editor  a.button:active{
+	background:#05a089;
+}
+
+
+.editor  #scenePSD .word{
+	margin-top:10px; 
+}
+.editor  #scenePSD .word>*{
+	float:left;
+}
+.editor  #scenePSD .word input{
+	/* width: 75%;  */
+	width:100%;
+}
+ 
+			
+img{
+	pointer-events:none;
+}
+
+ 
+
+ 
+
+
+
+.editor .selection{
+    display: block;
+    position: relative;
+    height: 30px;
+    overflow: hidden;
+    color: #000;
+    padding-right: 40px;
+    padding-left: 10px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    background: #fff;
+    cursor: pointer;
+    outline: none;
+    line-height: 30px;
+	transition-duration:0.1s;
+	border: 1px solid white;
+}
+.editor  .selection:after{
+	content: "\f0d7";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 30px;
+    height: 30px;
+    font-family: FontAwesome;
+    text-align: center;
+    line-height: 30px;
+}
+.editor  .selection.focus{ 
+	color:#555;
+}
+.editor  ul.listOptions{
+	position: absolute;
+    left: 0px;
+    top: 56px;
+    z-index: 100;
+    width: 100%;
+    overflow: hidden; 
+    color: #9b9b9b;
+    background: #fff;
+    box-shadow: 0 5px 5px rgba(0,0,0,.3);
+	padding:0;
+	margin:0;
+	cursor:pointer;
+} 
+.editor  ul.listOptions>li{
+	height: 30px;
+    list-style-type: none;
+    color: #9b9b9b;
+    padding: 0 10px;
+    line-height: 30px;
+ /*    overflow: hidden; */
+    width:100%;
+    white-space: nowrap; 
+    margin: 0px;
+} 
+.editor  ul.listOptions>li.hover{
+    background: #fafafa;
+}
+
+#hotspot{
+	position: absolute;
+	height: 100%;
+	 
+	touch-action: none;
+	-webkit-user-select: none;
+	-webkit-user-drag: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+	bottom:0;
+	left: 0;
+	pointer-events: none;
+	z-index:99;
+	transition:opacity 0.1s;
+}
+#hotspot *{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	-webkit-font-smoothing: antialiased;
+}		
+ 
+
+#hotspot>*{
+	pointer-events: all;
+	position:absolute;
+	display: block; 
+	
+}
+
+  
+
+#hotspot >.markspot{
+	background-image: url(../images/markspotAll.png);
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: center -76px;
+	width: 60px;
+	height: 76px;
+	margin-left: -32px;
+	margin-top: -62px;
+	cursor: -webkit-grab;
+} 
+#hotspot >.markspot.zero{
+	background-position: center 0;
+}
+#hotspot >.markspot.two{
+	background-position: center -152px;
+}
+
+
+ 
+
+
+.editor .hotPoint_list{
+	width: calc(100% + 12px);/* 滑动条隐藏 */
+}
+ 
+.editor .hotPoint_list #list>li div.left>img{
+	width:24px;
+}
+
+.editor #select .showStyle>div:first-child > img{
+	width:20px;
+}
+.editor #select ul li > img{
+	width:40px;
+	height: auto;
+	display: block;
+}
+ 
+.warning-border{
+	border: 1px solid #f56c6c !important;
+}
+ 
+ 
+ 
+ 
+ @keyframes flash{
+  0% {
+    opacity: 0; }
+  1% {
+    opacity: 1; }
+  30% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } 
+ }
+ #webgl .snapshotFlash{
+	opacity: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: -1;
+    background: #ffffff;
+    pointer-events: none;
+ }
+ #webgl .snapshotFlash.active{
+	z-index: 100;
+	-webkit-animation-name:flash;
+	animation-name:flash;
+	-webkit-animation-duration:1s;
+	animation-duration:1s;
+	-webkit-animation-fill-mode:both;
+	animation-fill-mode:both;
+}
+
+#webgl .snapshotGui{
+	position:absolute; 
+    z-index: 100;
+	width: calc(94% - 80px);
+    height: calc(85% - 80px);
+    border: 1px solid rgba(255,255,255,0.5); 
+    left: calc(3% + 40px);
+    top: calc(3% + 80px);
+	pointer-events: none;
+	opacity:0;
+	transition: opacity 0.3s,
+				border 0.3s;
+	
+}
+#webgl .snapshotGui .corner{
+	width:100px;
+	height:100px;
+	position:absolute;
+	transition:opacity 0.3s;
+	opacity: 0.5;
+}
+#webgl .snapshotGui.highLight .corner{
+	opacity: 0.8;
+}
+#webgl .snapshotGui.highLight{
+	border: 1px solid rgba(255,255,255,0.8); 
+}
+#webgl .snapshotGui .corner.leftTop{
+	border-top:4px solid #fff;
+	border-left:4px solid #fff;
+	left:-40px;
+	top:-40px;
+}
+#webgl .snapshotGui .corner.rightTop{
+	border-top:4px solid #fff;
+	border-right:4px solid #fff;
+	right:-40px;
+	top:-40px;
+}
+#webgl .snapshotGui .corner.leftBott{
+	border-left:4px solid #fff;
+	border-bottom:4px solid #fff;
+	left:-40px;
+	bottom:-40px;
+}
+#webgl .snapshotGui .corner.rightBott{
+	border-right: 4px solid #fff;
+    border-bottom: 4px solid #fff;
+    right: -40px;
+    bottom: -40px;
+}
+ 
+#webgl .snapshotGui .confirmSnap{
+	background: rgba(9, 225, 192, 0.9);
+    color: #fff;
+    border-radius: 5px;
+    /* margin: 0 auto; */
+    bottom: 20px;
+    position: absolute;
+    width: 220px;
+    letter-spacing: 0.1em;
+    height: 48px;
+    text-align: center;
+    line-height: 48px;
+    font-size: 16px;
+    font-weight: 100;
+    left: calc(50% - 110px);
+    font-family: SourceHanSansCN;
+	pointer-events: all;
+	cursor:pointer;
+	transition:background 0.2s;
+}
+#webgl .snapshotGui .confirmSnap:hover{
+	background:rgba(9, 225, 192, 0.78)  /* #14ebca */
+}
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 

game/css/css.css

@@ -0,0 +1,305 @@
+@font-face
+{
+font-family: LiSu;
+src: url('../font/SIMLI.TTF');
+}
+.fontLiSu {
+    font-family: 'LiSu';
+}
+.colorc {
+    color:#38290F;
+}
+.color2 {
+    color:#9D3323;
+}
+.centerc {
+    text-align:center;
+    font-size:35px;
+    line-height: 54px;
+    height:100%;
+
+}
+img {
+    max-width:100%;
+}
+button {
+    background:none;
+    outline:none;
+    border:none;
+}
+.flexc {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.flexc-column {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+.btnc {
+    width:180px;
+    height:180px;
+    line-height: 180px;
+    font-size:34px;
+    margin-top:20px;
+}
+.start-btn {
+    background:url(../img/btn-bg1.png)center/130px no-repeat;
+}
+.again-btn {
+    background:url(../img/btn-bg1.png)center/130px no-repeat;
+}
+.over-btn {
+    background:url(../img/btn-bg2.png)center/130px no-repeat;
+}
+.game {
+    position:absolute;
+    z-index:9999;
+    width:100%;
+    height:100%;
+    overflow: hidden;
+}
+.bg {
+    /* background:url(../img/bg.jpg)center 100% no-repeat; */
+}
+.center-bg {
+    background: url(../img/cener-bg.jpg)center 100% no-repeat;
+}
+ .game-container {
+     position:relative;
+    width:1246px;
+    height:700px;
+    
+}
+.game-container .close-game {
+    position:absolute;
+    top:-22px;
+    right:-22px;
+    display:block;
+    width:44px;
+    height:44px;
+    background:#38290F;
+    border-radius:22px;
+    color:#EDDABA;
+    font-size:36px;
+    text-align: center;
+    line-height: 44px;
+}
+.game-container .start {
+    width:100%;
+    height:100%;
+}
+.game-container .left-title {
+    width:323px;
+    height:534px;
+    /* border:2px dashed rgb(39, 25, 14,0.16); */
+    margin-right:8px;
+}
+.game-container .right-info {
+    font-size:30px;
+    line-height: 54px;
+    color:#38290F;
+    text-align:center;
+}
+.game-container .right-info {
+    width:570px;
+}
+.game-container .right-info span {
+    color:#9D3323;
+}
+.game-container .right-info .start-btn {
+    font-size:34px;
+    color:#9D3323;
+}
+.game-container .process .top-img {
+    position:absolute;
+    left:0;
+    top:0;
+    width:129px;
+    height:214px;
+    /* border:1px dashed rgba(39, 25, 14,0.16); */
+    
+}
+.game-container .process .topic {
+    width:720px;
+    margin-top:122px;
+}
+.game-container .process  .topic .question {
+    font-size:30px;
+    line-height: 54px;
+}
+.game-container .process .topic .answer {
+    width:427px;
+    margin-top:30px;
+}
+.game-container .process .topic .answer ul li {
+    line-height:54px;
+    margin-bottom:20px;
+    font-size:30px;
+}
+.game-container .process .topic .answer ul li:hover {
+    border-bottom:1px solid #A58E65;
+    color:#9D3323;
+}
+
+.game-container .process .topic .answer ul li.active {
+    border-bottom:1px solid #A58E65;
+}
+.game-container .process .topic .answer ul li.correct::after {
+    content: '√';
+    color:#9D3323;
+    margin-left:1em;
+}
+.game-container .process .topic .answer ul li.wrong::after {
+    content:'×';
+    color:#9D3323;
+    margin-left:1em;
+}
+.game-container .process .next-btn {
+    width:90px;
+    height:90px;
+    line-height: 90px;
+    position:absolute;
+    right:106px;
+    bottom:85px;
+    font-size:28px;
+    background:url(../img/btn-bg1.png)center/100% no-repeat;
+}
+.pc {
+    display:block;
+}
+.wap {
+    display:none;
+}
+@media screen and (max-width:600px) {
+    .pc {
+        display:none;
+    }
+    .wap {
+        display:block;
+    }
+    .btnc {
+        width:22vw;
+        height:22vw;
+        line-height: 22vw;
+        margin-top:0;
+        font-size:4.8vw;
+
+    }
+    .start-btn {
+        background:url(../img/btn-bg1.png)center/18vw no-repeat;
+    }
+    .again-btn {
+        background:url(../img/btn-bg1.png)center/18vw no-repeat;
+    }
+    .over-btn {
+        background:url(../img/btn-bg2.png)center/18vw no-repeat;
+    }
+    .centerc {
+        font-size:5.5vw;
+        line-height: 9.2vw;
+        justify-content: flex-start;
+    }
+    .centerc p {
+        margin-top:23vw;
+        margin-bottom:32vw;
+    }
+    .bg {
+        /* background: url(../img/wapbg.jpg)center no-repeat; */
+        /* background:#38290fcc;
+        background-size:cover; */
+    }
+    .center-bg {
+        background: url(../img/wapcenter-bg.jpg)center 100% no-repeat;
+        background-size:cover;
+    }
+    .game-container {
+        width:88.8vw;
+        height:149vw;
+        
+    }
+    .game-container .close-game {
+        width:8.5vw;
+        height:8.5vw;
+        line-height: 8.5vw;
+        font-size:6vw;
+        right:-4vw;
+        top:-4vw;
+    }
+    .game-container .start {
+        flex-direction: column;
+    }
+    .game-container .left-title {
+        width:42.7%;
+        height:auto;
+        border-width:1px;
+        margin-right:4vw;
+    }
+    .game-container  .right-info {
+        width:70%;
+        font-size:4vw;
+        line-height: 7vw;
+    }
+    .game-container  .right-info .start-btn {
+        position:relative;
+        font-size:6vw;
+        width:30.5vw;
+        height:30.5vw;
+        line-height: 30.5vw;
+        background-size:23.5vw;
+    }
+    .game-container .right-info .start-btn::after {
+        content:'';
+        display:block;
+        width:23.5vw;
+        height:23.5vw;
+        position:absolute;
+    }
+    .game-container .process .top-img {
+        width:18.6vw;
+        height:auto;
+        position:relative;
+        border:1px dashed rgba(39, 25, 14,0.16);
+        margin-top:5.7vw;
+    }
+    .game-container .process .topic {
+        width:66.6vw;
+        margin-top:5.7vw;
+    }
+    .game-container .process  .topic .question {
+        font-size:4.1vw;
+        line-height: 7vw;
+    }
+    .game-container .process .topic .answer {
+        width:88%;
+        margin:11vw auto 0;
+    }
+    .game-container .process .topic .answer ul li {
+        line-height:6.3vw;
+        margin-bottom:2vw;
+        font-size:4vw;
+    }
+    .game-container .process .topic .answer ul li.active {
+        border-bottom:1px solid #A58E65;
+    }
+    .game-container .process .topic .answer ul li.correct::after {
+        content: '√';
+        color:#9D3323
+    }
+    .game-container .process .topic .answer ul li.wrong::after {
+        content:'×';
+        color:#9D3323
+    }
+    .game-container .process .next-btn {
+        width:14vw;
+        height:14vw;
+        line-height: 14vw;
+        position:absolute;
+        right:5.9vw;
+        bottom:5.1vw;
+        font-size:4.3vw;
+        background:url(../img/btn-bg1.png)center/100% no-repeat;
+    }
+}

game/css/wap_css.css

@@ -0,0 +1,299 @@
+@font-face
+{
+font-family: LiSu;
+src: url('../font/SIMLI.TTF');
+}
+.fontLiSu {
+    font-family: 'LiSu';
+}
+.colorc {
+    color:#38290F;
+}
+.color2 {
+    color:#9D3323;
+}
+.centerc {
+    text-align:center;
+    font-size:20px;
+    line-height: 30px;
+    height:100%;
+
+}
+img {
+    max-width:100%;
+}
+button {
+    background:none;
+    outline:none;
+    border:none;
+}
+.flexc {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.flexc-column {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+.btnc {
+    width:22vh;
+    height:22vh;
+    line-height: 22vh;
+    font-size:4.8vh;
+    margin-top:20px;
+}
+.start-btn {
+    background:url(../img/btn-bg1.png)center/18vh no-repeat;
+}
+.again-btn {
+    background:url(../img/btn-bg1.png)center/18vh  no-repeat;
+}
+.over-btn {
+    background:url(../img/btn-bg2.png)center/18vh  no-repeat;
+}
+.game {
+    position:absolute;
+    z-index:9999;
+    width:100%;
+    height:100%;
+    overflow: hidden;
+}
+.bg {
+    /* background:url(../img/bg.jpg)center 100% no-repeat; */
+}
+.center-bg {
+    background: url(../img/cener-bg.jpg)center 100% no-repeat;
+}
+ .game-container {
+     position:relative;
+    width:80%;
+    height:80%;
+    
+}
+.game-container .close-game {
+    position: absolute;
+    top: -16px;
+    right: -14px;
+    display: block;
+    width: 30px;
+    height: 30px;
+    background: #38290F;
+    border-radius: 15px;
+    color: #EDDABA;
+    font-size: 30px;
+    text-align: center;
+    line-height: 30px;
+}
+.game-container .start {
+    width:100%;
+    height:100%;
+}
+.game-container .left-title {
+    width:16%;
+    /* border:2px dashed rgb(39, 25, 14,0.16); */
+    margin-right:6%;
+}
+.game-container .right-info {
+    font-size:16px;
+    line-height: 28px;
+    color:#38290F;
+    text-align:center;
+}
+.game-container .right-info {
+    width:60%;
+}
+.game-container .right-info span {
+    color:#9D3323;
+}
+.game-container .right-info .start-btn {
+    font-size:16px;
+    color:#9D3323;
+}
+.game-container .process .top-img {
+    position:absolute;
+    left:0;
+    top:0;
+    width:16%;
+    /* border:1px dashed rgba(39, 25, 14,0.16); */
+    
+}
+.game-container .process .topic {
+    width:60%;
+    margin-top:10%;
+}
+.game-container .process  .topic .question {
+    font-size:18px;
+    line-height: 24px;
+}
+.game-container .process .topic .answer {
+    width:100%;
+    margin-top:10px;
+}
+.game-container .process .topic .answer ul li {
+    line-height:20px;
+    margin-bottom:5px;
+    font-size:16px;
+}
+.game-container .process .topic .answer ul li:hover {
+    border-bottom:1px solid #A58E65;
+    color:#9D3323;
+}
+
+.game-container .process .topic .answer ul li.active {
+    border-bottom:1px solid #A58E65;
+}
+.game-container .process .topic .answer ul li.correct::after {
+    content: '√';
+    color:#9D3323;
+    margin-left:1em;
+}
+.game-container .process .topic .answer ul li.wrong::after {
+    content:'×';
+    color:#9D3323;
+    margin-left:1em;
+}
+.game-container .process .next-btn {
+    width: 18vh;
+    height: 18vh;
+    line-height: 18vh;
+    position: absolute;
+    right: 10%;
+    bottom: 5%;
+    font-size: 18px;
+    background: url(../img/btn-bg1.png)center/100% no-repeat;
+    text-align: center;
+}
+.pc {
+    display:none;
+}
+.wap {
+    display:block;
+}
+@media screen and (max-width:600px) {
+
+    .btnc {
+        width:22vw;
+        height:22vw;
+        line-height: 22vw;
+        margin-top:0;
+        font-size:4.8vw;
+
+    }
+    .start-btn {
+        background:url(../img/btn-bg1.png)center/18vw no-repeat;
+    }
+    .again-btn {
+        background:url(../img/btn-bg1.png)center/18vw no-repeat;
+    }
+    .over-btn {
+        background:url(../img/btn-bg2.png)center/18vw no-repeat;
+    }
+    .centerc {
+        font-size:5.5vw;
+        line-height: 9.2vw;
+        justify-content: flex-start;
+    }
+    .centerc p {
+        margin-top:23vw;
+        margin-bottom:32vw;
+    }
+    .bg {
+        /* background: url(../img/wapbg.jpg)center no-repeat; */
+        /* background:#38290fcc;
+        background-size:cover; */
+    }
+    .center-bg {
+        background: url(../img/wapcenter-bg.jpg)center 100% no-repeat;
+        background-size:cover;
+    }
+    .game-container {
+        width:88.8vw;
+        height:149vw;
+        
+    }
+    .game-container .close-game {
+        width:8.5vw;
+        height:8.5vw;
+        line-height: 8.5vw;
+        font-size:6vw;
+        right:-4vw;
+        top:-4vw;
+    }
+    .game-container .start {
+        flex-direction: column;
+    }
+    .game-container .left-title {
+        width:42.7%;
+        height:auto;
+        border-width:1px;
+        margin-right:4vw;
+    }
+    .game-container  .right-info {
+        width:70%;
+        font-size:3.2vw;
+        line-height: 7vw;
+    }
+    .game-container  .right-info .start-btn {
+        position:relative;
+        font-size:6vw;
+        width:30.5vw;
+        height:30.5vw;
+        line-height: 30.5vw;
+        background-size:23.5vw;
+    }
+    .game-container .right-info .start-btn::after {
+        content:'';
+        display:block;
+        width:23.5vw;
+        height:23.5vw;
+        position:absolute;
+    }
+    .game-container .process .top-img {
+        width:18.6vw;
+        height:auto;
+        position:relative;
+        border:1px dashed rgba(39, 25, 14,0.16);
+        margin-top:5.7vw;
+    }
+    .game-container .process .topic {
+        width:66.6vw;
+        margin-top:5.7vw;
+    }
+    .game-container .process  .topic .question {
+        font-size:4.1vw;
+        line-height: 7vw;
+    }
+    .game-container .process .topic .answer {
+        width:88%;
+        margin:11vw auto 0;
+    }
+    .game-container .process .topic .answer ul li {
+        line-height:6.3vw;
+        margin-bottom:2vw;
+        font-size:4vw;
+    }
+    .game-container .process .topic .answer ul li.active {
+        border-bottom:1px solid #A58E65;
+    }
+    .game-container .process .topic .answer ul li.correct::after {
+        content: '√';
+        color:#9D3323
+    }
+    .game-container .process .topic .answer ul li.wrong::after {
+        content:'×';
+        color:#9D3323
+    }
+    .game-container .process .next-btn {
+        width:14vw;
+        height:14vw;
+        line-height: 14vw;
+        position:absolute;
+        right:5.9vw;
+        bottom:5.1vw;
+        font-size:4.3vw;
+        background:url(../img/btn-bg1.png)center/100% no-repeat;
+    }
+}

game/js/game.js

@@ -0,0 +1,150 @@
+const baseUrl = 'http://face3d.4dage.com:8102';
+var questionsData =[];
+var currData = [];
+var correctnum = 0;
+var currnum = 1;
+function getQuestionsData() {
+    return  new Promise (function(resolve,reject){
+          $.ajax({
+         url:baseUrl + '/api/web/list',
+         type: 'POST',      
+         success: function(res) {
+             resolve(res.data)
+         },
+         error: function(err) {
+             console.log(err)
+         }
+     })
+     })
+    
+ }
+function updateQuestion() {
+    console.log(currData);
+    var html = ` <p class="question fontLiSu colorc"><span class="num">${currnum}</span>.${currData?currData.title:''}</p>
+        <div class="answer fontLiSu colorc">
+           <ul id="options" >
+           ${
+               currData.answers.map(item => {
+                       return  `<li class="li${currnum}" data-correct="${item.correct}">${item.content}</li>`
+                
+            }).join('')      
+           }         
+            </ul>
+       </div>`;
+       $(".topic").html(html);
+}
+$("#gui-modes-backIndex").click(function() {
+    location.reload();
+})
+$("#gui-modes-quiz").click(function() {
+    $("#game").show();
+})
+$("#closeGame").click(function() {
+    currnum = 1;
+    correctnum = 0;
+    $(".process").hide();
+    $(".start").show();
+    $("#game").hide();
+})
+
+$("#start_btn").click(function() {
+    currnum = 1;
+    correctnum = 0;  
+    getQuestionsData().then(function(v) {
+        console.log(v)
+        questionsData = v.filter(function(item){return item.type=='1'}) ;
+        currData= questionsData[currnum-1<0?0:currnum-1];
+        console.log(currData)
+        $("#start_page").hide();
+        $("#process_page").show();    
+        updateQuestion();
+        answer();
+    
+    })
+   
+})
+$("#next_btn").click(function() {
+    
+    console.log(currnum,correctnum)
+    if(currnum==10&&correctnum<7) {
+        $("#process_page").hide();
+        $(".again").show();
+    }else if(currnum==10&&correctnum>=7) {
+        $("#process_page").hide();
+        $(".success").show();
+    }else {
+        currnum ++;
+        currData= questionsData[currnum-1]
+        updateQuestion();
+        answer();
+    }
+    
+    
+
+})
+var params = JSON.stringify({
+
+        "pageNum": 1,
+        "pageSize": 1,
+        "searchKey": "",
+        "type": 1
+})
+function answer () {
+    $(".topic").one('click','li',function(item){ 
+        flag= true;       
+        if($(this).attr("data-correct")==0){                        
+            $(this).addClass("wrong");
+            $("#options li").each(function(i,item) {
+                if($(item).attr("data-correct")==1){
+                   setTimeout(function(){$(item).addClass("correct")},1000) 
+                }
+            })
+        }else {
+            correctnum = correctnum + 1;
+            $(this).addClass("correct");
+        }
+        if(currnum==10) {
+            if(correctnum>=7) {
+                $("#process_page").hide();
+                $(".success").show();
+            }else {
+                $("#process_page").hide();
+                $(".again").show();
+            }
+        }
+    })
+}
+$(".again-btn").click(function() {
+    initData();
+    getQuestionsData().then(function(v) {
+        console.log(v)
+        questionsData = v ;
+        currData= questionsData[currnum-1];
+        $("#start_page").hide();
+        $("#process_page").show();    
+        updateQuestion();
+        answer();
+    
+    })
+})
+$(".over-btn").click(function() {
+    initData()
+    $("#game").hide();
+
+    
+})
+function initData() {
+    questionsData =[];
+    currData = [];
+    correctnum = 0;
+    currnum = 1;
+    $(".process").hide();
+    $(".start").show();
+}
+
+$('html').click(function(){
+    $("#guide").hide();
+})
+
+   
+

hot/css/reset.css

@@ -0,0 +1,90 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, main {
+	display: block;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+button{outline:none; border: none;}
+input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
+        -webkit-appearance:textfield;
+}
+input[type="number"]{
+        -moz-appearance:textfield;
+}
+input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0px 1000px white inset;
+  -webkit-text-fill-color: #333;
+}
+a {
+	text-decoration: none;
+	cursor: pointer;
+}
+a:hover,a:focus{
+    text-decoration:none;
+    bblr:expression(this.onFocus=this.blur());/*IE*/
+    outline-style:none;/*FF*/ 
+}
+*, *::after, *::before {
+  box-sizing: border-box;
+}
+
+
+::-webkit-scrollbar-track/*滑动轨道*/
+{
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0px;
+    background: rgba(0,0,0,0.1);
+}
+
+::-webkit-scrollbar-thumb/*滑块*/
+{
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(192,192,192,0.2);
+    background: rgba(192,192,192,0.2);
+}
+
+::-webkit-scrollbar-thumb:hover/*滑块效果*/
+{
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}

hot/css/style.css

@@ -0,0 +1,82 @@
+button{background:transparent;}
+html,body {
+    width: 100%;
+    height: 100%;
+    font-family: "Microsoft YaHei";
+    margin:0px;
+    overflow: hidden;
+}
+body{ overflow-y:scroll; -webkit-overflow-scrolling:touch;}
+.wrapper{width: 64%;height: 100%;margin:  0 auto; padding-top: 100px;}
+.contioner{ overflow: hidden;}
+.wrap-img, .wrap-video, .wrap-model{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; display: none; display: flex; justify-content: center; align-items: center;}
+.wrap-img img{ max-width: 100%; max-height: 100%; }
+.wrap-img > div, .wrap-video > video, .wrap-model > div{width: 100%; height: 100%;}
+.footer-title{ display: flex; justify-content: space-between; margin-top: 20px;  }
+.footer-text{margin-top: 20px;}
+.footer-title h3 { font-size: 20px; color: #fff; font-weight: 600;}
+.wrap-iframe{ height: 100%; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
+.wrap-iframe iframe, .wrap-model iframe { width: 100%; height: 99%;} 
+.footer-btn button{ font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; cursor: pointer; border-radius: 10px; border: solid 1px #fff; margin-right: 10px; }
+.footer-btn button.active{background: #19bbed; border: none;}
+.footer-text{ color: #fff; line-height: 120%; position: relative; text-align: justify;}
+.img-icon{background: url("https://super.4dage.com/data/388/hot/images/img-icon.png")no-repeat left top;}
+.video-icon{background: url("https://super.4dage.com/data/388/hot/images/video-icon.png")no-repeat left top;}
+.model-icon{background: url("https://super.4dage.com/data/388/hot/images/model-icon.png")no-repeat left top;}
+.iframe-icon{background: url("https://super.4dage.com/data/388/hot/images/iframe-icon.png")no-repeat left top;}
+.footer-btn i{ display: inline-block; position: relative; top: 4px; background-size: 100%; width: 18px; position: relative;  height: 18px; margin-right: 5px;}
+ .footer-mask{position: absolute;/* background: linear-gradient(rgba(61,61,61,0) 0%, rgba(61,61,61,0.9) 40%,  rgba(61,61,61,1) 60%,rgba(61,61,61,0) 100%);*/  z-index: 10;bottom: -16px;left: 0;width: 100%;height: 50%;} 
+
+ .pinch-zoom-container{height: 100%;}
+
+ @media screen and (max-width: 1600px) {
+    .wrapper{ width: 76%; padding-top: 70px;}
+    
+}
+@media screen and (max-width: 1000px) {
+    .wrapper{ width: 86%; padding-top: 50px;}
+}
+@media screen and (max-width: 700px) {
+    .footer-title h3{ font-size: 16px;}
+    .footer-text{ font-size: 14px; margin-top: 10px; padding: 0 6px; line-height: 150%;}
+    .footer-text p { text-indent: 28px;}
+    .wrapper{ width: 94%; padding-top: 30px;}
+    .footer-title{flex-direction:column-reverse; align-items:center; margin-top: 10px; }
+    .footer-btn{margin-bottom: 10px;}
+    .ui-icon-before:before{left: 4px;}
+    
+}
+@media screen and (max-width: 600px) {
+    .wrapper{ width: 100%; padding-top: 34px; }
+    .o-slider--item{background: rgba(0,0,0,0.4);}
+}
+@media screen and (max-width: 400px) {
+}
+
+
+::-webkit-scrollbar/*整体部分*/
+{
+    width: 10px;
+    height:10px;
+}
+
+::-webkit-scrollbar-track/*滑动轨道*/
+{
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0px;
+    background: rgba(0,0,0,0.1);
+}
+
+::-webkit-scrollbar-thumb/*滑块*/
+{
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(192,192,192,0.2);
+    background: rgba(192,192,192,0.2);
+}
+
+::-webkit-scrollbar-thumb:hover/*滑块效果*/
+{
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}

hot/css/video.css

@@ -0,0 +1,224 @@
+/* @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); */
+@import url(https://weloveiconfonts.com/api/?family=iconicfill);
+[class*="iconicfill-"]:before {
+  font-family: 'IconicFill', sans-serif;
+}
+
+/*********************
+ * Wrapper
+ *********************/
+.js-video {
+  position: relative;
+  margin: 0 auto;
+  border-radius: 8px;
+  height: 100%;
+}
+
+/*********************
+ * Elements inside js-video
+ *********************/
+.video-index video {
+  width: 100%;
+  height: 90%;
+  background-size: cover;
+  background-position: center center;
+}
+
+.js-video button {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+
+/*********************
+ * UI
+ *********************/
+.playPause.ui-icon {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0;
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  height: 90%;
+  z-index: 100;
+}
+/*.playPause.ui-icon:after {
+  content: '';
+  width: 120px;
+  height: 120px;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 10px;
+}*/
+/*.playPause.ui-icon:before {
+  font-size: 50px;
+  color: rgba(255, 255, 255, 0.9);
+  z-index: 2;
+  position: relative;
+  left: 81px;
+}*/
+/*.playPause.ui-icon.fa-pause:before, .playPause.ui-icon.fa-undo:before {
+  margin-left: -17px;
+}*/
+.playPause.ui-icon.fa-pause {
+  opacity: 0;
+}
+.video-index{ height: 100%;}
+.ui {
+  color: #fff;
+  padding: 10px 1vw;
+  font-size: 0;
+  display: -webkit-flex;
+  display: flex;
+}
+.ui > div:nth-of-type(2), .ui > div:nth-of-type(4) {
+  padding-top: 8px;
+}
+.ui > div:nth-of-type(2) {
+  -webkit-flex: 30 30 1px;
+  flex: 30 30 1px;
+  margin-right: 10px;
+}
+.ui > div:nth-of-type(1) {
+  -webkit-flex: 1 0 60px;
+  flex: 1 0 60px;
+  font-size: 12px;
+  margin-right: 10px;
+  text-align: center;
+  line-height: 20px;
+}
+.ui > div:nth-of-type(3) {
+  -webkit-flex: 0 0 20px;
+  flex: 0 0 20px;
+  margin-right: 10px;
+}
+.ui > div:nth-of-type(4) {
+  display: none;
+  -webkit-flex: 0 0 60px;
+  flex: 0 0 60px;
+}
+
+.timeDisplay {
+  white-space: nowrap;
+}
+.timeDisplay i {
+  font-style: normal;
+}
+
+.fullscreen {
+  position: absolute;
+  font-style: normal;
+  left: 20px;
+  bottom: 66px;
+  display: none;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  cursor: pointer;
+  -moz-transition: color 0.3s;
+  -o-transition: color 0.3s;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.fullscreen:before {
+  font-size: 30px;
+  line-height: 40px;
+  color: rgba(0, 0, 0, 0.6);
+}
+.fullscreen:hover:before {
+  color: rgba(0,0,0, 0.8);
+}
+
+.ui-icon {
+  font-size: 20px;
+  vertical-align: middle;
+  width: 20px;
+  cursor: pointer;
+}
+
+/*********************
+ * Progress
+ *********************/
+.progress, .volumeControl {
+  background: rgb(255, 255, 255);
+  width: 100%;
+  position: relative;
+  height: 5px;
+  cursor: pointer;
+  overflow: hidden;
+  border-radius: 2px;
+  border: 0;
+}
+
+.progress > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+}
+
+.progress-time {
+  background-color: #19bbed;
+}
+
+.anim {
+  -moz-transition: width 1000ms linear;
+  -o-transition: width 1000ms linear;
+  -webkit-transition: width 1000ms linear;
+  transition: width 1000ms linear;
+}
+
+.progress-buffer {
+  background-color:#cccccc;
+  -moz-transition: width 250ms linear;
+  -o-transition: width 250ms linear;
+  -webkit-transition: width 250ms linear;
+  transition: width 250ms linear;
+}
+
+.volumeControl {
+  width: 90%;
+  overflow: visible;
+  position: relative;
+  background: rgba(0, 0, 0, 0.3);
+}
+.volumeControl .ui-slider-handle {
+  position: absolute;
+  width: 9px;
+  height: 9px;
+  border: 0;
+  top: -2px;
+  background: transparent;
+}
+.volumeControl .ui-slider-handle:after {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: -50%;
+  background: black;
+  border-radius: 4px;
+}
+.volumeControl .ui-slider-handle:focus {
+  outline: none;
+}
+.ui-icon-before{display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;background:rgba(0, 0, 0, 0.8);border-radius:50%;}
+.ui-icon-before:before{
+  content:"\f04b";
+  font-size: 50px;
+  color: rgba(255, 255, 255, 0.8);
+  z-index: 2;
+  font-size: 60px;
+  position: relative;
+  left: 5px;
+}
+.fa-play:before{ content:""; }
+@media screen and (max-width: 600px){
+  .ui-icon-before{width: 60px;height: 60px;}
+  .ui-icon-before:before{
+    font-size: 35px;
+    left: 3px;
+  }
+  .ui{padding: 2px 1vw;}
+}

hot/css/yuhaiTupian.css

@@ -0,0 +1,619 @@
+body {
+  margin: 0;
+  padding: 0;
+  max-width:100%;
+  margin:0 auto;
+}
+
+/* line 8, ../sass/inc/_base.scss */
+* {
+  box-sizing: border-box;
+}
+.icon-right-open-big:before { content: "\e766"; } /* '\e766' */
+.o-slider-header-mobile{ height: 100%; width: 100%; text-align: center; }
+/* line 9, ../sass/inc/_base.scss */
+a {
+  color: #fff;
+  font-size: 14px;
+  letter-spacing: 0.125em;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+/* line 16, ../sass/inc/_base.scss */
+h1 {
+  text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+  font-size: 2.5rem;
+}
+
+/* line 22, ../sass/inc/_base.scss */
+.pre {
+  display: inline-block;
+  padding: 20px;
+  background: #f1f1f1;
+  box-shadow: 3px 3px 0 1px rgba(0, 0, 0, 0.1);
+  width: 100%;
+}
+
+@-webkit-keyframes ball-scale-multiple {
+  0% {
+    transform: scale(0) rotate(-90deg);
+    opacity: 0;
+  }
+  5% {
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1.2) rotate(90deg);
+    opacity: 0;
+  }
+}
+@keyframes ball-scale-multiple {
+  0% {
+    transform: scale(0) rotate(-90deg);
+    opacity: 0;
+  }
+  5% {
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1.2) rotate(90deg);
+    opacity: 0;
+  }
+}
+/* line 1, ../sass/inc/_loader.scss */
+.loaderWrap {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 123333333;
+}
+
+/* line 10, ../sass/inc/_loader.scss */
+.ball-scale-multiple {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, 50%);
+}
+/* line 15, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div {
+  background-color: #fff;
+  border-radius: 0;
+  animation-fill-mode: both;
+  position: absolute;
+  left: -60px;
+  top: -60px;
+  opacity: 0;
+  margin: 0;
+  width: 120px;
+  height: 120px;
+  animation: ball-scale-multiple 1s 0s linear infinite;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+/* line 28, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div:nth-child(1) {
+  animation-delay: -1s;
+}
+/* line 31, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div:nth-child(2) {
+  animation-delay: -0.8s;
+}
+/* line 34, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div:nth-child(3) {
+  animation-delay: -0.6s;
+}
+/* line 37, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div:nth-child(4) {
+  animation-delay: -0.4s;
+}
+/* line 40, ../sass/inc/_loader.scss */
+.ball-scale-multiple > div:nth-child(5) {
+  animation-delay: -0.2s;
+}
+
+/* line 7, ../sass/style.scss */
+.a-container {
+  width: 1170px;
+  margin: 20px auto;
+}
+
+/* line 12, ../sass/style.scss */
+.a-1_2 {
+  width: 48%;
+  display: inline-block;
+  margin: 0 1%;
+}
+
+/* line 17, ../sass/style.scss */
+.o-sliderContainer {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  min-height: 200px;
+  float: left;
+  height: auto;
+}
+/* line 27, ../sass/style.scss */
+.o-sliderContainer.hasShadow {
+  box-shadow: 0 39px 22px -29px rgba(0, 0, 0, 0.2);
+}
+
+
+/* line 39, ../sass/style.scss */
+.o-slider--item {
+  height: auto;
+  width: 0;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  position: relative;
+  float: left;
+  transition: all 0.2s cubic-bezier(0.7, 0.18, 0.53, 0.75);
+  opacity: 0.6;
+  transform: scale(0.95, 0.95);
+  transform-origin: center center;
+  z-index: 99;
+  background-size: 40%;
+  background-position: 95% 106%;
+}
+.o-slider-header{   height: 100%; width: 100%; position: relative;  }
+.o-slider-bg{ position: absolute; height: 100%; width: 100%; display: flex; align-items: center; }
+.o-slider-bg .o-slider-header > img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
+.o-slider-bg .o-slider-header > video{ width: 100%; height: 100%;}
+.o-slider-header iframe{ width: 100%; height: 100%;}
+
+
+.content-top{height: 15%;text-align: center;padding-left: 30px;display: flex;align-items: center;}
+.content-top img{ max-width: 86%; }
+.content-content{height: 45%;width: 100%;text-align: center;}
+.content-content img{height: 90%;/* margin: auto 0; */}
+.content-footer{padding-left: 30px; height:20%;}
+.content-footer img{ max-width:  60%; max-height: 100%; }
+.pinch-zoom-container{ width: 100%; max-height: 100%;  }
+
+
+/* line 52, ../sass/style.scss */
+/* .o-slider--item::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.3);
+  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
+  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(70%, transparent));
+  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
+  background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
+  background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
+  z-index: 0;
+} */
+/* line 65, ../sass/style.scss */
+.o-slider--item.isActive {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+/* line 69, ../sass/style.scss */
+.o-slider--item.isMoving {
+  opacity: 0.6;
+  transform: scale(0.95, 0.95);
+  z-index: 100;
+}
+
+/* line 76, ../sass/style.scss */
+.o-slider {
+  width: auto;
+  position: relative;
+  display: none;
+  transition: all 0.2s cubic-bezier(0.7, 0.18, 0.53, 0.75);
+}
+/* line 81, ../sass/style.scss */
+.o-slider.isVisible {
+  display: table;
+}
+/* line 86, ../sass/style.scss */
+.o-slider.isDraggable {
+  cursor: move;
+}
+
+/* line 91, ../sass/style.scss */
+.o-slider-textWrap {
+  left: 2%;
+  bottom: 45px;
+  height: auto;
+  position: absolute;
+  text-align: left;
+  padding: 0 0 20px 0;
+  width: 96%;
+  transition: all 0.4s;
+  opacity: 1;
+  overflow: visible;
+  perspective: 1000px;
+  z-index: 2;
+}
+
+/* line 107, ../sass/style.scss */
+.isActive .o-slider-textWrap::after {
+  width: 100%;
+  left: 0;
+}
+/* line 112, ../sass/style.scss */
+.isActive .o-slider-paragraph {
+  opacity: 1;
+  transform: perspective(0) rotateY(0) translate(0, 0);
+  transform-origin: 0 0;
+  transition-delay: 1s;
+}
+/* line 119, ../sass/style.scss */
+.isActive .o-slider-title {
+  opacity: 1;
+  transform: perspective(0) rotateY(0) translate(0, 0);
+  transform-origin: 0 0;
+  transition-delay: 0.2s;
+}
+/* line 126, ../sass/style.scss */
+.isActive .o-slider-subTitle {
+  opacity: 1;
+  transform: perspective(0) rotateY(0) translate(0, 0);
+  transform-origin: 0 0;
+  transition-delay: 0.6s;
+}
+
+/* line 155, ../sass/style.scss */
+.o-slider-title {
+  width: auto;
+  margin: 0 0 5px 0;
+  height: auto;
+  color: #fff;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+  font-size: 1.4rem;
+  display: inline-block;
+  padding: 0;
+  transition: all 0.4s;
+  transform-origin: 0 0;
+  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
+  opacity: 0;
+  position: relative;
+  z-index: 1;
+}
+
+/* line 172, ../sass/style.scss */
+.o-slider-subTitle {
+  width: auto;
+  margin: 0 0 5px 0;
+  height: auto;
+  color: #fff;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+  font-size: 1.4rem;
+  display: inline-block;
+  padding: 0;
+  transition: all 0.4s;
+  transform-origin: 0 0;
+  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
+  opacity: 0;
+  position: relative;
+  z-index: 1;
+  font-size: 1.2rem;
+}
+
+/* line 190, ../sass/style.scss */
+.o-slider-paragraph {
+  width: auto;
+  margin: 0 0 5px 0;
+  height: auto;
+  color: #fff;
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+  font-size: 1.4rem;
+  display: inline-block;
+  padding: 0;
+  transition: all 0.4s;
+  transform-origin: 0 0;
+  transform: perspective(1000px) rotateY(120deg) translate(100px, -100px);
+  opacity: 0;
+  position: relative;
+  z-index: 1;
+  font-size: 0.8rem;
+  max-width: 100%;
+  display: none;
+}
+
+@media screen and (min-width: 768px) {
+  /* line 211, ../sass/style.scss */
+  .o-slider-textWrap {
+    left: 5%;
+    width: 90%;
+  }
+
+  /* line 216, ../sass/style.scss */
+  .o-slider-title {
+    font-size: 1.8rem;
+  }
+
+  /* line 220, ../sass/style.scss */
+  .o-slider-subTitle {
+    font-size: 1.4rem;
+  }
+
+  /* line 224, ../sass/style.scss */
+  .o-slider-paragraph {
+    max-width: 60%;
+    font-size: 1rem;
+    display: block;
+  }
+}
+@media screen and (min-width: 1024px) {
+  /* line 232, ../sass/style.scss */
+  .o-slider-pagination {
+    bottom: 6%;
+  }
+
+  /* line 234, ../sass/style.scss */
+  .o-slider-textWrap {
+    left: 70px;
+    width: 80%;
+    bottom: 50px;
+  }
+
+  /* line 240, ../sass/style.scss */
+  .o-slider-title {
+    font-size: 2rem;
+  }
+
+  /* line 244, ../sass/style.scss */
+  .o-slider-subTitle {
+    font-size: 1.6rem;
+  }
+
+  /* line 248, ../sass/style.scss */
+  .o-slider-paragraph {
+    max-width: 40%;
+    font-size: 1.2rem;
+  }
+}
+/* line 299, ../sass/style.scss */
+.a-divider {
+  display: block;
+  width: 100%;
+  height: 1px;
+  margin: 2px 0;
+}
+
+/* line 306, ../sass/style.scss */
+.o-slider-controls {
+  display: none;
+}
+/* line 309, ../sass/style.scss */
+.o-slider-controls.isVisible {
+  display: block;
+}
+
+/* line 314, ../sass/style.scss */
+.o-slider-pagination {
+  bottom: 20px;
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  z-index: 1444000;
+  margin: 0;
+  padding: 0;
+}
+/* line 324, ../sass/style.scss */
+.o-slider-pagination > li {
+  border-radius: 50%;
+  /* box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 2px 0 rgba(0, 0, 0, 0.4) inset; */
+  display: inline-block;
+  position: relative;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 8px;
+  width: 8px;
+  margin-left: 4px;
+  margin-right: 4px;
+  transition: all 250ms;
+  cursor: pointer;
+  /* background-clip: padding-box; */
+  z-index: 100;
+  background: #fff;
+}
+/* line 340, ../sass/style.scss */
+.o-slider-pagination > li.isActive {
+  background-color: #19bbed;
+  transform: scale(1.3, 1.3);
+}
+
+/* line 347, ../sass/style.scss */
+.o-slider--preview {
+  position: absolute;
+  top: -70px;
+  right: auto;
+  bottom: auto;
+  left: -65px;
+  opacity: 0;
+  width: 140px;
+  height: 60px;
+  background-size: cover;
+  background-position: center center;
+  transition: all 250ms;
+  z-index: -1;
+  border: 3px solid #000;
+  transform: scale(0.2, 0.2);
+  transform-origin: center bottom;
+  display: none;
+}
+/* line 362, ../sass/style.scss */
+.o-slider--preview::before {
+  content: "";
+  position: absolute;
+  top: auto;
+  right: auto;
+  bottom: -13px;
+  left: 50%;
+  margin: 0 0 0 -5px;
+  height: 0;
+  width: 0;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-top: 10px solid #000;
+}
+
+/* line 374, ../sass/style.scss */
+.o-slider--preview.isActive,
+.o-slider-pagination li:hover .o-slider--preview {
+  opacity: 1;
+  position: absolute;
+  top: -76px;
+  right: auto;
+  bottom: auto;
+  left: -65px;
+  transform: scale(1, 1);
+}
+
+@media screen and (min-width: 768px) {
+  /* line 384, ../sass/style.scss */
+  .o-slider--preview {
+    display: block;
+  }
+}
+/* line 389, ../sass/style.scss */
+.o-slider-arrows {
+  margin: 0;
+  list-style: none;
+  display: block;
+}
+
+/* line 395, ../sass/style.scss */
+.o-slider-next,
+.o-slider-prev {
+  position: fixed;
+  top: 0;
+  left: 0px;
+  margin: -12px 0 0;
+  width: 60px;
+  z-index: 99;
+  padding: 0;
+  margin: 0;
+  height: 60px;
+  list-style: none;
+  cursor: pointer;
+  text-align: center;
+  padding: 10px 25px;
+  background: rgba(0, 0, 0, 0.4);
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 100%;
+  transition: all 0.4s;
+  top: 50%;
+  transform: translateY(-50%);
+}
+/* line 416, ../sass/style.scss */
+.o-slider-next i,
+.o-slider-prev i {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  /* margin: -12px 0 0; */
+  text-align: center;
+  width: 100%;
+  font-size: 2.8rem;
+  color: #fff;
+  transform: translateY(-50%);
+}
+
+/* line 428, ../sass/style.scss */
+.o-slider-next {
+  left: auto;
+  right: 0px;
+}
+
+/* line 433, ../sass/style.scss */
+.isDisabled {
+  opacity: 1;
+  cursor: auto;
+}
+
+@media screen and (max-width: 1280px) {
+  /* line 439, ../sass/style.scss */
+  .a-container {
+    width: 970px;
+  }
+}
+@media screen and (max-width: 1024px) {
+  /* line 445, ../sass/style.scss */
+  .o-slider-arrows {
+    display: none;
+  }
+
+  /* line 449, ../sass/style.scss */
+  .o-sliderContainer {
+    height: 450px;
+    width: 100%;
+  }
+
+  /* line 455, ../sass/style.scss */
+  .o-slider--item {
+    height: 450px;
+  }
+}
+@media screen and (max-width: 768px) {
+  /* line 461, ../sass/style.scss */
+  .a-container {
+    width: 90%;
+    margin: 20px auto;
+  }
+
+  /* line 466, ../sass/style.scss */
+  .a-1_2 {
+    width: 100%;
+    display: block;
+    margin: 0;
+  }
+
+  /* line 472, ../sass/style.scss */
+  .o-slider-arrows {
+    display: none;
+  }
+
+  /* line 476, ../sass/style.scss */
+  .o-sliderContainer {
+    height: 350px;
+  }
+
+  /* line 480, ../sass/style.scss */
+  .o-slider--item {
+    height: 350px;
+  }
+
+  /* line 484, ../sass/style.scss */
+  .o-slider-panel img {
+    left: -15%;
+    width: 130%;
+  }
+}
+@media screen and (max-width: 480px) {
+  /* line 491, ../sass/style.scss */
+  .o-slider--item {
+    height: 270px;
+  }
+  /* line 494, ../sass/style.scss */
+ 
+
+  /* line 500, ../sass/style.scss */
+  .o-sliderContainer {
+    height: 270px;
+  }
+}
+/* line 505, ../sass/style.scss */
+.slider-pagination > li:hover {
+  background-color: rgba(255, 255, 255, 0.9);
+  transform: scale(1.3, 1.3);
+}

hot/icons/entypo.css

@@ -0,0 +1,315 @@
+@charset "UTF-8";
+
+@font-face {
+  font-family: 'entypo';
+  src: url('entypo.eot');
+  src: url('entypo.eot?#iefix') format('embedded-opentype'),
+       url('entypo.woff') format('woff'),
+       url('entypo.ttf') format('truetype'),
+       url('entypo.svg#entypo') format('svg');
+  font-weight: normal; font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  font-family: entypo;
+  font-style: normal;
+
+  /* font-size: 14px; */
+
+  display: inline-block;
+  width: 1.1em;
+  margin-right: .1em;
+  text-align: center;
+}
+
+.the-icons li {
+  font-size: 14px;
+  line-height: 24px;
+  height: 24px;
+}
+
+.icon-note:before { content: "\266a"; } /* '\266a' */
+.icon-note-beamed:before { content: "\266b"; } /* '\266b' */
+.icon-music:before { content: "🎵"; } /* '\1f3b5' */
+.icon-search:before { content: "🔍"; } /* '\1f50d' */
+.icon-flashlight:before { content: "🔦"; } /* '\1f526' */
+.icon-mail:before { content: "\2709"; } /* '\2709' */
+.icon-heart:before { content: "\2665"; } /* '\2665' */
+.icon-heart-empty:before { content: "\2661"; } /* '\2661' */
+.icon-star:before { content: "\2605"; } /* '\2605' */
+.icon-star-empty:before { content: "\2606"; } /* '\2606' */
+.icon-user:before { content: "👤"; } /* '\1f464' */
+.icon-users:before { content: "👥"; } /* '\1f465' */
+.icon-user-add:before { content: "\e700"; } /* '\e700' */
+.icon-video:before { content: "🎬"; } /* '\1f3ac' */
+.icon-picture:before { content: "🌄"; } /* '\1f304' */
+.icon-camera:before { content: "📷"; } /* '\1f4f7' */
+.icon-layout:before { content: "\268f"; } /* '\268f' */
+.icon-menu:before { content: "\2630"; } /* '\2630' */
+.icon-check:before { content: "\2713"; } /* '\2713' */
+.icon-cancel:before { content: "\2715"; } /* '\2715' */
+.icon-cancel-circled:before { content: "\2716"; } /* '\2716' */
+.icon-cancel-squared:before { content: "\274e"; } /* '\274e' */
+.icon-plus:before { content: "\2b"; } /* '\2b' */
+.icon-plus-circled:before { content: "\2795"; } /* '\2795' */
+.icon-plus-squared:before { content: "\229e"; } /* '\229e' */
+.icon-minus:before { content: "\2d"; } /* '\2d' */
+.icon-minus-circled:before { content: "\2796"; } /* '\2796' */
+.icon-minus-squared:before { content: "\229f"; } /* '\229f' */
+.icon-help:before { content: "\2753"; } /* '\2753' */
+.icon-help-circled:before { content: "\e704"; } /* '\e704' */
+.icon-info:before { content: "\2139"; } /* '\2139' */
+.icon-info-circled:before { content: "\e705"; } /* '\e705' */
+.icon-back:before { content: "🔙"; } /* '\1f519' */
+.icon-home:before { content: "\2302"; } /* '\2302' */
+.icon-link:before { content: "🔗"; } /* '\1f517' */
+.icon-attach:before { content: "📎"; } /* '\1f4ce' */
+.icon-lock:before { content: "🔒"; } /* '\1f512' */
+.icon-lock-open:before { content: "🔓"; } /* '\1f513' */
+.icon-eye:before { content: "\e70a"; } /* '\e70a' */
+.icon-tag:before { content: "\e70c"; } /* '\e70c' */
+.icon-bookmark:before { content: "🔖"; } /* '\1f516' */
+.icon-bookmarks:before { content: "📑"; } /* '\1f4d1' */
+.icon-flag:before { content: "\2691"; } /* '\2691' */
+.icon-thumbs-up:before { content: "👍"; } /* '\1f44d' */
+.icon-thumbs-down:before { content: "👎"; } /* '\1f44e' */
+.icon-download:before { content: "📥"; } /* '\1f4e5' */
+.icon-upload:before { content: "📤"; } /* '\1f4e4' */
+.icon-upload-cloud:before { content: "\e711"; } /* '\e711' */
+.icon-reply:before { content: "\e712"; } /* '\e712' */
+.icon-reply-all:before { content: "\e713"; } /* '\e713' */
+.icon-forward:before { content: "\27a6"; } /* '\27a6' */
+.icon-quote:before { content: "\275e"; } /* '\275e' */
+.icon-code:before { content: "\e714"; } /* '\e714' */
+.icon-export:before { content: "\e715"; } /* '\e715' */
+.icon-pencil:before { content: "\270e"; } /* '\270e' */
+.icon-feather:before { content: "\2712"; } /* '\2712' */
+.icon-print:before { content: "\e716"; } /* '\e716' */
+.icon-retweet:before { content: "\e717"; } /* '\e717' */
+.icon-keyboard:before { content: "\2328"; } /* '\2328' */
+.icon-comment:before { content: "\e718"; } /* '\e718' */
+.icon-chat:before { content: "\e720"; } /* '\e720' */
+.icon-bell:before { content: "🔔"; } /* '\1f514' */
+.icon-attention:before { content: "\26a0"; } /* '\26a0' */
+.icon-alert:before { content: "💥"; } /* '\1f4a5' */
+.icon-vcard:before { content: "\e722"; } /* '\e722' */
+.icon-address:before { content: "\e723"; } /* '\e723' */
+.icon-location:before { content: "\e724"; } /* '\e724' */
+.icon-map:before { content: "\e727"; } /* '\e727' */
+.icon-direction:before { content: "\27a2"; } /* '\27a2' */
+.icon-compass:before { content: "\e728"; } /* '\e728' */
+.icon-cup:before { content: "\2615"; } /* '\2615' */
+.icon-trash:before { content: "\e729"; } /* '\e729' */
+.icon-doc:before { content: "\e730"; } /* '\e730' */
+.icon-docs:before { content: "\e736"; } /* '\e736' */
+.icon-doc-landscape:before { content: "\e737"; } /* '\e737' */
+.icon-doc-text:before { content: "📄"; } /* '\1f4c4' */
+.icon-doc-text-inv:before { content: "\e731"; } /* '\e731' */
+.icon-newspaper:before { content: "📰"; } /* '\1f4f0' */
+.icon-book-open:before { content: "📖"; } /* '\1f4d6' */
+.icon-book:before { content: "📕"; } /* '\1f4d5' */
+.icon-folder:before { content: "📁"; } /* '\1f4c1' */
+.icon-archive:before { content: "\e738"; } /* '\e738' */
+.icon-box:before { content: "📦"; } /* '\1f4e6' */
+.icon-rss:before { content: "\e73a"; } /* '\e73a' */
+.icon-phone:before { content: "📞"; } /* '\1f4de' */
+.icon-cog:before { content: "\2699"; } /* '\2699' */
+.icon-tools:before { content: "\2692"; } /* '\2692' */
+.icon-share:before { content: "\e73c"; } /* '\e73c' */
+.icon-shareable:before { content: "\e73e"; } /* '\e73e' */
+.icon-basket:before { content: "\e73d"; } /* '\e73d' */
+.icon-bag:before { content: "👜"; } /* '\1f45c' */
+.icon-calendar:before { content: "📅"; } /* '\1f4c5' */
+.icon-login:before { content: "\e740"; } /* '\e740' */
+.icon-logout:before { content: "\e741"; } /* '\e741' */
+.icon-mic:before { content: "🎤"; } /* '\1f3a4' */
+.icon-mute:before { content: "🔇"; } /* '\1f507' */
+.icon-sound:before { content: "🔊"; } /* '\1f50a' */
+.icon-volume:before { content: "\e742"; } /* '\e742' */
+.icon-clock:before { content: "🕔"; } /* '\1f554' */
+.icon-hourglass:before { content: "\23f3"; } /* '\23f3' */
+.icon-lamp:before { content: "💡"; } /* '\1f4a1' */
+.icon-light-down:before { content: "🔅"; } /* '\1f505' */
+.icon-light-up:before { content: "🔆"; } /* '\1f506' */
+.icon-adjust:before { content: "\25d1"; } /* '\25d1' */
+.icon-block:before { content: "🚫"; } /* '\1f6ab' */
+.icon-resize-full:before { content: "\e744"; } /* '\e744' */
+.icon-resize-small:before { content: "\e746"; } /* '\e746' */
+.icon-popup:before { content: "\e74c"; } /* '\e74c' */
+.icon-publish:before { content: "\e74d"; } /* '\e74d' */
+.icon-window:before { content: "\e74e"; } /* '\e74e' */
+.icon-arrow-combo:before { content: "\e74f"; } /* '\e74f' */
+.icon-down-circled:before { content: "\e758"; } /* '\e758' */
+.icon-left-circled:before { content: "\e759"; } /* '\e759' */
+.icon-right-circled:before { content: "\e75a"; } /* '\e75a' */
+.icon-up-circled:before { content: "\e75b"; } /* '\e75b' */
+.icon-down-open:before { content: "\e75c"; } /* '\e75c' */
+.icon-left-open:before { content: "\e75d"; } /* '\e75d' */
+.icon-right-open:before { content: "\e75e"; } /* '\e75e' */
+.icon-up-open:before { content: "\e75f"; } /* '\e75f' */
+.icon-down-open-mini:before { content: "\e760"; } /* '\e760' */
+.icon-left-open-mini:before { content: "\e761"; } /* '\e761' */
+.icon-right-open-mini:before { content: "\e762"; } /* '\e762' */
+.icon-up-open-mini:before { content: "\e763"; } /* '\e763' */
+.icon-down-open-big:before { content: "\e764"; } /* '\e764' */
+.icon-left-open-big:before { content: "\e765"; } /* '\e765' */
+.icon-right-open-big:before { content: "\e766"; } /* '\e766' */
+.icon-up-open-big:before { content: "\e767"; } /* '\e767' */
+.icon-down:before { content: "\2b07"; } /* '\2b07' */
+.icon-left:before { content: "\2b05"; } /* '\2b05' */
+.icon-right:before { content: "\27a1"; } /* '\27a1' */
+.icon-up:before { content: "\2b06"; } /* '\2b06' */
+.icon-down-dir:before { content: "\25be"; } /* '\25be' */
+.icon-left-dir:before { content: "\25c2"; } /* '\25c2' */
+.icon-right-dir:before { content: "\25b8"; } /* '\25b8' */
+.icon-up-dir:before { content: "\25b4"; } /* '\25b4' */
+.icon-down-bold:before { content: "\e4b0"; } /* '\e4b0' */
+.icon-left-bold:before { content: "\e4ad"; } /* '\e4ad' */
+.icon-right-bold:before { content: "\e4ae"; } /* '\e4ae' */
+.icon-up-bold:before { content: "\e4af"; } /* '\e4af' */
+.icon-down-thin:before { content: "\2193"; } /* '\2193' */
+.icon-left-thin:before { content: "\2190"; } /* '\2190' */
+.icon-right-thin:before { content: "\2192"; } /* '\2192' */
+.icon-up-thin:before { content: "\2191"; } /* '\2191' */
+.icon-ccw:before { content: "\27f2"; } /* '\27f2' */
+.icon-cw:before { content: "\27f3"; } /* '\27f3' */
+.icon-arrows-ccw:before { content: "🔄"; } /* '\1f504' */
+.icon-level-down:before { content: "\21b3"; } /* '\21b3' */
+.icon-level-up:before { content: "\21b0"; } /* '\21b0' */
+.icon-shuffle:before { content: "🔀"; } /* '\1f500' */
+.icon-loop:before { content: "🔁"; } /* '\1f501' */
+.icon-switch:before { content: "\21c6"; } /* '\21c6' */
+.icon-play:before { content: "\25b6"; } /* '\25b6' */
+.icon-stop:before { content: "\25a0"; } /* '\25a0' */
+.icon-pause:before { content: "\2389"; } /* '\2389' */
+.icon-record:before { content: "\26ab"; } /* '\26ab' */
+.icon-to-end:before { content: "\23ed"; } /* '\23ed' */
+.icon-to-start:before { content: "\23ee"; } /* '\23ee' */
+.icon-fast-forward:before { content: "\23e9"; } /* '\23e9' */
+.icon-fast-backward:before { content: "\23ea"; } /* '\23ea' */
+.icon-progress-0:before { content: "\e768"; } /* '\e768' */
+.icon-progress-1:before { content: "\e769"; } /* '\e769' */
+.icon-progress-2:before { content: "\e76a"; } /* '\e76a' */
+.icon-progress-3:before { content: "\e76b"; } /* '\e76b' */
+.icon-target:before { content: "🎯"; } /* '\1f3af' */
+.icon-palette:before { content: "🎨"; } /* '\1f3a8' */
+.icon-list:before { content: "\e005"; } /* '\e005' */
+.icon-list-add:before { content: "\e003"; } /* '\e003' */
+.icon-signal:before { content: "📶"; } /* '\1f4f6' */
+.icon-trophy:before { content: "🏆"; } /* '\1f3c6' */
+.icon-battery:before { content: "🔋"; } /* '\1f50b' */
+.icon-back-in-time:before { content: "\e771"; } /* '\e771' */
+.icon-monitor:before { content: "💻"; } /* '\1f4bb' */
+.icon-mobile:before { content: "📱"; } /* '\1f4f1' */
+.icon-network:before { content: "\e776"; } /* '\e776' */
+.icon-cd:before { content: "💿"; } /* '\1f4bf' */
+.icon-inbox:before { content: "\e777"; } /* '\e777' */
+.icon-install:before { content: "\e778"; } /* '\e778' */
+.icon-globe:before { content: "🌎"; } /* '\1f30e' */
+.icon-cloud:before { content: "\2601"; } /* '\2601' */
+.icon-cloud-thunder:before { content: "\26c8"; } /* '\26c8' */
+.icon-flash:before { content: "\26a1"; } /* '\26a1' */
+.icon-moon:before { content: "\263d"; } /* '\263d' */
+.icon-flight:before { content: "\2708"; } /* '\2708' */
+.icon-paper-plane:before { content: "\e79b"; } /* '\e79b' */
+.icon-leaf:before { content: "🍂"; } /* '\1f342' */
+.icon-lifebuoy:before { content: "\e788"; } /* '\e788' */
+.icon-mouse:before { content: "\e789"; } /* '\e789' */
+.icon-briefcase:before { content: "💼"; } /* '\1f4bc' */
+.icon-suitcase:before { content: "\e78e"; } /* '\e78e' */
+.icon-dot:before { content: "\e78b"; } /* '\e78b' */
+.icon-dot-2:before { content: "\e78c"; } /* '\e78c' */
+.icon-dot-3:before { content: "\e78d"; } /* '\e78d' */
+.icon-brush:before { content: "\e79a"; } /* '\e79a' */
+.icon-magnet:before { content: "\e7a1"; } /* '\e7a1' */
+.icon-infinity:before { content: "\221e"; } /* '\221e' */
+.icon-erase:before { content: "\232b"; } /* '\232b' */
+.icon-chart-pie:before { content: "\e751"; } /* '\e751' */
+.icon-chart-line:before { content: "📈"; } /* '\1f4c8' */
+.icon-chart-bar:before { content: "📊"; } /* '\1f4ca' */
+.icon-chart-area:before { content: "🔾"; } /* '\1f53e' */
+.icon-tape:before { content: "\2707"; } /* '\2707' */
+.icon-graduation-cap:before { content: "🎓"; } /* '\1f393' */
+.icon-language:before { content: "\e752"; } /* '\e752' */
+.icon-ticket:before { content: "🎫"; } /* '\1f3ab' */
+.icon-water:before { content: "💦"; } /* '\1f4a6' */
+.icon-droplet:before { content: "💧"; } /* '\1f4a7' */
+.icon-air:before { content: "\e753"; } /* '\e753' */
+.icon-credit-card:before { content: "💳"; } /* '\1f4b3' */
+.icon-floppy:before { content: "💾"; } /* '\1f4be' */
+.icon-clipboard:before { content: "📋"; } /* '\1f4cb' */
+.icon-megaphone:before { content: "📣"; } /* '\1f4e3' */
+.icon-database:before { content: "\e754"; } /* '\e754' */
+.icon-drive:before { content: "\e755"; } /* '\e755' */
+.icon-bucket:before { content: "\e756"; } /* '\e756' */
+.icon-thermometer:before { content: "\e757"; } /* '\e757' */
+.icon-key:before { content: "🔑"; } /* '\1f511' */
+.icon-flow-cascade:before { content: "\e790"; } /* '\e790' */
+.icon-flow-branch:before { content: "\e791"; } /* '\e791' */
+.icon-flow-tree:before { content: "\e792"; } /* '\e792' */
+.icon-flow-line:before { content: "\e793"; } /* '\e793' */
+.icon-flow-parallel:before { content: "\e794"; } /* '\e794' */
+.icon-rocket:before { content: "🚀"; } /* '\1f680' */
+.icon-gauge:before { content: "\e7a2"; } /* '\e7a2' */
+.icon-traffic-cone:before { content: "\e7a3"; } /* '\e7a3' */
+.icon-cc:before { content: "\e7a5"; } /* '\e7a5' */
+.icon-cc-by:before { content: "\e7a6"; } /* '\e7a6' */
+.icon-cc-nc:before { content: "\e7a7"; } /* '\e7a7' */
+.icon-cc-nc-eu:before { content: "\e7a8"; } /* '\e7a8' */
+.icon-cc-nc-jp:before { content: "\e7a9"; } /* '\e7a9' */
+.icon-cc-sa:before { content: "\e7aa"; } /* '\e7aa' */
+.icon-cc-nd:before { content: "\e7ab"; } /* '\e7ab' */
+.icon-cc-pd:before { content: "\e7ac"; } /* '\e7ac' */
+.icon-cc-zero:before { content: "\e7ad"; } /* '\e7ad' */
+.icon-cc-share:before { content: "\e7ae"; } /* '\e7ae' */
+.icon-cc-remix:before { content: "\e7af"; } /* '\e7af' */
+.icon-github:before { content: "\f300"; } /* '\f300' */
+.icon-github-circled:before { content: "\f301"; } /* '\f301' */
+.icon-flickr:before { content: "\f303"; } /* '\f303' */
+.icon-flickr-circled:before { content: "\f304"; } /* '\f304' */
+.icon-vimeo:before { content: "\f306"; } /* '\f306' */
+.icon-vimeo-circled:before { content: "\f307"; } /* '\f307' */
+.icon-twitter:before { content: "\f309"; } /* '\f309' */
+.icon-twitter-circled:before { content: "\f30a"; } /* '\f30a' */
+.icon-facebook:before { content: "\f30c"; } /* '\f30c' */
+.icon-facebook-circled:before { content: "\f30d"; } /* '\f30d' */
+.icon-facebook-squared:before { content: "\f30e"; } /* '\f30e' */
+.icon-gplus:before { content: "\f30f"; } /* '\f30f' */
+.icon-gplus-circled:before { content: "\f310"; } /* '\f310' */
+.icon-pinterest:before { content: "\f312"; } /* '\f312' */
+.icon-pinterest-circled:before { content: "\f313"; } /* '\f313' */
+.icon-tumblr:before { content: "\f315"; } /* '\f315' */
+.icon-tumblr-circled:before { content: "\f316"; } /* '\f316' */
+.icon-linkedin:before { content: "\f318"; } /* '\f318' */
+.icon-linkedin-circled:before { content: "\f319"; } /* '\f319' */
+.icon-dribbble:before { content: "\f31b"; } /* '\f31b' */
+.icon-dribbble-circled:before { content: "\f31c"; } /* '\f31c' */
+.icon-stumbleupon:before { content: "\f31e"; } /* '\f31e' */
+.icon-stumbleupon-circled:before { content: "\f31f"; } /* '\f31f' */
+.icon-lastfm:before { content: "\f321"; } /* '\f321' */
+.icon-lastfm-circled:before { content: "\f322"; } /* '\f322' */
+.icon-rdio:before { content: "\f324"; } /* '\f324' */
+.icon-rdio-circled:before { content: "\f325"; } /* '\f325' */
+.icon-spotify:before { content: "\f327"; } /* '\f327' */
+.icon-spotify-circled:before { content: "\f328"; } /* '\f328' */
+.icon-qq:before { content: "\f32a"; } /* '\f32a' */
+.icon-instagrem:before { content: "\f32d"; } /* '\f32d' */
+.icon-dropbox:before { content: "\f330"; } /* '\f330' */
+.icon-evernote:before { content: "\f333"; } /* '\f333' */
+.icon-flattr:before { content: "\f336"; } /* '\f336' */
+.icon-skype:before { content: "\f339"; } /* '\f339' */
+.icon-skype-circled:before { content: "\f33a"; } /* '\f33a' */
+.icon-renren:before { content: "\f33c"; } /* '\f33c' */
+.icon-sina-weibo:before { content: "\f33f"; } /* '\f33f' */
+.icon-paypal:before { content: "\f342"; } /* '\f342' */
+.icon-picasa:before { content: "\f345"; } /* '\f345' */
+.icon-soundcloud:before { content: "\f348"; } /* '\f348' */
+.icon-mixi:before { content: "\f34b"; } /* '\f34b' */
+.icon-behance:before { content: "\f34e"; } /* '\f34e' */
+.icon-google-circles:before { content: "\f351"; } /* '\f351' */
+.icon-vkontakte:before { content: "\f354"; } /* '\f354' */
+.icon-smashing:before { content: "\f357"; } /* '\f357' */
+.icon-sweden:before { content: "\f601"; } /* '\f601' */
+.icon-db-shape:before { content: "\f600"; } /* '\f600' */
+.icon-logo-db:before { content: "\f603"; } /* '\f603' */
+

hot/icons/entypo.svg

@@ -0,0 +1,834 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20110222 at Sun Nov 11 15:34:13 2012
+ By Vitaly,,,
+Copyright (C) 2012 by Daniel Bruce
+</metadata>
+<defs>
+<font id="entypo" horiz-adv-x="1030" >
+  <font-face 
+    font-family="Entypo"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1000"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="850"
+    descent="-150"
+    bbox="14.0606 -150.5 1019.01 852.48"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+002B-1F6AB"
+  />
+<missing-glyph horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name="glyph1" unicode="&#x266b;" horiz-adv-x="770" 
+d="M221 714l534 116v-704q2 -48 -33 -85t-83 -55q-63 -23 -109 -8t-63 64q-18 48 7 97q22 43 76 68.5t115 14.5v376l-354 -82v-490q0 -48 -35 -85t-83 -55q-63 -22 -108.5 -7.5t-61.5 63.5q-18 48 6 97q21 44 75.5 69.5t116.5 13.5v592v0z" />
+    <glyph glyph-name="glyph2" unicode="&#x1f3b5;" horiz-adv-x="730" 
+d="M615 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h500zM505 324q32 44 23 92q-9 49 -33 80q-7 10 -49 66q-25 34 -25 54h-60v-368q-41 16 -90 -2q-36 -12 -62 -44t-14 -68q11 -31 52 -44.5t86 0.5
+q88 30 88 98v262q31 -5 52.5 -29t20.5 -55q-2 -26 -3 -42q-4 -10 2 -10q5 0 12 10v0z" />
+    <glyph glyph-name="plus" unicode="+" horiz-adv-x="610" 
+d="M565 400q30 0 30 -50t-30 -50h-210v-210q0 -30 -50 -30t-50 30v210h-210q-30 0 -30 50t30 50h210v210q0 30 50 30t50 -30v-210h210v0z" />
+    <glyph glyph-name="hyphen" unicode="-" horiz-adv-x="610" 
+d="M565 400q30 0 30 -50t-30 -50h-520q-30 0 -30 50t30 50h520v0z" />
+    <glyph glyph-name="glyph0" unicode="&#x266a;" horiz-adv-x="612" 
+d="M396 820q0 -42 46 -97q43 -52 90 -100q45 -46 61 -119q17 -74 -39 -154q-20 -35 -26 -16q-1 6 0 16q11 18 6 56q-5 42 -13 78q-10 42 -45 74.5t-80 39.5v-536q2 -56 -41.5 -100.5t-100.5 -65.5q-72 -28 -143 -8q-69 20 -89 76q-20 57 20 115q42 60 116 85q85 30 158 4
+v652h80v0z" />
+    <glyph glyph-name="glyph3" unicode="&#x1f50d;" horiz-adv-x="819" 
+d="M787 78q30 -34 6 -62l-46 -46q-36 -32 -68 0l-190 190q-73 -42 -156 -42q-128 0 -223 95t-95 223t90 219t218 91q127 0 224 -95q96 -95 96 -223q0 -89 -46 -162zM109 436q0 -88 68 -156t156 -68t151 63t63 153q0 87 -68 155q-67 67 -156 67q-88 0 -151 -63t-63 -151v0z
+" />
+    <glyph glyph-name="glyph4" unicode="&#x1f526;" horiz-adv-x="932" 
+d="M906 576q23 -69 -5 -92l-134 -134q-18 -18 -66.5 -26.5t-91.5 -3.5l-408 -408q-18 -18 -57 -6q-37 11 -74 48.5t-50 75.5q-14 38 5 56l408 408q-5 43 3.5 91.5t26.5 66.5l136 136q24 28 92 4t130 -86q63 -62 85 -130zM453 312q46 46 14 82q-21 15 -43 9t-39 -23
+q-18 -18 -22.5 -39t10.5 -43q32 -32 80 14zM709 596q24 -24 61.5 -46.5t68.5 -28.5q25 -5 28 -1t-4 27q-18 69 -76 127q-59 59 -125 76q-23 6 -27 2t1 -28q6 -30 28.5 -68t44.5 -60v0z" />
+    <glyph glyph-name="glyph5" unicode="&#x2709;" horiz-adv-x="930" 
+d="M17 626q2 14 26 14h846q38 0 20 -32q-8 -15 -24 -22q-8 -4 -96.5 -51t-181 -97t-96.5 -52q-16 -10 -46 -10q-29 0 -46 10q-4 2 -96.5 52t-181 97t-96.5 51q-32 18 -28 40zM895 486q20 11 20 -10v-368q0 -16 -17 -32t-33 -16h-800q-16 0 -33 16t-17 32v368q0 21 20 10
+l384 -200q17 -10 46 -10t46 10l384 200v0z" />
+    <glyph glyph-name="glyph6" unicode="&#x2665;" horiz-adv-x="890" 
+d="M805 644q70 -64 70 -156t-70 -158l-360 -330l-360 330q-70 66 -70 158t70 156q61 58 151 58q89 0 153 -58l56 -52l58 52q61 58 150 58q88 0 152 -58v0z" />
+    <glyph glyph-name="glyph7" unicode="&#x2661;" horiz-adv-x="890" 
+d="M875 486q0 -92 -70 -156l-360 -330l-360 330q-70 64 -70 156t70 156q64 58 152 58q89 0 150 -58l58 -52l56 52q64 58 152 58t152 -58q70 -64 70 -156zM751 382q42 40 42 104q0 65 -38 100q-38 38 -102 38q-51 0 -104 -48l-104 -92l-106 92q-48 48 -102 48q-64 0 -103 -37
+t-39 -101q0 -66 44 -104l306 -286l306 286v0z" />
+    <glyph glyph-name="glyph8" unicode="&#x2605;" horiz-adv-x="910" 
+d="M455 790l120 -336h320l-262 -196l94 -348l-272 208l-272 -208l94 348l-262 196h320l120 336v0z" />
+    <glyph glyph-name="glyph9" unicode="&#x2606;" horiz-adv-x="910" 
+d="M633 258l94 -348l-272 208l-272 -208l94 348l-262 196h320l120 336l120 -336h320zM455 216l150 -124l-62 178l144 114l-176 -4l-56 202l-54 -202l-176 4l142 -114l-62 -178l150 124v0z" />
+    <glyph glyph-name="glyph10" unicode="&#x1f464;" horiz-adv-x="970" 
+d="M751 128q204 -72 204 -122v-106h-940v106q0 50 204 122q93 34 128 69q34 34 34 95q0 23 -22 49q-21 26 -32 73q-3 21 -23 26q-18 5 -23 60q0 32 14 38l4 4q-7 46 -12 88q-4 53 41 112q45 58 157 58t158 -58t40 -112l-12 -88q18 -8 18 -42q-5 -55 -23 -60q-20 -5 -23 -26
+q-7 -47 -31 -74q-23 -26 -23 -48q0 -60 35 -95q34 -34 127 -69v0z" />
+    <glyph glyph-name="glyph11" unicode="&#x1f465;" 
+d="M791 -90v150q0 54 -30 81q-32 29 -154 89q40 30 40 84q0 17 -13 33t-19 51q-2 8 -14 16q-13 8 -14 42q0 24 12 30q-10 40 -8 73.5t23 64.5q27 40 95 40t96 -40q29 -40 24 -78l-8 -60q12 -6 12 -30q-1 -34 -14 -42q-12 -8 -14 -16q-6 -35 -19 -51t-13 -33q0 -42 21 -66
+t77 -48q113 -47 130 -80q6 -7 9 -61q4 -71 5 -101v-48h-224zM527 172q182 -78 182 -124v-138h-694v184q0 44 84 78q73 30 104 64q28 31 28 88q0 21 -19 44t-25 68q-1 10 -18 22q-15 11 -20 56q0 26 10 36l4 2q-2 18 -5.5 46l-4.5 36q-5 50 33 103t127 53t127 -53t33 -103
+l-10 -82q14 -8 14 -38q-5 -45 -20 -56q-17 -12 -18 -22q-6 -45 -25 -68t-19 -44q0 -57 28 -88q31 -34 104 -64v0z" />
+    <glyph glyph-name="glyph12" unicode="&#xe700;" 
+d="M815 6v-106h-800v202q41 16 82 26q95 34 129 69q35 35 35 95q0 22 -23 48q-24 27 -31 74q-1 11 -23 25q-21 13 -25 61q0 32 14 38l4 4q-1 6 -3 19q-13 53 -8 95.5t39 85.5q46 58 160 58t160 -58t42 -112l-14 -88q18 -8 18 -42q-5 -55 -23 -60q-20 -5 -23 -26
+q-10 -46 -33 -73q-23 -28 -23 -49q0 -60 36 -95t130 -69q180 -65 180 -122zM865 400h150v-100h-150v-150h-100v150h-150v100h150v150h100v-150v0z" />
+    <glyph glyph-name="glyph13" unicode="&#x1f3ac;" horiz-adv-x="1010" 
+d="M955 700q17 0 28.5 -11.5t11.5 -28.5v-60h-100v-100h100v-100h-100v-100h100v-100h-100v-100h100v-60q0 -16 -12 -28t-28 -12h-900q-16 0 -28 12t-12 28v60h100v100h-100v100h100v100h-100v100h100v100h-100v60q0 17 11.5 28.5t28.5 11.5h900zM395 200l250 150l-250 150
+v-300v0z" />
+    <glyph glyph-name="glyph14" unicode="&#x1f304;" 
+d="M253 518q-52 0 -90 -39t-38 -91v-160l-108 296q-11 38 22 52l680 248q36 11 50 -24l102 -282h-100l-124 150l-214 -150h-180zM977 428q16 0 27 -12t11 -28v-472q0 -16 -11 -28t-27 -12h-724q-16 0 -27 12t-11 28v472q0 16 11 28t27 12h724zM921 -24v162l-72 160l-166 -60
+l-130 -132l-138 170l-92 -214v-86h598v0z" />
+    <glyph glyph-name="glyph15" unicode="&#x1f4f7;" 
+d="M515 450q63 0 106.5 -44t43.5 -106t-44.5 -106t-105.5 -44t-105.5 44t-44.5 106t44.5 106t105.5 44zM915 600q42 0 71 -29t29 -71v-450q0 -41 -29.5 -70.5t-70.5 -29.5h-800q-40 0 -70 30t-30 70v450q0 41 29.5 70.5t70.5 29.5h120q28 0 40 30l30 92q10 28 40 28h340
+q30 0 40 -28l30 -92q12 -30 40 -30h120zM692 123q73 73 73 177t-73 177t-177 73t-177 -73t-73 -177t73 -177t177 -73t177 73zM881 430q14 0 24 11t10 25t-10 24t-24 10q-36 0 -36 -34q0 -15 10.5 -25.5t25.5 -10.5v0z" />
+    <glyph glyph-name="glyph16" unicode="&#x268f;" horiz-adv-x="630" 
+d="M265 570v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90q80 0 80 -80zM615 570v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90q80 0 80 -80zM265 220v-90q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90q80 0 80 -80zM535 300q80 0 80 -80v-90
+q0 -80 -80 -80h-90q-80 0 -80 80v90q0 80 80 80h90v0z" />
+    <glyph glyph-name="glyph17" unicode="&#x2630;" horiz-adv-x="730" 
+d="M665 400q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-600q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h600zM65 500q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h600q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-600zM665 200q21 0 35.5 -15t14.5 -35t-15.5 -35
+t-34.5 -15h-600q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h600v0z" />
+    <glyph glyph-name="glyph18" unicode="&#x2713;" horiz-adv-x="697" 
+d="M264 0q-34 0 -56 28l-180 236q-25 39 -2 78.5t67 33.5q29 -5 47 -28l118 -154l296 474q15 23 41 30t55 -8q23 -15 30 -41t-8 -55l-350 -560q-20 -32 -56 -32l-2 -2v0z" />
+    <glyph glyph-name="glyph19" unicode="&#x2715;" horiz-adv-x="500" 
+d="M467 194q18 -18 18 -43t-17.5 -42t-43.5 -17t-43 16l-132 152l-132 -152q-17 -16 -43 -16t-43 16q-16 17 -16 43t16 43l138 156l-138 158q-16 17 -16 43t16 43q17 16 43 16t43 -16l132 -152l132 152q17 16 43 16t43.5 -17t17.5 -42t-18 -43l-138 -158l138 -156v0z" />
+    <glyph glyph-name="glyph20" unicode="&#x2716;" horiz-adv-x="870" 
+d="M732 647q123 -123 123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123t297 -123zM521 350l154 154l-86 86l-154 -152l-152 152l-88 -86l154 -154l-154 -152l88 -86l152 152l154 -152l86 86l-154 152v0z" />
+    <glyph glyph-name="glyph21" unicode="&#x274e;" horiz-adv-x="830" 
+d="M715 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h600zM569 112l86 86l-154 152l154 154l-86 86l-154 -152l-152 152l-88 -86l154 -154l-154 -152l88 -86l152 152l154 -152v0z" />
+    <glyph glyph-name="glyph23" unicode="&#x2795;" horiz-adv-x="870" 
+d="M732 647q123 -123 123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123t297 -123zM487 300h200v102h-200v202h-102v-202h-202v-102h202v-202h102v202v0z" />
+    <glyph glyph-name="glyph24" unicode="&#x229e;" horiz-adv-x="830" 
+d="M715 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h600zM665 300v100h-200v200h-100v-200h-200v-100h200v-200h100v200h200v0z" />
+    <glyph glyph-name="glyph26" unicode="&#x2796;" horiz-adv-x="870" 
+d="M732 647q123 -123 123 -297t-123 -297t-297 -123t-297 123t-123 297t123 297t297 123t297 -123zM687 402h-504v-102h504v102v0z" />
+    <glyph glyph-name="glyph27" unicode="&#x229f;" horiz-adv-x="830" 
+d="M715 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h600zM665 300v100h-500v-100h500v0z" />
+    <glyph glyph-name="glyph28" unicode="&#x2753;" horiz-adv-x="610" 
+d="M15 526q5 129 77 201.5t203 72.5q130 0 214 -60q86 -62 86 -184q0 -64 -42 -124q-13 -21 -88 -80l-46 -30q-41 -34 -48 -60q-7 -18 -8 -44q0 -14 -16 -14h-128q-16 0 -16 12q5 99 28 124q26 36 104 90l24 14q22 16 34 34q28 43 28 70q0 40 -26 78q-29 36 -92 36
+q-68 0 -94 -44q-28 -41 -28 -92h-166zM293 104q44 0 73 -30t27 -74q-2 -45 -31.5 -72.5t-74.5 -25.5q-45 0 -73.5 29.5t-26.5 74.5t31.5 72.5t74.5 25.5v0z" />
+    <glyph glyph-name="glyph29" unicode="&#xe704;" horiz-adv-x="950" 
+d="M795 680q135 -131 140 -322q2 -192 -131 -327q-134 -137 -323 -141q-192 -2 -327 131q-138 134 -139 323q-4 190 130 327q134 138 324 139t326 -130zM467 70q29 0 48.5 19t19.5 47q2 30 -17 49t-49 19h-2q-28 0 -47 -18t-21 -46q0 -29 19 -48.5t47 -21.5h2zM633 398
+q26 35 26 78q0 76 -52 115t-136 39t-128.5 -44.5t-47.5 -127.5v-4h110v4q0 26 16 54q17 24 54 24q40 0 52 -20q16 -19 16 -44q0 -15 -9.5 -30t-19 -23t-27 -20.5t-22.5 -16.5q-26 -20 -38 -34q-13 -20 -18 -78v-8h108v4q0 40 32 64l28 18q46 34 56 50v0z" />
+    <glyph glyph-name="glyph30" unicode="&#x2139;" horiz-adv-x="490" 
+d="M367 850q46 0 73 -26t27 -70q0 -51 -40 -88.5t-94 -37.5q-47 0 -73.5 25.5t-24.5 72.5q0 45 35 85q34 39 97 39zM161 -150q-100 0 -54 178l60 254q14 56 0 56q-12 0 -54 -18q-40 -17 -72 -38l-26 44q90 78 189 126t151 48q78 0 36 -162l-70 -266q-16 -64 6 -64
+q45 0 118 60l30 -40q-84 -86 -175 -132t-139 -46v0z" />
+    <glyph glyph-name="glyph31" unicode="&#xe705;" horiz-adv-x="950" 
+d="M795 680q135 -131 140 -322q2 -192 -131 -327q-134 -137 -323 -141q-192 -2 -327 131q-138 134 -139 323q-4 190 130 327q134 138 324 139t326 -130zM497 524q36 0 60 21.5t24 54.5q0 58 -60 58q-43 0 -65 -24q-23 -25 -23 -50q-2 -29 15.5 -44.5t48.5 -15.5zM401 64
+q29 0 84 26q53 25 106 78l-18 24q-48 -36 -72 -36q-15 0 -4 38l42 160q25 96 -22 96q-29 0 -89 -29q-61 -30 -115 -75l16 -26q52 34 74 34q12 0 0 -34l-36 -152q-26 -104 34 -104v0z" />
+    <glyph glyph-name="glyph32" unicode="&#x1f519;" horiz-adv-x="880" 
+d="M765 540q41 0 70.5 -29.5t29.5 -70.5v-290q0 -40 -30 -70t-70 -30h-690v140h650v210h-500v-110l-210 180l210 180v-110h540v0z" />
+    <glyph glyph-name="glyph33" unicode="&#x2302;" horiz-adv-x="930" 
+d="M903 336q15 -15 11 -26.5t-27 -11.5h-84v-310q0 -22 -6 -31t-26 -9h-204v310h-204v-310h-194q-25 0 -33.5 8t-8.5 32v310h-84q-23 0 -27 11.5t11 26.5l400 402q16 16 38 16t38 -16l400 -402v0z" />
+    <glyph glyph-name="glyph34" unicode="&#x1f517;" horiz-adv-x="830" 
+d="M115 138q0 -37 26.5 -62.5t62.5 -25.5q37 0 63 26l42 40q14 14 34 14q19 0 36 -14q31 -34 0 -70l-42 -40q-56 -56 -132 -56q-78 0 -134 56t-56 132q0 78 56 134l148 148q40 39 85 60.5t95.5 17t91.5 -43.5q16 -16 16 -36t-16 -36q-36 -31 -70 0q-50 48 -132 -34
+l-148 -146q-26 -26 -26 -64zM759 690q56 -56 56 -132q0 -78 -56 -134l-158 -158q-73 -72 -150 -72q-62 0 -112 50q-14 14 -14 34q0 21 14 35.5t35 14.5t35 -14q50 -48 122 24l158 156q28 28 28 64q0 38 -28 62q-25 26 -55.5 30.5t-60.5 -20.5l-50 -50q-17 -14 -36 -14
+q-20 0 -34 14q-34 34 0 70l50 50q58 55 130 50.5t126 -60.5v0z" />
+    <glyph glyph-name="glyph35" unicode="&#x1f4ce;" horiz-adv-x="969" 
+d="M259 -140q-103 0 -170 72q-73 71 -74 166q-1 96 84 190l496 496q79 80 174 54q43 -12 78.5 -47t47.5 -79q26 -96 -54 -176l-474 -474q-40 -40 -88 -46q-48 -4 -80 28q-30 24 -27 74t47 92l332 334q24 26 50 0t0 -50l-332 -332q-44 -44 -20 -70q30 -20 70 20l474 474
+q50 50 34 108q-16 60 -76 76q-54 14 -108 -36l-494 -494q-65 -76 -64 -143q1 -66 52 -117q62 -55 127.5 -50t130.5 62l496 494q24 24 50 0q25 -22 0 -48l-496 -496q-82 -82 -186 -82v0z" />
+    <glyph glyph-name="glyph36" unicode="&#x1f512;" horiz-adv-x="730" 
+d="M655 476q20 0 40 -19.5t20 -40.5v-390q0 -48 -48 -66l-60 -18q-41 -16 -96 -16h-290q-57 0 -98 16l-60 18q-48 18 -48 66v390q0 22 15 41t35 19h100v70q0 108 50.5 169t149.5 61t149.5 -61t50.5 -169v-70h90zM265 566v-90h200v90q0 50 -26.5 80t-73.5 30t-73.5 -30
+t-26.5 -80v0z" />
+    <glyph glyph-name="glyph37" unicode="&#x1f513;" horiz-adv-x="730" 
+d="M655 450q19 0 39.5 -20t20.5 -40v-390q0 -21 -14.5 -40t-33.5 -24l-60 -20q-51 -16 -96 -16h-290q-47 0 -98 16l-60 20q-19 5 -33.5 24t-14.5 40v390q0 22 15 41t35 19h400v140q0 110 -100 110t-100 -110v-40h-100v20q0 108 50.5 169t149.5 61q200 0 200 -230v-120h90v0z
+" />
+    <glyph glyph-name="glyph38" unicode="&#xe70a;" 
+d="M515 630q88 0 174.5 -24.5t143.5 -62.5q116 -78 162 -148q20 -32 20 -45t-20 -44q-49 -74 -162 -149q-57 -38 -143.5 -62.5t-174.5 -24.5t-174.5 24.5t-143.5 62.5q-111 72 -162 149q-20 31 -20 44t20 45q48 74 162 148q57 38 143.5 62.5t174.5 24.5zM672 199
+q65 63 65 151q0 90 -65 153q-64 63 -157 63t-157 -63q-65 -63 -65 -153q0 -88 65 -151q64 -63 157 -63t157 63zM515 350q8 -8 37 -2q11 2 28 6t22 5q21 4 25 -9q0 -44 -33.5 -75t-78.5 -31t-77.5 31t-32.5 75q0 46 32 77t78 31q5 0 7.5 -3t3 -9t0 -11.5t-3 -14t-3.5 -13
+t-3 -11.5l-3 -8q-8 -25 2 -38v0z" />
+    <glyph glyph-name="glyph39" unicode="&#xe70c;" horiz-adv-x="990" 
+d="M951 631q-43 -92 -128 -157l18 -24q17 -28 6 -54l-48 -158q-12 -29 -36 -46l-464 -328q-42 -30 -64 4l-210 304q-12 20 -8.5 40.5t20.5 31.5l464 328q25 18 54 18h158q30 0 48 -26l28 -40q168 130 114 286q-10 28 18 40q32 8 38 -20q36 -106 -8 -199zM743 362
+q40 31 34 80l-32 -16q-7 -4 -12 -4q-17 0 -28 18q-12 30 16 40l24 14q-48 35 -92 0q-27 -17 -33.5 -49t13.5 -63q17 -24 49 -31t61 11v0z" />
+    <glyph glyph-name="glyph40" unicode="&#x1f516;" horiz-adv-x="390" 
+d="M325 800q21 0 35.5 -15t14.5 -35v-850l-180 180l-180 -180v850q0 50 40 50h270v0z" />
+    <glyph glyph-name="glyph41" unicode="&#x1f4d1;" horiz-adv-x="580" 
+d="M515 850q19 0 34.5 -15t15.5 -35v-850l-150 180v620q0 20 -15.5 35t-34.5 15h-100q0 50 40 50h210zM265 700q19 0 34.5 -15t15.5 -35v-800l-150 180l-150 -180v800q0 50 40 50h210v0z" />
+    <glyph glyph-name="glyph42" unicode="&#x2691;" horiz-adv-x="930" 
+d="M889 616q13 6 22 -0.5t0 -19.5q-94 -136 -164 -213q-67 -75 -110 -90q-42 -15 -73 -2q-33 14 -60 37t-63 40q-33 16 -93 -4q-59 -20 -139 -86l90 -352h-100l-184 720l92 34q91 67 152 86q62 20 98 3q35 -16 64 -51t62 -71t79 -62q43 -25 129 -20q84 5 198 51v0z" />
+    <glyph glyph-name="glyph43" unicode="&#x1f44d;" horiz-adv-x="830" 
+d="M655 467q55 -7 108 -24q52 -16 52 -47q0 -74 -61 -284q-62 -212 -107 -212q-144 0 -288 42t-144 88v342q0 14 15 34q21 29 99 86q30 22 108 74q52 36 104 100q13 16 31.5 39t31.5 38.5t22 26.5q31 37 41 26q48 -77 29 -137q-20 -62 -59 -119q-40 -58 -40 -60q1 -5 58 -13
+zM165 476q14 0 0 -14q-50 -50 -50 -104v-318q0 -51 52 -104q10 -10 -2 -10q-41 0 -66 12t-51 41q-33 37 -33 99v242q0 62 33 100q34 38 63 47q30 9 54 9v0z" />
+    <glyph glyph-name="glyph44" unicode="&#x1f44e;" horiz-adv-x="830" 
+d="M176 231q-56 7 -108 24q-53 17 -53 47q0 70 62 285q61 213 106 213q146 0 288 -43q144 -43 144 -89v-342q0 -23 -33 -54q-34 -33 -74 -61q-53 -38 -82 -57l-33 -22q-52 -36 -104 -100q-13 -16 -31.5 -39t-31.5 -38.5t-22 -26.5q-31 -37 -41 -26q-48 77 -29 137
+q20 62 59 119q40 58 40 60q-1 5 -57 13zM665 222q-12 0 2 14q48 50 48 104v318q0 51 -52 104q-10 10 2 10q41 0 66 -12t51 -41q33 -37 33 -99v-242q0 -94 -63 -129q-47 -27 -87 -27v0z" />
+    <glyph glyph-name="glyph45" unicode="&#x1f4e5;" 
+d="M983 198q16 -9 26.5 -30t3.5 -42l-28 -154q-4 -19 -21.5 -32.5t-40.5 -13.5h-816q-23 0 -40.5 13.5t-21.5 32.5l-28 154q-10 48 32 72l158 108h98l-170 -130h178q7 0 12 -8l40 -110h300l40 110q8 8 12 8h178l-170 130h98zM775 520l-260 -244l-260 244h166v256h190v-256
+h164v0z" />
+    <glyph glyph-name="glyph46" unicode="&#x1f4e4;" 
+d="M515 776l260 -244h-164v-256h-190v256h-166zM983 198q16 -9 26.5 -30t3.5 -42l-28 -154q-4 -19 -21.5 -32.5t-40.5 -13.5h-816q-23 0 -40.5 13.5t-21.5 32.5l-28 154q-10 48 32 72l158 108h98l-170 -130h178q7 0 12 -8l40 -110h300l40 110q8 8 12 8h178l-170 130h98
+l160 -108v0z" />
+    <glyph glyph-name="glyph47" unicode="&#xe711;" 
+d="M775 494q99 0 170 -68q70 -67 70 -166t-70 -166q-71 -68 -170 -68h-190v190h106l-176 230l-174 -230h104v-190h-248q-73 0 -127.5 52t-54.5 124q0 74 53.5 126t128.5 52q12 0 20 -2q-2 16 -2 38q0 108 78 184q77 76 188 76q92 0 161.5 -53.5t92.5 -132.5q25 4 40 4v0z
+" />
+    <glyph glyph-name="glyph48" unicode="&#xe712;" horiz-adv-x="930" 
+d="M915 10q-86 152 -208 197q-121 45 -330 45v-218l-362 334l362 322v-192q88 0 166.5 -27t132.5 -70q110 -88 165 -199q57 -117 68 -164l6 -28v0z" />
+    <glyph glyph-name="glyph49" unicode="&#xe713;" 
+d="M165 368l212 -196v-138l-362 334l362 322v-134zM627 498q103 0 182 -50q77 -49 115 -122q78 -155 87 -266l4 -50q-85 154 -168 198t-220 44v-218l-362 334l362 322v-192v0z" />
+    <glyph glyph-name="glyph50" unicode="&#x27a6;" horiz-adv-x="930" 
+d="M555 252q-211 0 -332 -45q-122 -45 -208 -197q9 48 20 76.5t43 93.5q40 83 96 148q56 64 156 117q101 53 225 53v192l360 -322l-360 -334v218v0z" />
+    <glyph glyph-name="glyph51" unicode="&#x275e;" horiz-adv-x="792" 
+d="M15 530q0 61 43 105.5t103 44.5q146 0 184 -146q38 -140 -40 -302q-79 -168 -224 -204q-34 -8 -66 -8v70q111 0 182 108q54 86 26 146q-17 36 -62 36q-60 0 -103 44.5t-43 105.5zM581 680q146 0 184 -146q38 -140 -40 -302q-79 -168 -224 -204q-34 -8 -66 -8v70
+q111 0 182 108q54 86 26 146q-17 36 -62 36q-60 0 -103 44.5t-43 105.5t43 105.5t103 44.5v0z" />
+    <glyph glyph-name="glyph52" unicode="&#xe714;" 
+d="M411 604q0 -18 -16 -30l-246 -224l246 -226q16 -12 16 -30q0 -19 -16 -32q-30 -30 -60 0l-320 288l320 286q30 30 60 0q16 -13 16 -32zM697 636l318 -286l-318 -288q-32 -30 -62 0q-32 32 0 62l248 226l-248 224q-32 30 0 62q30 30 62 0v0z" />
+    <glyph glyph-name="glyph53" unicode="&#xe715;" 
+d="M15 560q0 22 14 36t36 14h288q-65 -49 -98 -88l-10 -12h-130v-450h650v56l100 82v-188q0 -20 -15.5 -35t-34.5 -15h-750q-19 0 -34.5 15t-15.5 35v550zM683 408q-165 0 -242 -41q-75 -40 -160 -181q0 72 32 157q16 43 48 88.5t66 73.5q42 35 111 57t145 22v156l332 -250
+l-332 -260v178v0z" />
+    <glyph glyph-name="glyph54" unicode="&#x270e;" horiz-adv-x="810" 
+d="M780 616q15 -32 15 -48v-16q-90 -90 -542 -540l-238 -52l50 240q452 450 542 540q54 12 126 -60q32 -32 47 -64zM239 40l24 24q-1 44 -52 94q-20 20 -45 35q-22 13 -35 13l-14 2l-22 -24l-18 -80q56 -31 82 -82l80 18v0z" />
+    <glyph glyph-name="glyph55" unicode="&#x2712;" horiz-adv-x="728" 
+d="M75 -138q-6 -20 -26 -8q-18 7 -16 34q5 103 50 226q-100 154 -52 316q24 -79 76 -158q22 -34 32 -30q7 4 0 83q-8 88 -11 166q-3 88 25 157q24 47 80 94q62 52 104 70q-24 -47 -33 -94q-19 -105 17 -110q12 0 84 120q72 121 106 122q46 4 114 -29t82 -65q12 -24 0 -79
+t-40 -83q-44 -44 -146 -62t-114 -24q-16 -10 12 -34q55 -48 176 -20q-55 -79 -136 -114q-77 -33 -132 -38q-53 -5 -54 -10q-4 -23 49 -54q53 -30 101 -14q-30 -56 -63 -84q-34 -29 -52.5 -35t-77.5 -11q-69 -6 -85 -8l-70 -224v0z" />
+    <glyph glyph-name="glyph56" unicode="&#xe716;" horiz-adv-x="1010" 
+d="M59 548q4 9 12 14q1 0 49 17q62 22 93 32q47 15 58 15h44v150h380v-150h46q12 0 57 -15q30 -10 92 -32q48 -17 49 -17q18 -8 12 -26q-4 -10 -20 -10h-850q-26 0 -22 22zM941 470q20 0 37 -19.5t17 -40.5v-174q0 -21 -17 -40.5t-37 -19.5h-100l44 -250h-760l44 250h-98
+q-20 0 -38 19.5t-18 40.5v174q0 21 18 40.5t38 19.5h870zM225 26h560l-70 324h-420l-70 -324v0z" />
+    <glyph glyph-name="glyph57" unicode="&#xe717;" 
+d="M217 50q-41 0 -70.5 29.5t-29.5 70.5v302h-102l176 198l174 -198h-100v-262h272l128 -140h-448zM915 250h100l-174 -200l-176 200h102v260h-274l-128 140h450q41 0 70.5 -29.5t29.5 -70.5v-300v0z" />
+    <glyph glyph-name="glyph58" unicode="&#x2328;" 
+d="M945 650q28 0 49 -21t21 -49v-460q0 -29 -20.5 -49.5t-49.5 -20.5h-860q-29 0 -49.5 20.5t-20.5 49.5v460q0 28 21 49t49 21h860zM565 450h100v100h-100v-100zM615 400v-100h100v100h-100zM415 450h100v100h-100v-100zM465 400v-100h100v100h-100zM265 450h100v100h-100
+v-100zM315 400v-100h100v100h-100zM115 450h100v100h-100v-100zM165 400v-100h100v100h-100zM215 250h-100v-100h100v100zM765 250h-500v-100h500v100zM915 250h-100v-100h100v100zM865 300v100h-100v-100h100zM915 450v100h-200v-100h200v0z" />
+    <glyph glyph-name="glyph59" unicode="&#xe718;" horiz-adv-x="830" 
+d="M715 700q42 0 71 -29t29 -71v-350q0 -41 -29.5 -70.5t-70.5 -29.5h-200v-150l-200 150h-200q-40 0 -70 30t-30 70v350q0 41 29.5 70.5t70.5 29.5h600v0z" />
+    <glyph glyph-name="glyph60" unicode="&#xe720;" 
+d="M15 450q0 41 29.5 70.5t70.5 29.5h190v-310h350l6 2h4v-92q0 -41 -29.5 -70.5t-70.5 -29.5h-250l-150 -150v150h-50q-40 0 -70 30t-30 70v300zM915 800q42 0 71 -29t29 -71v-300q0 -41 -29.5 -70.5t-70.5 -29.5h-50v-150l-150 150h-350v400q0 41 29.5 70.5t70.5 29.5h450
+v0z" />
+    <glyph glyph-name="glyph61" unicode="&#x1f514;" horiz-adv-x="830" 
+d="M647 426q30 -64 85 -74q27 -5 48 -26.5t31 -51.5q22 -61 -74 -161q-95 -98 -252 -157q-163 -58 -297 -45q-132 13 -155 75q-19 54 12 111t18 111q-56 193 -47 300q9 108 113 192q26 23 29 51t27.5 37.5t47.5 -10.5q22 -19 56 -18q132 2 198 -66q64 -66 160 -268zM620 107
+q71 53 100 91q29 39 25 50q-7 22 -49 33q-43 11 -124 1q-84 -11 -187 -48q-103 -38 -173 -87q-72 -51 -94 -84q-23 -35 -17 -53q4 -12 50 -22q45 -10 134 -4q86 6 176 38q86 31 159 85zM399 196q23 7 38 14l2 -2q14 -41 -17 -83q-32 -44 -89 -63q-96 -36 -152 14
+q78 67 218 120v0z" />
+    <glyph glyph-name="glyph62" unicode="&#x26a0;" horiz-adv-x="992" 
+d="M972 -24q10 -16 0 -34q-10 -16 -30 -16h-892q-17 0 -28.5 17t-1.5 33l446 782q8 18 30 18t30 -18zM552 126h-110v-100h110v100zM552 200v300h-110v-300h110v0z" />
+    <glyph glyph-name="glyph63" unicode="&#x1f4a5;" horiz-adv-x="931" 
+d="M900 234q19 -16 15.5 -33t-27.5 -23l-78 -22q-23 -6 -39.5 -27.5t-14.5 -48.5l4 -82q2 -23 -13.5 -34t-38.5 0l-86 44q-25 12 -49 3t-33 -29l-46 -88q-12 -22 -29 -23t-33 19l-50 78q-35 48 -88 20l-122 -70q-21 -14 -32 -6.5t-2 32.5l54 164q8 25 -5 44.5t-35 21.5
+l-106 12q-25 4 -29 18t15 30l86 76q20 17 20 41t-20 41l-86 76q-19 16 -15.5 33t27.5 23l78 22q23 6 40.5 28t15.5 48l-6 82q0 24 14 35.5t38 0.5l80 -38q29 -10 52 -1t34 29l46 80q12 22 30 21t30 -23l50 -86q11 -21 33 -28.5t47 6.5l136 84q20 13 29.5 6.5t0.5 -32.5
+l-60 -170q-11 -24 2.5 -42t37.5 -20l114 -12q26 -2 29.5 -16.5t-15.5 -29.5l-86 -76q-18 -16 -18 -41t18 -41zM516 246h-100v-104h100v104zM516 302v260h-100v-260h100v0z" />
+    <glyph glyph-name="glyph64" unicode="&#xe722;" 
+d="M915 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-800q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h800zM915 650h-800v-600h800v600zM465 156h-250v90h250v-90zM465 306h-250v90h250v-90zM465 456h-250v90h250v-90zM811 226l4 -70h-250
+q0 70 6 70q84 22 84 66q0 16 -27 56t-27 88q0 110 90 110t90 -110q0 -48 -28 -88t-28 -56q0 -20 20.5 -35.5t43.5 -22.5l22 -8v0z" />
+    <glyph glyph-name="glyph65" unicode="&#xe723;" 
+d="M461 780v-860q0 -20 -20 -20h-46q-20 0 -20 20v440h-176q-16 0 -28 6q-13 2 -26 12l-120 82q-10 6 -10 16t10 16l120 82q13 10 26 12q7 4 28 4h176v190q0 20 20 20h46q20 0 20 -20zM1005 592q10 -6 10 -16t-10 -16l-118 -82q-23 -12 -26 -12q-13 -6 -28 -6h-302l-40 230
+h342q22 0 54 -16l118 -82v0z" />
+    <glyph glyph-name="glyph66" unicode="&#xe724;" horiz-adv-x="530" 
+d="M442 677q73 -73 73 -177q0 -105 -62 -243q-63 -139 -126 -223l-62 -84q-35 41 -83 116.5t-80 137.5q-87 169 -87 296q0 104 73 177t177 73t177 -73zM265 362q55 0 95.5 40t40.5 96q0 55 -40 94.5t-96 39.5q-55 0 -94.5 -39t-39.5 -95t39.5 -96t94.5 -40v0z" />
+    <glyph glyph-name="glyph67" unicode="&#xe727;" 
+d="M1015 -14q0 -14 -9 -25t-23 -11q-7 0 -18 6l-216 136l-216 -136q-18 -10 -34 0l-218 136l-216 -136q-16 -10 -34 0q-16 10 -16 30v584q0 20 16 30l234 146q18 10 34 0l216 -136l218 136q16 10 32 0l234 -146q16 -10 16 -30v-584zM249 150v506l-168 -104v-506zM483 46v506
+l-168 104v-506zM717 150v506l-170 -104v-506zM949 46v506l-168 104v-506l168 -104v0z" />
+    <glyph glyph-name="glyph68" unicode="&#x27a2;" horiz-adv-x="890" 
+d="M863 768q17 -17 9 -38q-7 -20 -29 -65t-24 -49q-71 -147 -304 -578l-66 -118l-54 380l-380 56q449 250 696 368q8 4 33 17.5t44.5 23t34.5 13.5q23 7 40 -10zM771 672l-304 -280l28 -234l276 514v0z" />
+    <glyph glyph-name="glyph69" unicode="&#xe728;" horiz-adv-x="990" 
+d="M829 694q141 -137 146 -336q2 -200 -136 -342q-137 -141 -338 -146q-200 -2 -341 137q-144 140 -145 337q-5 200 135 342t339 144q198 2 340 -136zM767 86q109 112 108 270q-1 157 -115 267q-111 109 -269 107q-157 -2 -267 -114q-109 -111 -107 -270q1 -158 114 -267
+q111 -109 270 -107q157 2 266 114zM267 126q9 58 18.5 93t34.5 101q33 88 77 132q45 45 125 76q81 32 141 42l60 10q-9 -58 -18.5 -93t-34.5 -101q-33 -88 -77 -132q-43 -43 -124 -74q-83 -32 -142 -42zM447 402q-22 -19 -22 -48q0 -27 21.5 -49.5t49.5 -22.5q30 0 49 22
+q52 52 88 186q-137 -36 -186 -88v0z" />
+    <glyph glyph-name="glyph70" unicode="&#x2615;" horiz-adv-x="711" 
+d="M604 719q49 -20 71.5 -42t19.5 -45l-72 -594q-1 -13 -34 -36q-36 -25 -104 -43.5t-130 -18.5t-128 18.5t-105 43.5q-34 23 -35 36l-72 594q-5 28 36 57q46 33 129.5 52t174.5 19q150 0 249 -41zM355 544q62 0 129.5 14t105.5 34q33 18 33 30t-33 29q-39 20 -106 33.5
+t-129 13.5t-129 -13.5t-106 -33.5q-33 -17 -33 -29t33 -30q38 -20 105.5 -34t129.5 -14v0z" />
+    <glyph glyph-name="glyph71" unicode="&#xe729;" horiz-adv-x="790" 
+d="M65 458q121 -70 330 -70t330 70l-54 -486q-1 -13 -35 -36q-32 -22 -100 -43t-141 -21q-64 0 -132.5 19t-107.5 45q-35 22 -36 36zM553 758q94 -18 158 -55t64 -71v-10q0 -59 -112 -99q-114 -41 -268 -41t-268 41q-112 40 -112 99v10q0 34 64 71t158 55l42 48q23 26 70 26
+h92q52 0 70 -26zM499 646h84q-95 114 -104 126q-13 16 -32 16h-102q-22 0 -32 -16l-106 -126h84l64 66h82l62 -66v0z" />
+    <glyph glyph-name="glyph72" unicode="&#xe730;" horiz-adv-x="730" 
+d="M615 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h500zM615 0v700h-500v-700h500v0z" />
+    <glyph glyph-name="glyph73" unicode="&#xe736;" horiz-adv-x="1031" 
+d="M985 480q37 -10 30 -46l-150 -556q-4 -15 -17.5 -22.5t-30.5 -3.5l-406 110q-14 3 -23 16.5t-5 29.5l24 92l-180 -48q-39 -10 -50 26l-160 602q-10 36 28 48l454 122q17 4 30.5 -3.5t17.5 -22.5l66 -244zM97 670l144 -542l392 106l-144 540zM799 -72l132 492l-298 82
+l76 -282q10 -34 -28 -46l-196 -52l-26 -102l340 -92v0z" />
+    <glyph glyph-name="glyph74" unicode="&#xe737;" 
+d="M15 600q0 41 29.5 70.5t70.5 29.5h800q42 0 71 -29t29 -71v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-800q-40 0 -70 30t-30 70v500zM915 600h-800v-500h800v500v0z" />
+    <glyph glyph-name="glyph75" unicode="&#x1f4c4;" horiz-adv-x="730" 
+d="M227 398h280v-90h-280v90zM615 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h500zM615 700h-500v-700h500v700zM505 504h-280v88h280v-88zM505 200v-88h-280v88h280v0z" />
+    <glyph glyph-name="glyph76" unicode="&#xe731;" horiz-adv-x="730" 
+d="M615 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h500zM155 504h420v88h-420v-88zM575 200h-420v-88h420v88zM575 308v90h-418v-90h418v0z" />
+    <glyph glyph-name="glyph77" unicode="&#x1f4f0;" horiz-adv-x="830" 
+d="M715 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h600zM715 700h-600v-700h600v700zM465 200h-250v50h250v-50zM615 400h-200v50h200v-50zM415 600h200v-100h-200v100zM365 400h-150v200h150v-200
+zM315 300h-100v50h100v-50zM365 350h250v-50h-250v50zM615 100h-400v50h400v-50zM515 200v50h100v-50h-100v0z" />
+    <glyph glyph-name="glyph78" unicode="&#x1f4d6;" horiz-adv-x="930" 
+d="M355 238v-68l-200 80v68zM355 446v-68l-200 80v68zM465 -100q-1 0 -5 1t-5 1l-10 2l-398 160q-32 12 -32 46v640q0 30 22 42q22 16 46 6l382 -154l382 154q24 10 46 -6q22 -12 22 -42v-640q0 -34 -32 -46l-398 -160q-2 0 -5 -1q-4 -1 -5 -1t-5 -1t-5 -1zM415 4v560
+l-320 128v-560zM835 132v560l-320 -128v-560zM775 318v-68l-200 -80v68zM775 526v-68l-200 -80v68l200 80v0z" />
+    <glyph glyph-name="glyph79" unicode="&#x1f4d5;" horiz-adv-x="730" 
+d="M697 594q18 -8 18 -28v-562q0 -14 -12.5 -25t-27.5 -11q-46 0 -46 36v522q0 12 -12 18l-404 216q-31 10 -68 -10q-44 -20 -56 -44l408 -228q18 -8 18 -28v-550q0 -22 -18 -28q-5 -4 -16 -4q-15 0 -20 4q-13 9 -208.5 130.5t-205.5 127.5q-26 18 -26 34l-6 524q0 27 14 52
+q28 45 102 77t116 9l450 -232v0z" />
+    <glyph glyph-name="glyph80" unicode="&#x1f4c1;" horiz-adv-x="1031" 
+d="M969 500q29 0 38.5 -10.5t7.5 -37.5l-42 -452q-2 -27 -13.5 -38.5t-40.5 -11.5h-806q-51 0 -56 50l-42 452q-2 27 7.5 37.5t38.5 10.5h908zM935 610l10 -40h-846l14 132q4 19 20 33.5t36 14.5h164q52 0 86 -34l30 -30q31 -36 86 -36h340q20 0 38 -12t22 -28v0z" />
+    <glyph glyph-name="glyph81" unicode="&#xe738;" horiz-adv-x="1011" 
+d="M159 600q0 18 11.5 33t26.5 17h608q20 0 36 -15q14 -14 14 -35v-50h-696v50zM259 700q0 18 11.5 33t26.5 17h410q20 0 36 -15q14 -14 14 -35h-498zM955 550q33 -30 38 -46q6 -18 0 -54l-76 -450q-3 -18 -17.5 -32.5t-30.5 -17.5h-710q-52 0 -60 50q0 1 -39 225t-39 225
+q-10 22 -3 44t10 26q1 2 21 20l40 40v-80h836v80zM707 280v100h-70v-80h-260v80h-68v-100q0 -50 48 -50h300q18 0 33 10.5t15 25.5l2 14v0z" />
+    <glyph glyph-name="glyph82" unicode="&#x1f4e6;" horiz-adv-x="930" 
+d="M885 750q12 0 21 -9t9 -21v-120h-900v120q0 12 9 21t21 9h840zM135 -50q-29 0 -49.5 20.5t-20.5 49.5v530h800v-530q0 -29 -20.5 -49.5t-49.5 -20.5h-660zM315 450v-100h300v100h-300v0z" />
+    <glyph glyph-name="glyph83" unicode="&#xe73a;" horiz-adv-x="790" 
+d="M552 507q223 -223 223 -537h-118q0 265 -188 453q-187 187 -454 187v120q314 0 537 -223zM386 339q153 -153 153 -369h-118q0 166 -119 285t-287 119v118q218 0 371 -153zM129 196q47 0 80.5 -34t33.5 -80t-34 -79t-80 -33t-80 33t-34 79t33.5 80t80.5 34v0z" />
+    <glyph glyph-name="glyph84" unicode="&#x1f4de;" horiz-adv-x="830" 
+d="M476 290q162 162 118 206l-8 8q-31 31 -41 48q-11 19 -4 54q8 36 49 88q17 21 37 39q19 17 65 17q12 0 53 -31l47 -47q48 -48 -6 -194t-204 -294q-150 -150 -295 -205t-193 -7l-24 24l-24 23q-4 5 -18 24q-11 16 -12.5 27.5t1.5 33.5q2 19 15 35q16 20 51.5 47t56.5 37
+q27 13 54 2q26 -11 35 -18q12 -10 39 -37q44 -44 208 120v0z" />
+    <glyph glyph-name="glyph85" unicode="&#x2699;" horiz-adv-x="870" 
+d="M855 228q-12 -41 -34 -82q-70 18 -136 -44q-54 -58 -34 -136q-41 -20 -84 -36q-46 82 -132 82t-132 -82q-43 16 -84 36q20 81 -34 136q-53 54 -136 34q-15 29 -34 82q82 52 82 132q0 72 -82 124q19 53 34 82q74 -18 136 44q54 55 34 136q40 21 84 34q47 -80 132 -80
+t132 80q44 -13 84 -34q-20 -78 34 -136q66 -62 136 -44q22 -41 34 -82q-80 -50 -80 -124q0 -72 80 -122zM435 168q76 0 129 53t53 129q0 75 -53.5 129.5t-128.5 54.5t-128.5 -54.5t-53.5 -129.5q0 -76 53 -129t129 -53v0z" />
+    <glyph glyph-name="glyph86" unicode="&#x2692;" 
+d="M170 506q-14 -14 -14 -47q0 -11 -2 -11q-1 -1 -18 -16t-18 -16q-16 -13 -28 4l-70 76q-3 4 -4 8t-0.5 7t4 6.5t6 5.5t7.5 5.5t7 5.5q15 11 20 16q6 6 27 6q22 0 36.5 14.5t18.5 37.5q5 25 10 30q2 0 9 7q18 18 67 53q134 90 186 96q114 0 148 -2q13 0 -8 -8
+q-123 -54 -152 -76q-80 -56 -36 -114q35 -47 38 -48q8 -8 -2 -14q-8 -8 -38 -35t-38 -35q-14 -8 -18 -4q-42 48 -71 60t-67 -12zM866 4q17 -22 -2 -38l-48 -42q-22 -13 -38 4l-414 472q-8 8 0 20l72 62q13 8 20 -2zM994 516q-49 -88 -154 -62q-56 12 -100 -32l-82 -78
+l-68 78l68 70q40 40 37 118q-1 34 5 58q12 56 140 112q12 6 18 -3t2 -15q-10 -10 -46 -80q-13 -10 -12 -35q1 -24 40 -53q58 -40 96 22q2 4 24.5 38t23.5 36q4 10 13 9q10 -2 11 -17q16 -103 -16 -166zM152 -2l254 248l76 -86l-246 -242q-20 -20 -38 -4l-46 46q-23 18 0 38
+v0z" />
+    <glyph glyph-name="glyph87" unicode="&#xe73c;" horiz-adv-x="830" 
+d="M665 200q62 0 106 -43.5t44 -106.5q0 -62 -44.5 -106t-105.5 -44t-105.5 44t-44.5 106q0 3 1 13t1 13l-260 156q-43 -32 -92 -32q-61 0 -105.5 44t-44.5 106t44.5 106t105.5 44q55 0 92 -30l260 156q0 2 -1 12t-1 12q0 62 44.5 106t105.5 44q62 0 106 -43.5t44 -106.5
+q0 -62 -44.5 -106t-105.5 -44q-52 0 -90 32l-262 -156q2 -10 2 -26q0 -14 -2 -24l262 -156q36 30 90 30v0z" />
+    <glyph glyph-name="glyph88" unicode="&#xe73e;" 
+d="M355 350q0 67 47 113.5t113 46.5t113 -46.5t47 -113.5q0 -65 -47.5 -112.5t-112.5 -47.5t-112.5 47.5t-47.5 112.5zM175 350h-160v120h118q40 124 145 202t237 78q163 0 284 -116q16 -17 16 -43t-16 -43q-17 -16 -43 -16t-43 16q-78 82 -198 82q-102 0 -177.5 -64
+t-96.5 -156q-13 -60 -66 -60zM855 350h160v-120h-118q-39 -120 -141.5 -200t-240.5 -80q-164 0 -282 118q-18 18 -18 43t18 41q17 18 41 18q25 0 43 -18q82 -82 198 -82q101 0 177 64t97 156q12 60 66 60v0z" />
+    <glyph glyph-name="glyph89" unicode="&#xe73d;" horiz-adv-x="930" 
+d="M165 0q0 40 30 70t70 30q41 0 70.5 -29.5t29.5 -70.5q0 -42 -29 -71t-71 -29q-41 0 -70.5 29.5t-29.5 70.5zM665 0q0 40 30 70t70 30q41 0 70.5 -29.5t29.5 -70.5q0 -42 -29 -71t-71 -29q-41 0 -70.5 29.5t-29.5 70.5zM343 236q-18 -5 -26.5 -10.5t-7.5 -12.5
+q1 -13 44 -13h562v-76q0 -20 -20 -20h-654q-20 0 -20 20v76q-18 84 -54 250t-54 250h-98v80q0 20 20 20h156q20 0 20 -20v-86h704v-274q0 -22 -18 -26l-554 -158v0z" />
+    <glyph glyph-name="glyph90" unicode="&#x1f45c;" horiz-adv-x="889" 
+d="M874 608l-98 -648q-8 -30 -38 -30h-586q-28 0 -40 30q-94 620 -96 648q-4 34 22 60l55 43l55 43q17 16 56 16h480q39 0 56 -16q87 -66 110 -86q28 -26 24 -60zM444 232q58 0 99.5 35t61.5 88q35 93 43 155h-92q-38 -188 -112 -188t-112 188h-92q47 -278 204 -278zM92 600
+h704l-110 116h-484l-110 -116v0z" />
+    <glyph glyph-name="glyph91" unicode="&#x1f4c5;" horiz-adv-x="930" 
+d="M815 700q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h46v-100h160v100h290v-100h160v100h44zM815 400h-700v-400h700v400zM275 630h-70v170h70v-170zM725 800v-170h-70v170h70v0z" />
+    <glyph glyph-name="glyph92" unicode="&#xe740;" horiz-adv-x="930" 
+d="M815 800q42 0 71 -29t29 -71v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-450q-40 0 -69 30t-29 70v100h98v-100h450v700h-450v-150h-98v150q0 41 29 70.5t69 29.5h450zM465 130v120h-450v150h450v120l200 -194l-200 -196v0z" />
+    <glyph glyph-name="glyph93" unicode="&#xe741;" horiz-adv-x="930" 
+d="M515 800q42 0 71 -29t29 -71v-150h-98v150h-402v-700h402v100h98v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-400q-40 0 -70 30t-30 70v700q0 41 29.5 70.5t70.5 29.5h400zM915 326l-198 -196v120h-450v150h450v120l198 -194v0z" />
+    <glyph glyph-name="glyph94" unicode="&#x1f3a4;" horiz-adv-x="670" 
+d="M655 468v-138q0 -92 -69 -164t-201 -84v-132h130q20 0 20 -20v-60q0 -20 -20 -20h-360q-20 0 -20 20v60q0 20 20 20h130v132q-132 12 -201 84t-69 164v138q0 20 20 20h30q20 0 20 -20v-138q0 -66 59 -123q58 -57 191 -57t191 57q59 57 59 123v138q0 20 20 20h30
+q20 0 20 -20zM220 275q-35 26 -35 55v158h300v-158q0 -29 -35 -55q-34 -25 -115 -25t-115 25zM485 770v-212h-300v212q0 29 35 55q34 25 115 25t115 -25q35 -26 35 -55v0z" />
+    <glyph glyph-name="glyph95" unicode="&#x1f507;" horiz-adv-x="914" 
+d="M67 -90q-20 0 -36 15t-16 35q0 23 16 36l782 782q34 31 70 0q16 -16 16 -36t-16 -36l-782 -782q-19 -14 -34 -14zM717 442q74 -92 101 -172t-7 -116q-24 -24 -75 -57q-53 -34 -131 -71q-166 -79 -326 -22l278 276q41 -30 88 -54q42 -22 67 -25q23 -3 33 1q6 11 2 34
+q-5 28 -26 68q-24 47 -54 88zM391 454l-270 -270q-40 130 28 283q67 150 132 215q35 32 105 11q72 -21 159 -85l-52 -50q-60 39 -105 53q-47 15 -57 5q-4 -6 -2 -28q1 -18 19 -58q16 -36 43 -76v0z" />
+    <glyph glyph-name="glyph96" unicode="&#x1f50a;" horiz-adv-x="940" 
+d="M340 583q106 -47 217 -157t157 -217q47 -107 5 -149q-29 -29 -92 -67q-65 -39 -156 -78q-93 -39 -194 -29q-103 11 -176 84t-84 176q-10 101 29 194q39 92 78 156q38 63 67 92q42 42 149 -5zM652 157q-10 37 -49 101t-96 118q-54 57 -118 96t-101 49q-39 10 -49 3
+q-7 -10 3 -49q10 -37 49 -101q36 -59 94 -120q61 -58 120 -94q64 -39 101 -49q39 -10 49 -3q7 10 -3 49zM661 502q-18 0 -34 16t-16 35q0 22 16 35l94 96q36 32 72 0q31 -36 0 -72l-96 -94q-16 -16 -36 -16zM507 620q-29 0 -44 23.5t0 50.5l54 96q26 44 68 20
+q17 -10 22.5 -28.5t-4.5 -39.5l-54 -96q-14 -26 -42 -26zM919 476q10 -22 3 -40.5t-23 -27.5l-96 -54q-18 -8 -24 -8q-23 0 -39.5 19t-8.5 45q6 20 24 30l96 54q21 10 39.5 4.5t28.5 -22.5v0z" />
+    <glyph glyph-name="glyph97" unicode="&#xe742;" horiz-adv-x="926" 
+d="M911 180q0 -33 -24 -56.5t-56 -23.5h-780q-9 0 -15 0.5t-13 2.5t-8 6t2 11q5 9 24 20l802 452q29 18 48.5 6.5t19.5 -44.5v-374v0z" />
+    <glyph glyph-name="glyph98" unicode="&#x1f554;" horiz-adv-x="950" 
+d="M800 675q135 -135 135 -325t-135 -325t-325 -135t-325 135t-135 325t135 325t325 135t325 -135zM730 96q105 106 105 254q0 150 -105 255t-255 105q-147 0 -254 -105q-106 -105 -106 -255q0 -148 106 -254t254 -106q150 0 255 106zM511 610v-244l150 -150l-50 -50
+l-170 170v274h70v0z" />
+    <glyph glyph-name="glyph99" unicode="&#x23f3;" horiz-adv-x="590" 
+d="M527 526q-51 -56 -97 -99q-49 -46 -49 -77q0 -30 49 -76t97 -97t48 -97v-118q0 -34 -86 -73q-85 -39 -194 -39t-194 39q-86 39 -86 73v118q0 46 48 97t97 97t49 76q0 31 -49 77q-46 43 -97 99q-48 52 -48 96v118q0 32 87 71t193 39t193 -39t87 -71v-118q0 -44 -48 -96z
+M75 720q-4 -7 4 -14q91 -52 216 -52q131 0 220 50q14 11 -16 30q-96 54 -202 54q-120 0 -204 -54zM321 350q0 38 22 66q20 26 51 56q17 16 29 28q92 92 92 122l2 50q-101 -54 -222 -54t-222 54l4 -50q0 -32 90 -122q3 -4 22.5 -22t22.5 -21l19 -19q2 -3 5.5 -7t11 -13.5
+t11 -15t0.5 -5.5q-6 1 2 -12q17 -29 15 -33q-1 -2 -5 -2q0 -24 -7 -37q-18 -32 -19 -33l-12 -15l-31 -31l-35 -32q-90 -90 -90 -122v-66q4 2 66 23q58 19 92 43t34 58q0 30 26 30t26 -30q0 -34 33 -58q32 -23 94 -43q63 -20 67 -23v66q0 30 -92 122q-5 5 -28 27.5t-33 32.5
+q-17 17 -30 42q-11 19 -11 46v0z" />
+    <glyph glyph-name="glyph100" unicode="&#x1f4a1;" horiz-adv-x="730" 
+d="M224 -6h282v-104q-70 -42 -142 -40q-70 -1 -140 40v104zM230 54q0 69 -34.5 136.5t-79.5 116.5q-45 47 -75.5 114t-24.5 137q7 119 94 206q86 86 254 86q169 0 255 -86q84 -84 95 -206q7 -108 -68 -209q-10 -13 -32.5 -42t-34 -45t-28 -42.5t-27.5 -51.5
+q-24 -54 -24 -114h-270zM122 550q-3 -2 0 -20.5t2 -19.5q-1 -2 5 -19t6 -18t2.5 -7t6 -12t6.5 -12l4 -6q1 -2 13.5 -19t13.5 -19t15 -22t16 -22q88 -120 112 -212h82q24 94 112 212q1 1 13 18l24 34t13 19q29 46 33 62q9 37 7 63q-16 196 -244 196q-226 0 -242 -196v0z" />
+    <glyph glyph-name="glyph101" unicode="&#x1f505;" horiz-adv-x="730" 
+d="M365 510q67 0 113.5 -47t46.5 -113q0 -68 -46.5 -114t-113.5 -46q-66 0 -113 46.5t-47 113.5q0 65 47.5 112.5t112.5 47.5zM365 246q43 0 72.5 30t29.5 74q0 43 -29.5 72.5t-72.5 29.5q-42 0 -72 -30t-30 -72q0 -43 29.5 -73.5t72.5 -30.5zM65 390q19 0 34.5 -11.5
+t15.5 -28.5q0 -40 -50 -40t-50 40q0 17 15.5 28.5t34.5 11.5zM603 530q-13 -13 -31 -16t-31 10q-12 15 -9.5 33t15.5 31q36 34 64 6t-8 -64zM665 390q19 0 34.5 -11.5t15.5 -28.5q0 -40 -50 -40q-48 0 -48 40q0 17 14.5 28.5t33.5 11.5zM365 100q17 0 28.5 -15.5t11.5 -34.5
+t-11.5 -34.5t-28.5 -15.5t-28.5 15.5t-11.5 34.5t11.5 34.5t28.5 15.5zM191 170q28 -28 -8 -64q-12 -12 -30 -15.5t-32 7.5q-30 28 6 64t64 8zM181 584q12 -12 15.5 -30t-7.5 -32q-30 -28 -64 6q-36 36 -8 64t64 -8zM543 172q28 28 64 -8q13 -13 16 -31t-10 -31
+q-30 -28 -64 6q-34 36 -6 64zM365 600q-17 0 -28.5 15.5t-11.5 34.5t11.5 34.5t28.5 15.5t28.5 -15.5t11.5 -34.5t-11.5 -34.5t-28.5 -15.5v0z" />
+    <glyph glyph-name="glyph102" unicode="&#x1f506;" 
+d="M965 390q19 0 34.5 -11.5t15.5 -28.5q0 -40 -50 -40h-48q-50 0 -50 40q0 17 15.5 28.5t34.5 11.5h48zM710 544q81 -80 81 -194q0 -116 -81 -196q-82 -80 -195 -80q-114 0 -194 80t-80 196q0 114 80 194t194 80q113 0 195 -80zM656 208q59 59 59 142q0 82 -59 141t-141 59
+t-141 -59t-59 -141q0 -83 59 -142q58 -58 141 -58t141 58zM115 390q19 0 34.5 -11.5t15.5 -28.5q0 -40 -50 -40h-50q-50 0 -50 40q0 17 15.5 28.5t34.5 11.5h50zM515 700q-17 0 -28.5 15.5t-11.5 34.5v50q0 19 11.5 34.5t28.5 15.5t28.5 -15.5t11.5 -34.5v-50
+q0 -19 -11.5 -34.5t-28.5 -15.5zM515 0q17 0 28.5 -15.5t11.5 -34.5v-50q0 -19 -11.5 -34.5t-28.5 -15.5t-28.5 15.5t-11.5 34.5v50q0 19 11.5 34.5t28.5 15.5zM849 626q-34 -34 -64 -8q-28 28 8 64q6 8 34 36q36 34 64 6t-8 -64zM183 72q12 14 30 17.5t32 -9.5
+q12 -15 9.5 -33t-15.5 -31l-36 -36q-13 -13 -31 -16t-31 10q-30 28 6 64q8 6 36 34zM239 682q36 -36 6 -64q-14 -11 -32 -7.5t-30 15.5q-28 28 -36 34q-13 13 -15.5 31t9.5 33q13 13 31 10t31 -16zM793 16q-36 36 -8 64t64 -8l34 -34q36 -36 8 -64t-64 6q-28 28 -34 36v0z
+" />
+    <glyph glyph-name="glyph103" unicode="&#x25d1;" 
+d="M965 390q19 0 34.5 -11.5t15.5 -28.5q0 -40 -50 -40h-48q-50 0 -50 40q0 17 15.5 28.5t34.5 11.5h48zM710 544q81 -80 81 -194q0 -116 -81 -196q-82 -80 -195 -80q-114 0 -194 80t-80 196q0 114 80 194t194 80q113 0 195 -80zM521 550q-85 0 -146 -59q-60 -59 -60 -141
+q0 -84 60.5 -142t145.5 -58v400zM115 390q19 0 34.5 -11.5t15.5 -28.5q0 -40 -50 -40h-50q-50 0 -50 40q0 17 15.5 28.5t34.5 11.5h50zM515 700q-17 0 -28.5 15.5t-11.5 34.5v50q0 19 11.5 34.5t28.5 15.5t28.5 -15.5t11.5 -34.5v-50q0 -19 -11.5 -34.5t-28.5 -15.5zM515 0
+q17 0 28.5 -15.5t11.5 -34.5v-50q0 -19 -11.5 -34.5t-28.5 -15.5t-28.5 15.5t-11.5 34.5v50q0 19 11.5 34.5t28.5 15.5zM849 626q-34 -34 -64 -8q-28 28 8 64q6 8 34 36q36 34 64 6t-8 -64zM183 72q12 14 30 17.5t32 -9.5q12 -15 9.5 -33t-15.5 -31l-36 -36q-13 -13 -31 -16
+t-31 10q-30 28 6 64q8 6 36 34zM239 682q36 -36 6 -64q-14 -11 -32 -7.5t-30 15.5q-28 28 -36 34q-13 13 -15.5 31t9.5 33q13 13 31 10t31 -16zM793 16q-36 36 -8 64t64 -8l34 -34q36 -36 8 -64t-64 6q-28 28 -34 36v0z" />
+    <glyph glyph-name="glyph104" unicode="&#x1f6ab;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM753 610zM213 120l514 514q-100 82 -232 82q-151 0 -258 -107q-106 -106 -106 -259q0 -133 82 -230zM237 92zM495 -14
+q152 0 259 107t107 257q0 131 -82 232l-514 -514q97 -82 230 -82v0z" />
+    <glyph glyph-name="glyph105" unicode="&#xe744;" horiz-adv-x="822" 
+d="M491 746h316v-316l-100 124l-146 -152l-100 100l152 146zM261 302l100 -100l-152 -146l122 -100h-316v316l100 -122l146 152v0z" />
+    <glyph glyph-name="glyph106" unicode="&#xe746;" horiz-adv-x="930" 
+d="M171 146l-106 100h296v-296l-100 106l-146 -156l-100 100zM915 700l-154 -144l104 -100h-294v294l100 -104l144 154l100 -100v0z" />
+    <glyph glyph-name="glyph107" unicode="&#xe74c;" horiz-adv-x="830" 
+d="M715 750q42 0 71 -29t29 -71v-400q0 -41 -29.5 -70.5t-70.5 -29.5h-400q-40 0 -70 30t-30 70v402q0 40 29.5 69t70.5 29h400zM715 650h-400v-400h400v400zM115 350v-300h300v-100h-300q-40 0 -70 30t-30 70v300h100v0z" />
+    <glyph glyph-name="glyph108" unicode="&#xe74d;" 
+d="M915 800q41 0 70.5 -29.5t29.5 -70.5v-600q0 -42 -29 -71t-71 -29h-198v98h200v462h-802v-462h200v-98h-200q-41 0 -70.5 29.5t-29.5 70.5v600q0 40 30 70t70 30h800zM107 670q0 -16 11 -27t27 -11q38 0 38 38q0 16 -11 26t-27 10q-15 0 -26.5 -10.5t-11.5 -25.5z
+M207 670q0 -16 11 -27t27 -11q38 0 38 38q0 16 -11 26t-27 10q-15 0 -26.5 -10.5t-11.5 -25.5zM917 700h-602v-62h602v62zM513 440l242 -240h-150v-300h-184v300h-150l242 240v0z" />
+    <glyph glyph-name="glyph109" unicode="&#xe74e;" 
+d="M915 750q41 0 70.5 -29.5t29.5 -70.5v-600q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v600q0 40 30 70t70 30h800zM245 656q-15 0 -26.5 -10.5t-11.5 -25.5q0 -16 11 -27t27 -11q38 0 38 38q0 16 -11 26t-27 10zM107 620q0 -16 11 -27t27 -11q38 0 38 38
+q0 16 -11 26t-27 10q-15 0 -26.5 -10.5t-11.5 -25.5zM917 510h-802v-460h802v460zM917 590v60h-602v-60h602v0z" />
+    <glyph glyph-name="glyph110" unicode="&#xe74f;" horiz-adv-x="490" 
+d="M245 850l230 -364h-460zM245 -150l-230 366h460l-230 -366v0z" />
+    <glyph glyph-name="glyph111" unicode="&#xe758;" horiz-adv-x="950" 
+d="M800 675q135 -135 135 -325t-135 -325t-325 -135t-325 135t-135 325t135 325t325 135t325 -135zM729 96q106 106 106 254q0 150 -106 255q-107 105 -254 105t-254 -105q-106 -105 -106 -255q0 -148 106 -254t254 -106t254 106zM565 544v-206h112l-202 -190l-202 190h112
+v206h180v0z" />
+    <glyph glyph-name="glyph112" unicode="&#xe759;" horiz-adv-x="950" 
+d="M800 25q-135 -135 -325 -135t-325 135t-135 325q0 192 135 326q136 134 325 134t325 -134q135 -134 135 -326q0 -190 -135 -325zM221 96q106 -106 254 -106t254 106t106 254q0 150 -106 255q-107 105 -254 105t-254 -105q-106 -105 -106 -255q0 -148 106 -254zM667 260
+h-204v-112l-190 202l190 204v-114h204v-180v0z" />
+    <glyph glyph-name="glyph113" unicode="&#xe75a;" horiz-adv-x="950" 
+d="M150 675q135 135 325 135t325 -135t135 -325t-135 -325t-325 -135t-325 135t-135 325t135 325zM730 605q-105 105 -255 105q-147 0 -254 -105q-106 -105 -106 -255q0 -148 106 -254t254 -106q150 0 255 106t105 254q0 150 -105 255zM283 440h204v114l190 -204l-190 -202
+v112h-204v180v0z" />
+    <glyph glyph-name="glyph114" unicode="&#xe75b;" horiz-adv-x="950" 
+d="M150 25q-135 135 -135 325q0 192 135 326q136 134 325 134t325 -134q135 -134 135 -326q0 -190 -135 -325t-325 -135t-325 135zM221 605q-106 -105 -106 -255q0 -148 106 -254t254 -106q150 0 255 106t105 254q0 150 -105 255t-255 105q-147 0 -254 -105zM385 158v204
+h-112l202 192l202 -192h-112v-204h-180v0z" />
+    <glyph glyph-name="glyph115" unicode="&#xe75c;" horiz-adv-x="610" 
+d="M579 422l-234 -224q-18 -18 -40 -18t-40 18l-234 224q-16 16 -16 41t16 41q37 38 78 0l196 -188l196 188q41 38 78 0q16 -16 16 -41t-16 -41v0z" />
+    <glyph glyph-name="glyph116" unicode="&#xe75d;" horiz-adv-x="371" 
+d="M257 626q13 16 39 16q25 0 41 -16q38 -36 0 -80l-186 -196l186 -194q38 -44 0 -80q-16 -16 -40 -16t-40 16l-226 236q-16 16 -16 38q0 24 16 40q225 235 226 236v0z" />
+    <glyph glyph-name="glyph117" unicode="&#xe75e;" horiz-adv-x="370" 
+d="M113 626l226 -236q16 -16 16 -40q0 -22 -16 -38l-226 -236q-16 -16 -40 -16t-40 16q-36 36 0 80l186 194l-186 196q-36 44 0 80q16 16 41 16q26 0 39 -16v0z" />
+    <glyph glyph-name="glyph118" unicode="&#xe75f;" horiz-adv-x="610" 
+d="M579 280q16 -16 16 -41t-16 -41q-37 -38 -78 0l-196 188l-196 -188q-41 -38 -78 0q-16 16 -16 41t16 41l234 224q16 16 40 16t40 -16l234 -224v0z" />
+    <glyph glyph-name="glyph119" unicode="&#xe760;" horiz-adv-x="496" 
+d="M420 470q22 26 48 0q26 -22 0 -48l-196 -192q-22 -22 -48 0l-196 192q-26 26 0 48q24 24 50 0l170 -156l172 156v0z" />
+    <glyph glyph-name="glyph120" unicode="&#xe761;" horiz-adv-x="295" 
+d="M267 180q25 -26 0 -48q-25 -26 -48 0l-192 194q-24 24 0 50l192 194q23 26 48 0q25 -22 0 -48l-156 -172l156 -170v0z" />
+    <glyph glyph-name="glyph121" unicode="&#xe762;" horiz-adv-x="295" 
+d="M28 180l158 170l-158 172q-26 26 0 48q26 26 48 0l192 -194q24 -26 0 -50l-192 -194q-22 -26 -48 0q-26 22 0 48v0z" />
+    <glyph glyph-name="glyph122" unicode="&#xe763;" horiz-adv-x="494" 
+d="M77 230q-26 -23 -50 0q-24 24 0 50l196 190q25 26 48 0l196 -190q24 -26 0 -50q-24 -23 -50 0l-170 158l-170 -158v0z" />
+    <glyph glyph-name="glyph123" unicode="&#xe764;" horiz-adv-x="896" 
+d="M78 570l370 -356l372 356q22 26 48 0q26 -22 0 -48l-396 -392q-22 -22 -48 0l-396 392q-26 26 0 48q24 24 50 0v0z" />
+    <glyph glyph-name="glyph124" unicode="&#xe765;" horiz-adv-x="495" 
+d="M467 -20q25 -26 0 -48q-25 -26 -48 0l-392 394q-24 24 0 50l392 394q23 26 48 0q25 -22 0 -48l-358 -372l358 -370v0z" />
+    <glyph glyph-name="glyph125" unicode="&#xe766;" horiz-adv-x="495" 
+d="M28 -20l358 370l-358 372q-26 26 0 48q26 26 48 0l392 -394q24 -26 0 -50l-392 -394q-22 -26 -48 0q-26 22 0 48v0z" />
+    <glyph glyph-name="glyph126" unicode="&#xe767;" horiz-adv-x="894" 
+d="M819 130l-372 358l-370 -358q-26 -23 -50 0q-24 24 0 50l396 390q25 26 48 0l396 -390q24 -26 0 -50q-25 -22 -48 0v0z" />
+    <glyph glyph-name="glyph127" unicode="&#x2b07;" horiz-adv-x="690" 
+d="M675 366l-330 -380l-330 380h192v350h276v-350h192v0z" />
+    <glyph glyph-name="glyph128" unicode="&#x2b05;" horiz-adv-x="760" 
+d="M393 20l-378 330l378 330v-190h352v-278h-352v-192v0z" />
+    <glyph glyph-name="glyph129" unicode="&#x27a1;" horiz-adv-x="760" 
+d="M365 680l380 -330l-380 -330v192h-350v278h350v190v0z" />
+    <glyph glyph-name="glyph130" unicode="&#x2b06;" horiz-adv-x="690" 
+d="M675 336h-192v-350h-276v350h-192l330 380l330 -380v0z" />
+    <glyph glyph-name="glyph131" unicode="&#x25be;" horiz-adv-x="490" 
+d="M475 550l-230 -400l-230 400h460v0z" />
+    <glyph glyph-name="glyph132" unicode="&#x25c2;" horiz-adv-x="430" 
+d="M415 580v-460l-400 230l400 230v0z" />
+    <glyph glyph-name="glyph133" unicode="&#x25b8;" horiz-adv-x="430" 
+d="M15 580l400 -230l-400 -230v460v0z" />
+    <glyph glyph-name="glyph134" unicode="&#x25b4;" horiz-adv-x="490" 
+d="M15 150l230 400l230 -400h-460v0z" />
+    <glyph glyph-name="glyph135" unicode="&#xe4b0;" horiz-adv-x="790" 
+d="M775 366l-380 -380l-380 380h192v350h376v-350h192v0z" />
+    <glyph glyph-name="glyph136" unicode="&#xe4ad;" horiz-adv-x="760" 
+d="M393 730v-190h352v-378h-352v-192l-378 380l378 380v0z" />
+    <glyph glyph-name="glyph137" unicode="&#xe4ae;" horiz-adv-x="760" 
+d="M365 730l380 -380l-380 -380v192h-350v378h350v190v0z" />
+    <glyph glyph-name="glyph138" unicode="&#xe4af;" horiz-adv-x="790" 
+d="M775 336h-192v-350h-376v350h-192l380 380l380 -380v0z" />
+    <glyph glyph-name="glyph139" unicode="&#x2193;" horiz-adv-x="530" 
+d="M515 100l-250 -240l-250 240h162v740h176v-740h162v0z" />
+    <glyph glyph-name="glyph140" unicode="&#x2190;" horiz-adv-x="1010" 
+d="M255 100l-240 250l240 250v-160h740v-178h-740v-162v0z" />
+    <glyph glyph-name="glyph141" unicode="&#x2192;" horiz-adv-x="1010" 
+d="M757 100v162h-742v178h742v160l238 -250l-238 -250v0z" />
+    <glyph glyph-name="glyph142" unicode="&#x2191;" horiz-adv-x="530" 
+d="M515 602h-162v-742h-176v742h-162l250 238l250 -238v0z" />
+    <glyph glyph-name="glyph143" unicode="&#x27f2;" horiz-adv-x="970" 
+d="M547 736q171 0 289 -120q119 -121 119 -290t-119 -290q-118 -120 -289 -120q-143 0 -252 88l70 74q84 -60 182 -60q126 0 216 90t90 218t-90 218t-216 90q-124 0 -214 -87q-91 -87 -92 -211h142l-184 -204l-184 204h124q1 166 122 283q120 117 286 117v0z" />
+    <glyph glyph-name="glyph144" unicode="&#x27f3;" horiz-adv-x="970" 
+d="M423 760q168 0 287 -116q118 -116 123 -282h122l-184 -206l-184 206h144q-5 125 -94 210q-91 86 -214 86q-126 0 -216 -90t-90 -218q0 -126 90 -216t216 -90q104 0 182 60l70 -76q-109 -88 -252 -88q-168 0 -288 120t-120 290t120 290t288 120v0z" />
+    <glyph glyph-name="glyph145" unicode="&#x1f504;" horiz-adv-x="850" 
+d="M317 256v-292l-276 16l88 86q-116 122 -114 290q1 168 120 288q99 99 240 116l4 -102q-101 -16 -172 -88q-89 -88 -90 -213q-2 -125 84 -217zM533 738l276 -16l-88 -86q116 -122 114 -290q-1 -168 -120 -288q-97 -99 -240 -118l-2 104q99 17 170 88q89 88 90 213
+q2 125 -84 217l-114 -116l-2 292v0z" />
+    <glyph glyph-name="glyph146" unicode="&#x21b3;" horiz-adv-x="774" 
+d="M115 200q-41 0 -70.5 29.5t-29.5 70.5v350h140v-310h364v150l240 -220l-240 -220v150h-404v0z" />
+    <glyph glyph-name="glyph147" unicode="&#x21b0;" horiz-adv-x="880" 
+d="M215 350v-90l-200 160l200 170v-100h550q41 0 70.5 -29.5t29.5 -70.5v-280h-140v240h-510v0z" />
+    <glyph glyph-name="glyph148" unicode="&#x1f500;" 
+d="M769 516q-51 0 -102.5 -30.5t-82.5 -67.5q-16 -19 -79 -99t-79 -99q-29 -34 -78 -77q-99 -87 -229 -87h-104v140h104q51 0 103.5 31t83.5 67q18 21 90.5 113.5t93.5 116.5q40 45 116 88q77 44 163 44h36v120l210 -180l-210 -180v100h-36zM119 506h-104v140h104
+q140 0 254 -108q-4 -5 -31.5 -38.5t-32.5 -39.5q-9 -14 -24 -32q-73 78 -166 78zM805 186v100l210 -180l-210 -180v120h-36q-139 0 -260 116q57 72 72 92q0 2 7 11l7 9q84 -88 174 -88h36v0z" />
+    <glyph glyph-name="glyph149" unicode="&#x1f501;" horiz-adv-x="930" 
+d="M815 540q42 0 71 -29t29 -71v-290q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-40 0 -70 30t-30 70v290q0 41 29.5 70.5t70.5 29.5h250v110l200 -180l-200 -180v110h-210v-210h620v210h-150v140h190v0z" />
+    <glyph glyph-name="glyph150" unicode="&#x21c6;" 
+d="M715 452h-500v-90l-200 160l200 170v-100h500v-140zM1015 172l-200 -160v90h-500v140h500v100l200 -170v0z" />
+    <glyph glyph-name="glyph151" unicode="&#x25b6;" horiz-adv-x="530" 
+d="M501 376q14 -11 14 -26q0 -13 -14 -24l-428 -266q-25 -16 -41.5 -5.5t-16.5 39.5v514q0 29 16.5 39.5t41.5 -5.5l428 -266v0z" />
+    <glyph glyph-name="glyph152" unicode="&#x25a0;" horiz-adv-x="630" 
+d="M541 650q74 0 74 -64v-470q0 -66 -74 -66h-450q-76 0 -76 66v470q0 36 18 50t58 14h450v0z" />
+    <glyph glyph-name="glyph153" unicode="&#x2389;" horiz-adv-x="560" 
+d="M545 636v-570q0 -66 -90 -66t-90 66v570q0 64 90 64t90 -64zM105 700q90 0 90 -64v-570q0 -66 -90 -66t-90 66v570q0 64 90 64v0z" />
+    <glyph glyph-name="glyph154" unicode="&#x26ab;" horiz-adv-x="730" 
+d="M365 700q146 0 248 -102t102 -248q0 -144 -102 -247t-248 -103t-248 103t-102 247q0 146 102 248t248 102v0z" />
+    <glyph glyph-name="glyph155" unicode="&#x23ed;" horiz-adv-x="630" 
+d="M427 374q14 -11 14 -24q0 -11 -14 -22l-362 -228q-23 -14 -36.5 -4.5t-13.5 34.5v442q0 25 13.5 34.5t36.5 -4.5zM541 642q74 0 74 -58v-466q0 -58 -74 -58q-76 0 -76 58v466q0 58 76 58v0z" />
+    <glyph glyph-name="glyph156" unicode="&#x23ee;" horiz-adv-x="630" 
+d="M203 374l364 228q22 14 35 4.5t13 -34.5v-442q0 -25 -13 -34.5t-35 4.5l-364 228q-14 11 -14 22q0 13 14 24zM15 584q0 58 76 58q74 0 74 -58v-466q0 -58 -74 -58q-76 0 -76 58v466v0z" />
+    <glyph glyph-name="glyph157" unicode="&#x23e9;" horiz-adv-x="910" 
+d="M881 374q14 -11 14 -24q0 -14 -14 -22l-372 -248q-23 -14 -37.5 -5.5t-14.5 35.5v482q0 27 14.5 35.5t37.5 -5.5zM427 374q14 -11 14 -24q0 -14 -14 -22l-360 -248q-22 -15 -37 -5.5t-15 35.5v482q0 26 15 35.5t37 -5.5l360 -248v0z" />
+    <glyph glyph-name="glyph158" unicode="&#x23ea;" horiz-adv-x="910" 
+d="M29 374l374 248q22 15 37 5.5t15 -35.5v-482q0 -26 -15 -35.5t-37 5.5l-374 248q-14 8 -14 22q0 13 14 24zM469 350q0 13 14 24l360 248q22 15 37 5.5t15 -35.5v-482q0 -26 -15 -35.5t-37 5.5l-360 248q-14 8 -14 22v0z" />
+    <glyph glyph-name="glyph159" unicode="&#xe768;" 
+d="M915 600q41 0 70.5 -29.5t29.5 -70.5v-300q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v300q0 40 30 70t70 30h800zM915 200v300h-800v-300h800v0z" />
+    <glyph glyph-name="glyph160" unicode="&#xe769;" 
+d="M915 600q41 0 70.5 -29.5t29.5 -70.5v-300q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v300q0 40 30 70t70 30h800zM915 500h-800v-300h800v300zM165 250v198h200v-198h-200v0z" />
+    <glyph glyph-name="glyph161" unicode="&#xe76a;" 
+d="M915 600q41 0 70.5 -29.5t29.5 -70.5v-300q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v300q0 40 30 70t70 30h800zM915 500h-800v-300h800v300zM165 448h200v-198h-200v198zM415 250v198h200v-198h-200v0z" />
+    <glyph glyph-name="glyph162" unicode="&#xe76b;" 
+d="M915 600q41 0 70.5 -29.5t29.5 -70.5v-300q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v300q0 40 30 70t70 30h800zM915 500h-800v-300h800v300zM165 448h200v-198h-200v198zM415 448h200v-198h-200v198zM665 448h200v-198h-200v198v0z" />
+    <glyph glyph-name="glyph163" unicode="&#x1f3af;" horiz-adv-x="890" 
+d="M749 654q126 -126 126 -304t-126 -304t-304 -126t-304 126t-126 304t126 304t304 126t304 -126zM481 2q123 13 212 102q88 88 100 212h-192v70h192q-12 124 -100 212q-89 89 -212 102v-194h-70v194q-125 -14 -213 -102q-89 -89 -101 -212h194v-70h-194q12 -123 101 -212
+q88 -88 213 -102v194h70v-194v0z" />
+    <glyph glyph-name="glyph164" unicode="&#x1f3a8;" horiz-adv-x="1010" 
+d="M973 512q29 -62 20 -104q-8 -39 -28.5 -46.5t-60.5 8.5q-95 35 -160 -36q-30 -46 -21 -75q10 -31 34 -65q25 -35 23 -50q-2 -26 -36 -63q-33 -36 -126 -74q-90 -37 -216 -37q-185 0 -291 101t-95 245q7 117 104 235q95 116 216 151q289 84 536 -80q72 -48 101 -110z
+M554 156q31 0 52.5 22.5t21.5 53.5t-21.5 52.5t-52.5 21.5q-32 0 -54 -21.5t-22 -52.5q0 -32 22 -54t54 -22v0z" />
+    <glyph glyph-name="glyph165" unicode="&#xe005;" horiz-adv-x="730" 
+d="M115 200q19 0 34.5 -15t15.5 -35t-15.5 -35t-34.5 -15h-50q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h50zM115 400q19 0 34.5 -15t15.5 -35t-15.5 -35t-34.5 -15h-50q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h50zM115 600q19 0 34.5 -15t15.5 -35t-15.5 -35t-34.5 -15
+h-50q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h50zM315 500q-19 0 -34.5 15t-15.5 35t15.5 35t34.5 15h350q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-350zM665 400q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-350q-19 0 -34.5 15t-15.5 35t15.5 35t34.5 15h350z
+M665 200q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-350q-19 0 -34.5 15t-15.5 35t15.5 35t34.5 15h350v0z" />
+    <glyph glyph-name="glyph166" unicode="&#xe003;" 
+d="M365 400q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-300q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h300zM365 200q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-300q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h300zM1015 350q0 -50 -30 -50h-170v-170q0 -30 -50 -30
+t-50 30v170h-164q-30 0 -30 50t30 50h164v170q0 30 50 30t50 -30v-170h170q30 0 30 -50zM365 600q21 0 35.5 -15t14.5 -35t-15.5 -35t-34.5 -15h-300q-19 0 -34.5 15t-15.5 35t14.5 35t35.5 15h300v0z" />
+    <glyph glyph-name="glyph167" unicode="&#x1f4f6;" horiz-adv-x="1010" 
+d="M505 150q41 0 70.5 -29.5t29.5 -70.5q0 -42 -29 -71t-71 -29q-40 0 -69 29.5t-29 70.5q0 40 29 70t69 30zM295 262q88 88 210 88t210 -88l-70 -72q-58 58 -140 58t-140 -58zM155 402q145 148 351 148q205 0 349 -148l-70 -70q-115 118 -279 118q-163 0 -281 -118zM15 544
+q204 206 491 206q286 0 489 -206l-70 -70q-174 176 -420 176t-420 -176l-70 70v0z" />
+    <glyph glyph-name="glyph168" unicode="&#x1f3c6;" horiz-adv-x="930" 
+d="M879 718q14 0 25 -10t11 -24q0 -155 -84 -245q-46 -49 -74 -72t-88 -61q-78 -52 -111 -87t-33 -85v-66q68 -7 116 -32q46 -24 46 -56q0 -36 -65 -63q-64 -27 -157 -27q-90 0 -156 27t-66 63q0 32 46 56q48 25 118 32v66q0 50 -33 84q-31 32 -113 88q-60 38 -88 61t-74 72
+q-84 90 -84 245q0 14 11 24t25 10h172q48 92 242 92q196 0 244 -92h170zM789 500q47 59 54 148h-126q-6 -159 -54 -262q79 56 126 114zM465 750q-52 0 -100.5 -13t-71.5 -34q-18 -17 -18 -29q0 -14 18 -31q23 -21 71.5 -34t100.5 -13t100.5 13t71.5 34q18 17 18 31
+q0 12 -18 29q-23 21 -71.5 34t-100.5 13zM87 648q7 -89 54 -148q47 -58 126 -114q-48 103 -54 262h-126v0z" />
+    <glyph glyph-name="glyph169" unicode="&#x1f50b;" 
+d="M821 193q36 -59 78 -59h66q-29 -45 -64 -65q-34 -19 -118 -19h-500q-130 0 -199 94t-69 206q0 110 69 205t199 95h500q84 0 118 -19q35 -20 64 -65h-66q-42 0 -78 -60t-36 -156q0 -98 36 -157zM641 286q-140 137 -178 164q-33 20 -44 8q-9 -9 -18 -30l-22 -56l-148 66
+q-26 12 -34 0q-8 -15 8 -28q137 -132 180 -162q34 -16 42 -11q7 4 18 31l24 58l146 -68q26 -12 34 2q11 12 -8 26zM959 452q26 0 41 -30.5t15 -67.5q0 -38 -15 -69t-41 -31h-38q-26 0 -40 31t-14 69t14 68t40 30h38v0z" />
+    <glyph glyph-name="glyph170" unicode="&#xe771;" horiz-adv-x="970" 
+d="M836 640q119 -121 119 -290t-119 -290q-118 -120 -289 -120q-139 0 -252 88l70 76q83 -60 182 -60q126 0 216 90t90 216q0 128 -90 218t-216 90q-124 0 -213 -86q-88 -86 -93 -210h142l-184 -206l-184 206h124q5 166 123 282q119 116 285 116q171 0 289 -120zM511 570h70
+v-204l130 -130l-50 -50l-150 150v234v0z" />
+    <glyph glyph-name="glyph171" unicode="&#x1f4bb;" 
+d="M915 790q41 0 70.5 -29.5t29.5 -70.5v-550q0 -42 -29.5 -77t-68.5 -43l-218 -44l86 -38q49 -28 -20 -28h-500q-97 0 32 52l36 14l-220 44q-39 8 -68.5 43t-29.5 77v550q0 40 30 70t70 30h800zM915 144v556h-800v-556h800v0z" />
+    <glyph glyph-name="glyph172" unicode="&#x1f4f1;" horiz-adv-x="610" 
+d="M495 840q42 0 71 -29t29 -71v-780q0 -41 -29.5 -70.5t-70.5 -29.5h-380q-40 0 -70 30t-30 70v780q0 41 29.5 70.5t70.5 29.5h380zM305 -100q27 0 48.5 14t21.5 36q0 23 -21 36.5t-49 13.5q-26 0 -48 -14.5t-22 -35.5t22 -35.5t48 -14.5zM515 50v660h-420v-660h420v0z" />
+    <glyph glyph-name="glyph173" unicode="&#xe776;" horiz-adv-x="950" 
+d="M197 494q-51 56 -92 128q55 75 128 118q89 -37 152 -82q-6 -16 -6 -32q0 -7 4 -22q-62 -48 -116 -104q-15 4 -28 4q-23 0 -42 -10zM161 346q-61 -116 -80 -232q-66 106 -66 236q0 109 50 206q39 -64 84 -112q-8 -26 -8 -38q0 -34 20 -60zM427 710q-56 40 -114 70
+q84 30 162 30q120 0 230 -62q-74 -13 -162 -50q-26 26 -66 26q-27 0 -50 -14zM333 376q4 17 4 30q0 22 -14 52q36 42 98 90q26 -20 56 -20q12 0 38 8q93 -106 134 -240q-14 -11 -26 -32q-160 24 -290 112zM753 76q0 6 -1 28t-1 28q37 14 54 60q59 4 108 18
+q-47 -147 -166 -232q6 48 6 98zM297 -74q-90 36 -158 110q12 142 80 274q8 -2 20 -2q29 0 52 14q145 -99 310 -124q-189 -95 -304 -272zM935 350q0 -27 -4 -66q-65 -18 -130 -24q-24 56 -88 60q-48 146 -148 264q10 19 10 42v10q101 42 210 54q150 -136 150 -340zM649 146
+q13 -10 32 -18q2 -24 2 -52q0 -77 -14 -144q-85 -42 -194 -42q-58 0 -112 12q109 159 286 244v0z" />
+    <glyph glyph-name="glyph174" unicode="&#x1f4bf;" horiz-adv-x="950" 
+d="M800 675q135 -135 135 -325t-135 -325t-325 -135t-325 135t-135 325t135 325t325 135t325 -135zM475 200q61 0 105.5 44t44.5 106q0 64 -43 107t-107 43q-61 0 -105.5 -44t-44.5 -106t44.5 -106t105.5 -44v0z" />
+    <glyph glyph-name="glyph175" unicode="&#xe777;" horiz-adv-x="1029" 
+d="M1012 326l-28 -154q-4 -19 -21.5 -32.5t-40.5 -13.5h-816q-23 0 -40.5 13.5t-21.5 32.5l-28 154q-8 32 32 72q5 7 36 38q13 13 61 60t59 58q22 22 52 22h516q30 0 52 -22q30 -30 120 -117q32 -30 38 -39q40 -42 30 -72zM716 366h178l-102 114h-556l-102 -114h178
+q7 0 12 -8l40 -100h300l40 100q5 8 12 8v0z" />
+    <glyph glyph-name="glyph176" unicode="&#xe778;" horiz-adv-x="931" 
+d="M899 306q24 -53 14 -96l-34 -184q-2 -20 -19.5 -35t-38.5 -15h-712q-21 0 -38.5 15t-19.5 35l-34 184q-8 51 14 96l158 374q22 46 72 46h104l-20 -204h-134l254 -210l256 210h-136l-18 204h102q50 0 74 -46zM831 174q2 22 -10.5 38t-33.5 16h-644q-21 0 -33.5 -16
+t-10.5 -38l14 -74q2 -20 18.5 -36t37.5 -16h592q22 0 39 15.5t19 36.5l12 74v0z" />
+    <glyph glyph-name="glyph177" unicode="&#x1f30e;" horiz-adv-x="990" 
+d="M835 689q140 -142 140 -339q0 -200 -140 -340t-340 -140q-197 0 -339 140q-141 140 -141 340q0 198 141 339t339 141q201 0 340 -141zM827 589q-79 107 -202 149q-18 -24 -16 -32q5 -38 18 -51t30 -7l32 12q7 1 20 2q23 -24 0 -47q-21 -21 -45 -56q-23 -34 -1 -77
+q34 -64 96 -64q28 -1 43 -36q16 -36 17 -66q10 -79 -14 -140q-23 -44 14 -76q86 113 86 250q0 132 -78 239zM373 50q10 0 11.5 23t-2 57t-3.5 36q0 30 14 74q12 41 59 70q48 29 55 46q25 52 -8 104q-18 28 -75 45q-42 13 -59 13q-13 5 -38.5 7t-39.5 -3q-10 -4 -27 11
+t-17 29q0 10 15 27q6 7 31 32.5t32 34.5q10 18 39 37q9 6 23 17.5t29 20.5q22 14 27 23q-114 -15 -200.5 -86t-125.5 -172q4 0 14 -1t21 -2.5t15 -1.5q58 -5 62 -25q4 -11 -14 -45q-18 -33 -18 -61q0 -30 38 -56t38 -46q0 -25 8 -68t8 -44q0 -12 36 -54t52 -42zM367 -40
+q68 -20 128 -20q128 0 226 68q-26 45 -118 34q-23 -1 -65 -17q-44 -16 -47 -17q-71 -16 -76 -16q-7 -1 -16 -7t-19.5 -15t-12.5 -10v0z" />
+    <glyph glyph-name="glyph178" unicode="&#x2601;" 
+d="M775 494q99 0 170 -68q70 -67 70 -166t-70 -166q-71 -68 -170 -68h-578q-73 0 -127.5 52t-54.5 124q0 74 53.5 126t128.5 52q1 0 10 -1t10 -1q-2 16 -2 38q0 108 78 184q77 76 188 76q92 0 161.5 -53.5t92.5 -132.5q25 4 40 4v0z" />
+    <glyph glyph-name="glyph179" unicode="&#x26c8;" 
+d="M481 676q92 0 161.5 -53.5t92.5 -132.5q25 4 40 4q99 0 170 -68q70 -67 70 -166t-70 -166q-71 -68 -170 -68h-578q-73 0 -127.5 52t-54.5 124q0 74 53.5 126t128.5 52q1 0 10 -1t10 -1q-2 16 -2 38q0 108 78 184q77 76 188 76zM583 278q14 17 14 30q0 20 -30 32h-4
+q-28 15 -38 16l50 116q6 0 6 20q0 19 -15 21t-27 -11q-10 -10 -26 -27t-36 -39t-29 -32q-35 -38 -45 -52q-12 -18 -12 -30q0 -22 30 -30q6 -3 42 -18l-52 -114q-4 -12 -4 -22t8 -18q17 -10 34 10q98 98 134 148v0z" />
+    <glyph glyph-name="glyph180" unicode="&#x26a1;" horiz-adv-x="430" 
+d="M55 -100q-4 4 35 94q73 168 79 182q40 90 38 98q-1 6 -94 45q-92 39 -98 55q-5 12 84 120q93 113 180 209q47 52 70.5 75.5t25.5 21.5q6 -4 -74 -186.5t-78 -185.5q1 -4 95 -43q92 -39 97 -57q5 -20 -174 -227t-186 -201v0z" />
+    <glyph glyph-name="glyph181" unicode="&#x263d;" horiz-adv-x="850" 
+d="M539 238q105 105 125 252q19 145 -53 270q53 -26 96 -72q128 -128 128 -309t-128 -309t-310 -128t-310 128q-41 41 -72 94q124 -70 271 -51q148 20 253 125v0z" />
+    <glyph glyph-name="glyph182" unicode="&#x2708;" horiz-adv-x="1033" 
+d="M283 -120l124 400h-180l-112 -100h-100l80 170l-80 170h100l112 -100h180l-124 400h100l224 -400h274q12 -1 36 -4q37 -5 46 -11q11 -7 36 -21q27 -14 16 -34q0 -32 -38 -49q-40 -18 -74 -19l-38 -2h-258l-224 -400h-100v0z" />
+    <glyph glyph-name="glyph183" unicode="&#xe79b;" horiz-adv-x="951" 
+d="M909 720q13 4 21.5 -3t4.5 -19q-3 -8 -73 -313.5t-73 -312.5q-2 -13 -13 -18.5t-25 0.5q-46 25 -139 75t-139 75l22 26q103 112 209.5 227t144.5 156t40 43q4 4 -1 9t-9 1l-550 -402q-58 22 -302 120q-12 4 -12 12t12 12q7 4 227 82t437 154t218 76zM327 -8v204l160 -82
+q-122 -108 -142 -128q-18 -14 -18 6v0z" />
+    <glyph glyph-name="glyph184" unicode="&#x1f342;" horiz-adv-x="970" 
+d="M251 646q182 107 506 66q169 -23 196 -50q4 -5 -2 -10q-76 -40 -130 -109t-78 -132q-23 -61 -65 -132q-40 -69 -93 -105q-137 -96 -382 -4q-67 -78 -114 -176q-12 -24 -47 -7t-25 39q43 100 129 193q87 95 176 153q179 119 317 174l54 20q-65 0 -148.5 -15.5
+t-144.5 -37.5q-70 -25 -162 -84q-89 -57 -161 -141q-23 242 174 358v0z" />
+    <glyph glyph-name="glyph185" unicode="&#xe788;" horiz-adv-x="950" 
+d="M795 680q135 -131 140 -322q2 -192 -131 -327q-134 -137 -323 -141q-192 -2 -327 131q-138 134 -139 323q-4 190 130 327q134 138 324 139t326 -130zM291 706l62 -104q55 28 122 28t122 -28l62 104q-87 46 -190 44q-93 0 -178 -44zM223 228q-28 59 -28 122q0 65 28 124
+l-102 62q-46 -88 -46 -190q1 -94 46 -180zM659 -4l-62 104q-60 -30 -122 -30t-122 30l-62 -104q85 -46 190 -46q100 5 178 46zM631 195q64 64 64 155q0 92 -64 156t-156 64t-156 -64t-64 -156q0 -91 64 -155q65 -65 156 -65t156 65zM727 228l104 -62q46 94 44 190
+q0 95 -44 180l-104 -62q28 -59 28 -124q0 -63 -28 -122v0z" />
+    <glyph glyph-name="glyph186" unicode="&#xe789;" horiz-adv-x="591" 
+d="M566 130q29 -80 -17 -157q-45 -77 -139 -111q-94 -28 -175 9q-80 37 -103 117l-106 384q-22 75 7 139t83 101l-96 186q-14 35 14 48q30 18 48 -14l98 -192q79 22 154 -16q73 -37 102 -116zM242 404q25 9 39 34t5 56q-9 26 -33 40t-55 6q-25 -9 -39 -34t-5 -56
+q9 -26 33 -40t55 -6v0z" />
+    <glyph glyph-name="glyph187" unicode="&#x1f4bc;" 
+d="M471 226h-456q2 61 4.5 128.5t4 106t1.5 57.5q5 108 100 108h160q22 36 60 112q14 26 23 32t37 6h222q26 0 36 -7t22 -31q11 -19 60 -112h160q95 0 100 -108l10 -292h-454v100h-90v-100zM369 626h292l-28 54q-14 26 -42 26h-152q-28 0 -42 -26zM561 76v100h430
+q-3 -42 -10 -166q-6 -84 -90 -84h-750q-90 0 -90 84l-10 166h430v-100h90v0z" />
+    <glyph glyph-name="glyph188" unicode="&#xe78e;" 
+d="M915 650q41 0 70.5 -29.5t29.5 -70.5v-550q0 -42 -29 -71t-71 -29h-50v750h50zM15 550q0 40 30 70t70 30h50v-750h-50q-41 0 -70.5 29.5t-29.5 70.5v550zM685 650h110v-750h-560v750h110v104q96 46 170 46t170 -46v-104zM625 650v66q-53 24 -110 24q-55 0 -110 -24v-66
+h220v0z" />
+    <glyph glyph-name="glyph189" unicode="&#xe78b;" horiz-adv-x="250" 
+d="M125 460q46 0 78 -32t32 -78q0 -44 -32.5 -77t-77.5 -33t-77.5 33t-32.5 77q0 46 32 78t78 32v0z" />
+    <glyph glyph-name="glyph190" unicode="&#xe78c;" horiz-adv-x="600" 
+d="M125 460q46 0 78 -32t32 -78q0 -44 -32.5 -77t-77.5 -33q-46 0 -78 32t-32 78t32 78t78 32zM475 460q46 0 78 -32t32 -78q0 -44 -33.5 -77t-76.5 -33q-46 0 -78 32t-32 78t32 78t78 32v0z" />
+    <glyph glyph-name="glyph191" unicode="&#xe78d;" horiz-adv-x="950" 
+d="M125 460q46 0 78 -32t32 -78q0 -44 -32.5 -77t-77.5 -33t-77.5 33t-32.5 77q0 46 32 78t78 32zM475 460q46 0 78 -32t32 -78q0 -44 -33.5 -77t-76.5 -33t-76.5 33t-33.5 77q0 46 32 78t78 32zM825 460q46 0 78 -32t32 -78q0 -44 -32.5 -77t-77.5 -33t-77.5 33t-32.5 77
+q0 46 32 78t78 32v0z" />
+    <glyph glyph-name="glyph192" unicode="&#xe79a;" horiz-adv-x="992" 
+d="M133 170q47 37 94 27t83.5 -48.5t42.5 -81.5q6 -47 -30 -83q-85 -84 -228 -102q-28 -4 -46.5 -3.5t-27 4.5t-6.5 13q0 4 6 10q52 59 64 145q12 84 48 119zM973 816q26 -26 -148 -248q-177 -226 -292 -338q-36 -36 -124 -104q-8 -6 -16 8q-18 34 -49.5 65.5t-64.5 46.5
+q-15 6 -8 16q68 89 104 122q124 121 344 287q226 170 254 145v0z" />
+    <glyph glyph-name="glyph193" unicode="&#xe7a1;" horiz-adv-x="850" 
+d="M549 120l260 -20l-16 -166q-4 -28 -32 -24l-200 16q-28 0 -28 30zM43 100l258 20l16 -164q2 -12 -6.5 -21t-21.5 -9l-198 -16q-11 -2 -21.5 5.5t-10.5 18.5zM17 370q-2 16 -2 34q0 160 120 273q121 113 290 113t290 -113q120 -113 120 -273q0 -18 -2 -34l-16 -170
+l-258 22l16 170v12q0 59 -44.5 99.5t-105.5 40.5t-105.5 -40.5t-44.5 -99.5v-12l16 -170l-258 -22l-16 170v0z" />
+    <glyph glyph-name="glyph194" unicode="&#x221e;" 
+d="M515 426q54 61 132 102.5t164 41.5q83 0 144 -53q60 -53 60 -167q0 -112 -60 -166t-144 -54q-86 0 -163 42t-133 104q-54 -61 -131.5 -103.5t-162.5 -42.5q-86 0 -146 54t-60 166q0 114 60 167q61 53 146 53q86 0 163.5 -41.5t130.5 -102.5zM461 350q-42 53 -106.5 92.5
+t-133.5 39.5q-114 0 -114 -132t114 -132q68 0 133.5 40t106.5 92zM811 218q114 0 114 132t-114 132q-69 0 -134.5 -39.5t-105.5 -92.5q40 -53 105.5 -92.5t134.5 -39.5v0z" />
+    <glyph glyph-name="glyph195" unicode="&#x232b;" horiz-adv-x="1032" 
+d="M917 700q42 0 71 -29t29 -71v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-478q-39 0 -70 28l-340 296q-29 26 0 54l340 296q31 26 70 26h478zM777 150l72 74l-128 126l128 128l-72 72l-128 -126l-128 126l-72 -72l128 -128l-128 -126l72 -74l128 128l128 -128v0z" />
+    <glyph glyph-name="glyph196" unicode="&#xe751;" horiz-adv-x="870" 
+d="M383 402h-368q18 146 121 249q102 102 247 119v-368zM489 770q155 -19 261 -139q105 -119 105 -279q0 -174 -123 -298t-299 -124q-159 0 -278 105q-117 104 -140 263h424q20 0 35 14.5t15 35.5v422v0z" />
+    <glyph glyph-name="glyph197" unicode="&#x1f4c8;" horiz-adv-x="1033" 
+d="M49 284q-42 11 -32 56q11 42 54 32l98 -24l-52 -80zM939 272q14 12 33.5 11t30.5 -15q33 -32 -2 -64l-252 -226q-12 -12 -30 -12q-15 0 -28 10l-286 220l-54 14l50 80l36 -8q13 -5 16 -8l264 -204zM449 492l-350 -550q-12 -22 -38 -22q-25 0 -39 24t1 46l374 588
+q7 15 28 20q18 6 36 -6l246 -156l226 326q10 16 27.5 19t34.5 -9q38 -24 12 -62l-252 -362q-24 -36 -62 -12l-244 156v0z" />
+    <glyph glyph-name="glyph198" unicode="&#x1f4ca;" horiz-adv-x="830" 
+d="M765 800q21 0 35.5 -15t14.5 -35v-850h-200v850q0 50 40 50h110zM465 500q21 0 35.5 -15t14.5 -35v-550h-200v550q0 50 40 50h110zM165 200q21 0 35.5 -15t14.5 -35v-250h-200v250q0 50 40 50h110v0z" />
+    <glyph glyph-name="glyph199" unicode="&#x1f53e;" horiz-adv-x="1010" 
+d="M979 732q16 22 16 -4v-768h-964q-12 0 -15 7.5t5 16.5l230 288q19 22 40 2l74 -66q10 -8 21 -7t17 11l158 238q17 26 38 4l112 -104q20 -20 38 4l230 378v0z" />
+    <glyph glyph-name="glyph200" unicode="&#x2707;" 
+d="M948 513q67 -67 67 -163q0 -95 -67 -162q-68 -68 -163 -68h-540q-94 0 -162 68t-68 162q0 95 68 163q67 67 162 67q96 0 163 -67t67 -163q0 -72 -40 -130h160q-40 64 -40 130q0 95 68 163q67 67 162 67q96 0 163 -67zM115 350q0 -52 38.5 -91t91.5 -39t91.5 39t38.5 91
+q0 53 -38.5 91.5t-91.5 38.5t-91.5 -38.5t-38.5 -91.5zM785 220q53 0 91.5 39t38.5 91q0 53 -38.5 91.5t-91.5 38.5t-91.5 -38.5t-38.5 -91.5q0 -52 38.5 -91t91.5 -39v0z" />
+    <glyph glyph-name="glyph201" unicode="&#x1f393;" 
+d="M515 70l276 136q-1 -8 -4 -27.5t-5 -30.5t-6 -25t-10 -22q-17 -25 -69 -45q-24 -10 -75.5 -38.5t-67.5 -36.5q-24 -11 -39 -11q-17 0 -40 13q-10 5 -41 23t-57 32t-46 22q-71 31 -103 69q-30 36 -47 109zM421 456q0 -26 29 -41t65 -15q27 0 36 4l292 -68l-268 -152
+q-60 -32 -120 0l-416 234q-24 14 -24 33t24 33l416 234q60 32 120 0l416 -234q24 -14 24 -33t-24 -33l-78 -44l-308 102q-23 36 -90 36q-36 0 -65 -15t-29 -41zM863 42q18 113 13 182q-4 64 -19 90l-14 22l70 38q5 -7 12 -28q7 -22 17 -101q11 -83 -7 -197q-5 -26 -22 -30
+q-15 -3 -33.5 4.5t-16.5 19.5v0z" />
+    <glyph glyph-name="glyph202" unicode="&#xe752;" horiz-adv-x="1031" 
+d="M929 634l8 -48q4 -10 -4 -12l-176 -30v-102h12q86 0 148 -36.5t86 -99.5q30 -83 -10 -176q-41 -95 -134 -160q-10 0 -12 2l-32 38q-2 6 2 10q85 60 117 152t-11 148q-34 -82 -98 -156q-35 -41 -84 -64.5t-108 -15.5q-53 6 -84.5 41.5t-31.5 92.5q0 84 60 148
+q49 50 114 66l-2 100q-139 -24 -146 -24q-6 -1 -10 4l-3 14q-2 13 -4.5 28t-2.5 18q-3 3 1 4.5t7 1.5l156 28q0 108 -2 114q0 8 8 8q44 0 52 2q10 0 10 -8v-104q154 22 164 22q8 5 10 -6zM691 366q-44 -15 -74 -56.5t-30 -91.5q0 -66 46 -72q28 -6 62 6zM769 380q-1 0 -6 -1
+t-6 -1l-2 -204q26 22 57 67t46 80t7 41q-36 18 -96 18zM307 556q14 -38 39.5 -118.5t56 -178t40.5 -129.5q40 -123 40 -126q0 -4 -4 -4h-86q-6 0 -6 4l-50 166h-176q-48 -164 -50 -166q0 -4 -6 -4h-86q-4 0 -4 4q8 14 176 552q2 8 10 8h96q10 0 10 -8zM177 240h144l-72 264
+l-72 -264v0z" />
+    <glyph glyph-name="glyph203" unicode="&#x1f3ab;" horiz-adv-x="970" 
+d="M231 272l178 -178l326 326l-178 178zM715 680q0 -42 30 -71t72 -29q25 0 48 12l76 -76q14 -14 14 -36t-14 -36l-550 -550q-16 -16 -36 -16t-36 16l-76 76q12 20 12 48q0 42 -29 72t-71 30q-20 0 -50 -14l-74 76q-16 16 -16 36t16 36l550 550q14 14 36 14t36 -14l74 -76
+q-12 -22 -12 -48zM409 14l406 406l-258 258l-408 -406l260 -258v0z" />
+    <glyph glyph-name="glyph204" unicode="&#x1f4a6;" horiz-adv-x="970" 
+d="M177 294q-65 0 -113.5 47.5t-48.5 112.5q0 58 33 112q20 33 73 123q39 67 50 155q1 4 7 4q5 0 5 -4q11 -88 50 -155q53 -90 73 -123q33 -54 33 -112q0 -65 -48.5 -112.5t-113.5 -47.5zM793 294q-65 0 -113.5 47.5t-48.5 112.5q0 87 69 171q30 37 55 98t32 121q1 4 7 4
+q5 0 5 -4q11 -88 50 -155q53 -90 73 -123q33 -54 33 -112q0 -65 -48.5 -112.5t-113.5 -47.5zM479 400q1 4 7 4q5 0 5 -4q11 -88 50 -155q53 -90 73 -123q33 -54 33 -112q0 -65 -48.5 -112.5t-113.5 -47.5t-113.5 47.5t-48.5 112.5q0 58 33 112q20 33 73 123q39 67 50 155v0z
+" />
+    <glyph glyph-name="glyph205" unicode="&#x1f4a7;" horiz-adv-x="590" 
+d="M365 603q48 -104 92 -159q118 -151 118 -296q0 -113 -83 -196q-82 -82 -197 -82t-197 82q-83 83 -83 196q0 147 118 296q44 55 92 159q47 101 60 219q2 8 11 8t9 -8q13 -118 60 -219zM263 430q2 5 -2 14q-6 6 -14 6q-7 0 -12 -6l-40 -58q-8 -12 -48 -70q-15 -23 -34 -75
+q-18 -51 -18 -101q0 -24 17 -41t41 -17q58 0 58 68q0 94 42 246q1 4 5 17t5 17v0z" />
+    <glyph glyph-name="glyph206" unicode="&#xe753;" horiz-adv-x="935" 
+d="M100 534q-25 -22 -55 -5.5t-27 47.5q2 22 18 36q49 42 79 60q36 22 89 40q60 20 129 4q71 -16 159 -66q90 -50 155 -53q68 -3 100 16q36 22 89 67q38 30 70 -6q32 -40 -6 -72q-122 -110 -234 -110q-101 0 -222 70q-70 39 -119 52q-51 14 -93 0q-42 -13 -65 -29
+q-28 -18 -67 -51zM906 418q32 -40 -6 -72t-65 -53q-28 -22 -77 -39.5t-92 -17.5q-97 0 -222 70q-70 39 -119 52q-51 14 -93 0q-42 -13 -65 -29q-28 -18 -67 -51q-16 -14 -36.5 -11.5t-33.5 17.5q-32 40 6 72q43 39 62 52t67 36q49 23 91.5 24t101.5 -16q66 -17 134 -56
+q70 -39 119 -52q51 -14 93 0q42 13 65 29q28 18 67 51q38 32 70 -6zM836 168q38 32 70 -6q14 -16 11.5 -37.5t-17.5 -34.5q-38 -32 -65 -53q-28 -22 -77 -39.5t-92 -17.5q-97 0 -222 70q-70 39 -119 52q-53 14 -93 1q-45 -14 -66 -29q-27 -19 -66 -52q-16 -14 -36.5 -11.5
+t-33.5 17.5q-32 40 6 72q43 39 62 52t67 36q49 23 91.5 24t101.5 -16q66 -17 134 -56q70 -39 119 -52q51 -14 93 0q42 13 65 29q28 18 67 51v0z" />
+    <glyph glyph-name="glyph207" unicode="&#x1f4b3;" 
+d="M915 700q41 0 70.5 -29.5t29.5 -70.5v-500q0 -42 -29 -71t-71 -29h-800q-41 0 -70.5 29.5t-29.5 70.5v500q0 40 30 70t70 30h800zM915 400h-800v-300h800v300zM915 600h-800v-50h800v50zM245 294v-30h-30v30h30zM425 234v30h30v30h60v-30h-30v-30h-30v-30h-60v30h30z
+M485 204v30h30v-30h-30zM305 204v30h60v-30h-60zM395 234h-30v60h60v-30h-30v-30zM275 234v-30h-60v30h30v30h30v30h60v-30h-30v-30h-30v0z" />
+    <glyph glyph-name="glyph208" unicode="&#x1f4be;" horiz-adv-x="830" 
+d="M15 650q0 41 29.5 70.5t70.5 29.5h558l142 -156v-544q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600zM565 400q19 0 34.5 15t15.5 35v250h-400v-250q0 -20 15.5 -35t34.5 -15h300zM565 650v-200h-100v200h100v0z" />
+    <glyph glyph-name="glyph209" unicode="&#x1f4cb;" horiz-adv-x="730" 
+d="M85 -150q-29 0 -49.5 20.5t-20.5 49.5v760q0 28 21 49t49 21l60 -150h440l60 150q28 0 49 -21t21 -49v-760q0 -29 -20.5 -49.5t-49.5 -20.5h-560zM545 650h-360l-44 100h108l36 100h160l36 -100h110l-46 -100v0z" />
+    <glyph glyph-name="glyph210" unicode="&#x1f4e3;" horiz-adv-x="890" 
+d="M873 242q9 -120 -39 -140q-28 -12 -61 3q-36 16 -65 40q-37 28 -106.5 42t-141.5 7q-26 -4 -41.5 -18t-6.5 -38q26 -65 46 -108q4 -10 24 -22q19 -12 24 -20q13 -34 -22 -46q-45 -20 -102 -40q-30 -10 -54 42q-23 56 -58 132q-6 13 -34 17q-27 4 -46 31q-6 -2 -20 -7
+t-19 -6.5t-16 -3.5t-18 -0.5t-17 5t-22 10.5q-40 24 -54 60q-16 30 -5 79q11 47 43 61q126 52 213 108q84 54 124 103q34 42 59 92q22 44 25 78q7 76 51 95q48 19 130 -70t142 -228q58 -137 67 -258zM778 200q9 5 10 38q2 38 -11 98q-27 133 -108 251q-40 58 -67 84
+q-29 27 -36 23q-9 -5 -10 -42q-2 -40 10 -105q25 -141 108 -252q44 -57 68 -76q29 -23 36 -19v0z" />
+    <glyph glyph-name="glyph211" unicode="&#xe754;" horiz-adv-x="730" 
+d="M715 206v-100q0 -73 -104 -135q-103 -61 -246 -61q-141 0 -245 61q-105 61 -105 135v100q0 10 4.5 10.5t9.5 -8.5q34 -56 130.5 -88t205.5 -32t205 32t131 88q14 20 14 -2zM715 462v-116q0 -68 -102 -114q-101 -46 -248 -46q-145 0 -247 46q-103 46 -103 114v116
+q0 20 14 0q33 -50 130.5 -77t205.5 -27t205.5 26.5t132.5 77.5q7 16 12 0zM365 790q143 0 247 -39q103 -39 103 -93v-64q0 -59 -103 -99q-105 -41 -247 -41t-247 41q-103 40 -103 99v64q0 54 103 93q104 39 247 39v0z" />
+    <glyph glyph-name="glyph212" unicode="&#xe755;" horiz-adv-x="932" 
+d="M899 304q26 -44 14 -96l-34 -184q-2 -20 -19.5 -35t-38.5 -15h-712q-20 0 -38 15.5t-20 34.5l-34 184q-8 54 14 96l158 374q22 46 72 46h408q50 0 74 -46zM831 172q2 22 -10.5 38t-33.5 16h-644q-21 0 -33.5 -16t-10.5 -38l14 -74q2 -21 19 -36.5t39 -15.5h590
+q22 0 39 15.5t19 36.5l12 74v0z" />
+    <glyph glyph-name="glyph213" unicode="&#xe756;" horiz-adv-x="943" 
+d="M537 360q-28 0 -49 -21t-21 -49q0 -20 10 -36q-43 -52 -108.5 -86.5t-137.5 -29.5q-101 10 -157 57q-54 46 -59 109q-8 122 156 184q-17 89 -22 138q-8 56 104 105q111 49 284 49q175 0 286 -49q112 -49 104 -105q-24 -150 -45.5 -288.5t-32 -207t-14.5 -92.5
+q-1 -18 -37 -44q-35 -26 -107 -50t-154 -24q-83 0 -153 24q-71 24 -106 50q-36 26 -37 44q0 5 -4 30q91 -7 170 38t132 114q28 0 48 20.5t20 49.5t-20.5 49.5t-49.5 20.5zM122 251q33 -27 91 -39l-32 204q-101 -44 -96 -106q5 -33 37 -59zM537 522q71 0 149 16.5t121 40.5
+q38 21 38 35t-38 35q-44 24 -121 40.5t-149 16.5q-71 0 -147.5 -16.5t-120.5 -40.5q-38 -21 -38 -35t38 -35q43 -24 120 -40.5t148 -16.5v0z" />
+    <glyph glyph-name="glyph214" unicode="&#xe757;" horiz-adv-x="570" 
+d="M415 356q62 -35 101 -96t39 -140q0 -112 -79 -191t-191 -79t-191 79t-79 191q0 79 39 140t101 96v444q0 50 40 50h170q19 0 34.5 -15t15.5 -35v-444zM285 -50q70 0 120 50t50 120q0 58 -33 101t-83 59v370h-100v-368q-51 -15 -87.5 -59.5t-36.5 -102.5q0 -70 50 -120
+t120 -50v0z" />
+    <glyph glyph-name="glyph215" unicode="&#x1f511;" horiz-adv-x="810" 
+d="M761 397q-48 -99 -150 -117q-67 -12 -130 -2l-118 -194l-70 -12l-104 -166q-13 -27 -46 -32l-76 -14q-13 -4 -22.5 4.5t-11.5 21.5l-16 98q-8 30 12 56l258 386q-25 51 -38 120q-10 57 7 108t52.5 87t81.5 60t97 33q107 20 195 -45q89 -65 107 -177q20 -117 -28 -215z
+M663 536q30 49 20 100t-50 80q-53 37 -109 17.5t-75 -72.5q-4 -10 4 -36q4 -13 31 -32q12 -8 67 -49q6 -5 42 -28q13 -8 19 -8q32 0 51 28v0z" />
+    <glyph glyph-name="glyph216" unicode="&#xe790;" horiz-adv-x="670" 
+d="M535 120q49 0 84.5 -35t35.5 -85t-35.5 -85t-84.5 -35q-80 0 -110 74h-164q-87 0 -131 54q-43 53 -43 118v464q-72 34 -72 110q0 50 35.5 85t84.5 35t84.5 -35t35.5 -85q0 -76 -72 -110v-114q0 -78 78 -78h164q30 72 110 72q49 0 84.5 -35t35.5 -85t-35.5 -85t-84.5 -35
+q-80 0 -110 74h-164q-43 0 -78 16v-194q0 -78 78 -78h164q30 72 110 72zM535 420q-29 0 -49.5 -20.5t-20.5 -49.5q0 -28 21 -48t49 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5zM65 700q0 -28 21 -48t49 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5t-49.5 -20.5
+t-20.5 -49.5zM535 -68q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5t-49.5 -20.5t-20.5 -49.5q0 -28 21 -48t49 -20v0z" />
+    <glyph glyph-name="glyph217" unicode="&#xe791;" horiz-adv-x="670" 
+d="M535 770q49 0 84.5 -35t35.5 -85q0 -80 -74 -110q-12 -120 -89 -170q-38 -25 -64.5 -36.5t-78.5 -27.5q-76 -25 -110 -46q-47 -29 -54 -100q70 -30 70 -110q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v378q-72 34 -72 110q0 50 35.5 85t84.5 35t84.5 -35
+t35.5 -85q0 -76 -72 -110v-204q41 30 138 60q54 17 84 29q31 13 53.5 45t26.5 72q-70 31 -70 108q0 50 35.5 85t84.5 35zM67 650q0 -28 20 -48t48 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5zM135 -18q28 0 49 20t21 48q0 29 -20.5 49.5
+t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20zM535 582q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20v0z" />
+    <glyph glyph-name="glyph218" unicode="&#xe792;" horiz-adv-x="970" 
+d="M485 820q49 0 84.5 -35t35.5 -85q0 -76 -72 -110v-140q0 -52 78 -52h100q85 0 129 -54q43 -53 43 -118v-114q72 -34 72 -112q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v114q0 78 -76 78h-100q-43 0 -78 12v-204q72 -34 72 -112q0 -50 -35.5 -85
+t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v204q-30 -12 -76 -12h-100q-35 0 -56.5 -22t-21.5 -56v-114q72 -34 72 -112q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v114q0 65 43 118q44 54 131 54h100q76 0 76 52v140q-72 34 -72 110q0 50 35.5 85t84.5 35z
+M205 0q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20t49 20t21 48zM417 700q0 -28 20 -48t48 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5zM555 0q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5
+q0 -28 20 -48t48 -20t49 20t21 48zM835 -68q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20v0z" />
+    <glyph glyph-name="glyph219" unicode="&#xe793;" horiz-adv-x="270" 
+d="M135 770q49 0 84.5 -35t35.5 -85q0 -76 -72 -110v-378q72 -34 72 -112q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v378q-72 34 -72 110q0 50 35.5 85t84.5 35zM67 650q0 -28 20 -48t48 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5
+t-20 -49.5zM135 -18q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20v0z" />
+    <glyph glyph-name="glyph220" unicode="&#xe794;" horiz-adv-x="670" 
+d="M135 770q49 0 84.5 -35t35.5 -85q0 -76 -72 -110v-378q72 -34 72 -112q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v378q-72 34 -72 110q0 50 35.5 85t84.5 35zM205 50q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20t49 20
+t21 48zM135 582q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20zM535 770q49 0 84.5 -35t35.5 -85q0 -76 -72 -110v-378q72 -34 72 -112q0 -50 -35.5 -85t-84.5 -35t-84.5 35t-35.5 85q0 78 72 112v378q-72 34 -72 110
+q0 50 35.5 85t84.5 35zM467 650q0 -28 20 -48t48 -20t49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5zM535 -18q28 0 49 20t21 48q0 29 -20.5 49.5t-49.5 20.5q-28 0 -48 -20.5t-20 -49.5q0 -28 20 -48t48 -20v0z" />
+    <glyph glyph-name="glyph221" unicode="&#x1f680;" horiz-adv-x="890" 
+d="M558 236q7 -56 8 -81q2 -33 -8 -59q-4 -10 -7 -22t-4.5 -16t-6 -10t-11 -11t-19.5 -13l-33 -19.5t-16 -9t-26.5 -11.5t-39.5 -17q-46 -21 -85 -37q-30 -11 -44.5 3.5t-3.5 44.5l40 110l-130 132l-106 -40q-30 -13 -43.5 2.5t-2.5 45.5q3 8 16 41.5t25 62.5t17 40
+q37 75 47 81q2 1 12 8t17 12q17 13 41 13h52q24 -2 71 -6q37 52 106 124q64 66 122.5 107.5t140.5 71.5q85 31 165 19q17 0 20 -20q10 -85 -18.5 -170.5t-75.5 -148.5q-99 -133 -184 -199zM608 532q22 -22 54 -22t54 23t22 55t-22 55t-54 23t-54 -23t-22 -55q0 -33 22 -56v0
+z" />
+    <glyph glyph-name="glyph222" unicode="&#xe7a2;" 
+d="M635 462q180 228 194 220q12 -6 -96 -278q-109 -273 -138 -326q-50 -86 -136 -36t-38 136q38 61 214 284zM17 66q0 5 -1 27t-1 27q0 227 145 382q146 156 355 156q73 0 134 -18l-70 -86q-36 4 -64 4q-169 0 -284 -127q-116 -128 -116 -311q0 -11 1 -26t1.5 -23
+t-2.5 -17.5t-10 -16.5q-14 -15 -33.5 -17t-36.5 12q-16 13 -18 34zM877 496q138 -154 138 -376v-15.5v-14.5v-12t-1 -12t-2 -10t-3 -9.5t-5 -7.5t-7 -8q-13 -13 -34 -13h-4q-21 4 -34.5 19.5t-11.5 36.5q2 18 2 46q0 149 -80 268q4 10 21 55t21 53v0z" />
+    <glyph glyph-name="glyph223" unicode="&#xe7a3;" horiz-adv-x="991" 
+d="M495 432q58 0 108.5 16.5t61.5 47.5q2 -6 20.5 -58t35.5 -100q-5 -38 -70 -65q-66 -27 -156 -27t-156 27q-65 27 -70 65q17 48 35.5 100t20.5 58q11 -31 62.5 -47.5t107.5 -16.5zM371 624l52 142q10 34 72 34t74 -34q11 -34 50 -142q-29 -44 -124 -44t-124 44zM935 196
+q41 -16 41 -41.5t-37 -46.5l-352 -188q-37 -22 -91 -22t-91 22l-354 188q-38 20 -36 46t42 42l188 76l-22 -60q0 -47 80 -82q78 -34 192 -34t192 34q81 35 82 82l-22 60l188 -76v0z" />
+    <glyph glyph-name="glyph224" unicode="&#xe7a5;" horiz-adv-x="990" 
+d="M829 694q141 -137 146 -336q2 -200 -136 -342q-137 -141 -338 -146q-200 -2 -341 137q-144 140 -145 337q-5 200 135 342t339 144q198 2 340 -136zM767 86q109 112 108 270q-1 157 -115 267q-111 109 -269 107q-157 -2 -267 -114q-109 -111 -107 -270q1 -158 114 -267
+q111 -109 270 -107q157 2 266 114zM317 350q0 -80 60 -80q40 0 58 40l56 -30q-19 -35 -50 -52q-32 -20 -70 -20q-63 0 -100.5 38.5t-37.5 103.5q0 64 36.5 104t97.5 40q87 0 124 -66l-62 -32q-17 36 -52 36q-60 0 -60 -82zM643 270q43 0 56 40l58 -30q-17 -31 -48.5 -51.5
+t-71.5 -20.5q-64 0 -100 38q-38 36 -38 104q0 63 38 106q38 38 98 38q84 0 120 -66l-60 -32q-17 36 -52 36q-62 0 -62 -82q0 -35 15.5 -57.5t46.5 -22.5v0z" />
+    <glyph glyph-name="glyph225" unicode="&#xe7a6;" horiz-adv-x="990" 
+d="M495 526q68 0 68 68t-68 68q-66 0 -66 -68t66 -68zM625 470q0 12 -9.5 21t-22.5 9h-196q-13 0 -22.5 -9t-9.5 -21v-196h56v-234h148v234h56v196zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340
+q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114t-277 -114q-115 -114 -115 -278q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph226" unicode="&#xe7a7;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM501 214q25 0 42.5 12.5t17.5 35.5q0 18 -14 30q-48 20 -102 46q-64 26 -178.5 78t-141.5 64q-22 -60 -22 -130
+q0 -162 115 -277t277 -115q115 0 205.5 58t138.5 146l-178 80q-7 -44 -45 -74t-87 -34v-74h-56v74q-79 0 -146 58l66 66q50 -44 108 -44zM631 358l242 -108q14 45 14 100q0 164 -115 278q-116 114 -277 114q-107 0 -191.5 -50t-136.5 -128l182 -82q12 37 46 62q31 22 78 24
+v74h56v-74q69 -5 120 -44l-62 -64q-43 28 -84 28q-56 0 -56 -38q0 -8 4 -12l60 -28q20 -8 60 -26t60 -26v0z" />
+    <glyph glyph-name="glyph227" unicode="&#xe7a8;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM285 342q0 2 1 12t1 12h-46v56h10l-126 56q-22 -60 -22 -128q0 -162 115 -277t277 -115q116 0 205.5 57.5t138.5 146.5
+l-246 108h-174q11 -39 26 -56q37 -40 104 -40q44 0 92 20l18 -90q-55 -30 -124 -30q-128 0 -196 92q-34 42 -46 104h-52v58h44v14zM613 366l262 -116q12 48 12 100q0 164 -115 278q-116 114 -277 114q-107 0 -193 -50t-137 -128l158 -70q6 11 28 38q72 82 184 82
+q69 0 122 -24l-24 -92q-42 20 -88 20q-64 0 -100 -44q-10 -10 -16 -28l56 -24h136v-56h-8v0z" />
+    <glyph glyph-name="glyph228" unicode="&#xe7a9;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM121 466q-18 -54 -18 -116q0 -162 115 -277t277 -115q111 0 199 54t137 138l-152 68v-68h-126v-108h-118v108h-124v74h124v36
+l-12 24h-112v74h54zM665 224l-106 48l-6 -12v-36h112zM679 324l192 -86q16 57 16 112q0 164 -115 278q-116 114 -277 114q-110 0 -197 -53t-137 -135l158 -70l-54 98h128l76 -166l46 -20l82 186h128l-122 -224h76v-34v0z" />
+    <glyph glyph-name="glyph229" unicode="&#xe7aa;" horiz-adv-x="990" 
+d="M739 344q0 115 -67 187.5t-179 72.5q-88 0 -143.5 -51t-68.5 -135h-36l94 -94l96 94h-36q12 86 108 86q57 0 83.5 -42.5t26.5 -113.5q0 -69 -28.5 -114.5t-83.5 -45.5q-100 0 -106 86h-120q12 -90 70 -138q62 -50 142 -50q106 0 180 74q68 74 68 184zM835 690
+q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114t-277 -114q-115 -114 -115 -278q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph230" unicode="&#xe7ab;" horiz-adv-x="990" 
+d="M321 382h348v82h-348v-82zM321 228h348v82h-348v-82zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114
+t-277 -114q-115 -114 -115 -278q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph231" unicode="&#xe7ac;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM519 212q38 0 70 32l70 -84q-14 -6 -18 -16q-61 -42 -136 -42q-86 0 -159 58t-73 188q0 32 6 62l-154 68q-22 -60 -22 -128
+q0 -162 115 -277t277 -115q116 0 205.5 57.5t138.5 146.5l-424 188q1 -52 28 -96q25 -42 76 -42zM435 444l440 -194q12 48 12 100q0 164 -115 278q-116 114 -277 114q-107 0 -193 -50t-137 -128l148 -66q65 102 196 102q89 0 150 -54l-78 -80q-28 28 -66 28q-51 0 -80 -50v0
+z" />
+    <glyph glyph-name="glyph232" unicode="&#xe7ad;" horiz-adv-x="990" 
+d="M495 628q-108 0 -153 -81t-45 -197q0 -114 45 -195t153 -81t153 81t45 195q0 116 -45 197t-153 81zM409 350q0 174 86 174q7 0 18 -4q19 -18 6 -42l-106 -194q-4 43 -4 66zM495 178q-2 0 -9.5 1t-8.5 1q0 2 -2 2q-4 0 -6 2q-34 16 -12 46l118 204q6 -44 6 -84
+q0 -172 -86 -172zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114t-277 -114q-115 -114 -115 -278
+q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph233" unicode="&#xe7ae;" horiz-adv-x="990" 
+d="M719 462q0 10 -8.5 18t-19.5 8h-104v104q0 11 -8 19.5t-18 8.5h-264q-24 -8 -24 -28v-352q0 -11 8 -19.5t18 -8.5h104v-104q0 -10 8.5 -18t19.5 -8h260q11 0 19.5 8t8.5 18v354zM427 488q-24 -9 -24 -26v-196h-78v300h210v-78h-108zM665 134h-210v302h210v-302zM835 690
+q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114t-277 -114q-115 -114 -115 -278q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph234" unicode="&#xe7af;" horiz-adv-x="990" 
+d="M819 338q-36 14 -106 44v118l-294 122l-130 -56v-136l2 -2l-116 -48v-122l124 -54l124 52q49 -21 141 -59t119 -49l6 -2q40 18 120 52l10 4v136zM673 184l-2 2v-2l-220 92v86l220 -90v-2h2v-86zM687 296l-70 30l76 32l72 -30zM789 222l-86 -36v84l86 36v-84zM835 690
+q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM495 -42q162 0 277 115t115 277q0 164 -115 278q-116 114 -277 114t-277 -114q-115 -114 -115 -278q0 -162 115 -277t277 -115v0z" />
+    <glyph glyph-name="glyph235" unicode="&#xf300;" horiz-adv-x="950" 
+d="M635 286q28 0 46 -27.5t18 -62.5t-18 -62.5t-46 -27.5q-30 0 -48 27.5t-18 62.5t18 62.5t48 27.5zM475 -40q-8 0 -43.5 1t-42.5 1q-110 0 -180 29q-37 15 -74.5 44.5t-59.5 61.5q-60 84 -60 229q0 114 74 194q-8 5 -1 80t33 140q93 -11 228 -104q47 12 126 12
+q84 0 126 -12q63 43 119 68q57 25 83 30l26 6q26 -65 33 -140t-1 -80q74 -80 74 -194q0 -203 -124 -294q-37 -26 -67 -39.5t-76 -21.5q-53 -9 -107 -9q-7 0 -42.5 -1t-43.5 -1zM477 356h-4q-21 0 -85 4.5t-78 4.5q-77 3 -119 -35q-52 -46 -52 -120q0 -124 84 -164
+q83 -40 250 -40h4q167 0 251 40q85 40 85 164q0 55 -34 99.5t-85 52.5q-37 6 -113 0q-77 -6 -104 -6zM317 286q28 0 46 -27.5t18 -62.5t-18 -62.5t-46 -27.5q-30 0 -48 27.5t-18 62.5t18 62.5t48 27.5v0z" />
+    <glyph glyph-name="glyph236" unicode="&#xf301;" horiz-adv-x="990" 
+d="M578 358q-9 0 -41 -2t-42 -2t-42 2t-41 2q-38 0 -61 -18q-26 -26 -26 -60q0 -65 43 -84q45 -20 127 -20t127 20q43 19 43 84q0 34 -26 60q-23 18 -61 18zM447 272q0 -17 -9 -31.5t-23 -14.5t-23 14.5t-9 31.5q0 46 32 46t32 -46zM609 272q0 -17 -10 -31.5t-24 -14.5
+t-23 14.5t-9 31.5q0 46 32 46q15 0 24.5 -14t9.5 -32zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM539 154q188 0 188 184q0 55 -38 98q4 4 1 41q-3 35 -17 71
+q-44 -6 -114 -52q-19 6 -64 6q-40 0 -64 -6q-52 34 -100 50l-14 2q-14 -36 -17 -71q-3 -37 1 -41q-38 -43 -38 -98q0 -184 188 -184h88v0z" />
+    <glyph glyph-name="glyph237" unicode="&#xf303;" horiz-adv-x="930" 
+d="M211 550q82 0 139 -58.5t57 -141.5t-58 -141q-59 -59 -138 -59t-138 59q-58 58 -58 141t57 141.5t139 58.5zM719 150q-79 0 -138 59q-58 58 -58 141t57 141.5t139 58.5t139 -58.5t57 -141.5t-58 -141q-59 -59 -138 -59v0z" />
+    <glyph glyph-name="glyph238" unicode="&#xf304;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM367 250q40 0 70 30t30 70q0 41 -30 71.5t-70 30.5t-70 -30.5t-30 -71.5q0 -40 30 -70t70 -30zM623 250q41 0 70.5 29.5
+t29.5 70.5q0 42 -29 72t-71 30q-40 0 -69 -30.5t-29 -71.5q0 -40 29 -70t69 -30v0z" />
+    <glyph glyph-name="glyph239" unicode="&#xf306;" horiz-adv-x="931" 
+d="M911 558q-31 -186 -171 -351q-141 -167 -245 -237q-33 -19 -61.5 -19.5t-54.5 16.5t-44.5 39t-29.5 46q-14 28 -78.5 238.5t-73.5 223.5q-27 20 -82 -16l-20 -14l-36 50q6 6 21 23.5t25 28.5q31 35 100 89q71 56 124 67q58 12 89 -42q25 -40 38 -130q21 -126 25 -142
+q28 -106 38 -134q11 -28 18 -39q8 -11 18 -11q41 0 126 166q42 76 6 124t-112 2q23 127 140 188q104 54 182 8q80 -47 58 -174v0z" />
+    <glyph glyph-name="glyph240" unicode="&#xf307;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM715 444q13 82 -48 94q-61 14 -110 -40q-28 -28 -34 -66q38 24 56 -1t-2 -63q-43 -84 -64 -84q-14 0 -36 94q-2 8 -5 24
+t-6.5 35t-4.5 26q-3 16 -7 27t-11 24.5t-18 19t-26 2.5q-26 -6 -59.5 -31.5t-56.5 -50.5l-20 -24l18 -24q7 7 27 17t25 -1q5 -7 37 -113.5t39 -120.5q35 -71 96 -42q53 35 124 120q69 83 86 178v0z" />
+    <glyph glyph-name="glyph241" unicode="&#xf309;" horiz-adv-x="950" 
+d="M935 636q-37 -56 -94 -98v-24q0 -130 -60 -250q-60 -121 -186 -203q-127 -83 -290 -83q-159 0 -290 84q18 -2 46 -2q131 0 234 80q-64 2 -111.5 39t-64.5 93q9 -4 34 -4q26 0 50 6q-63 13 -106.5 64.5t-43.5 121.5v2q36 -20 84 -24q-84 58 -84 158q0 47 26 94
+q155 -189 390 -196q-6 18 -6 42q0 78 55.5 133t134.5 55q82 0 136 -58q58 12 120 44q-19 -66 -82 -104q55 8 108 30v0z" />
+    <glyph glyph-name="glyph242" unicode="&#xf30a;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM691 438q29 22 46 48q-33 -13 -54 -14q30 18 42 52q-29 -16 -60 -22q-28 28 -70 28q-39 0 -66.5 -28t-27.5 -66q0 -2 1 -11
+t1 -11q-121 6 -194 100q-14 -25 -14 -48q0 -49 44 -78q-26 0 -44 12v-2q0 -35 22 -61t54 -31q-15 -4 -24 -4q-10 0 -18 2q19 -66 88 -66q-49 -40 -118 -40h-22q67 -42 144 -42q122 0 196 83t74 187v12v0z" />
+    <glyph glyph-name="glyph243" unicode="&#xf30c;" horiz-adv-x="530" 
+d="M515 644h-142q-16 0 -26 -16.5t-10 -35.5v-102h178v-148h-178v-442h-170v442h-152v148h152v86q0 92 58.5 158t147.5 66h142v-156v0z" />
+    <glyph glyph-name="glyph244" unicode="&#xf30d;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141t-340 141q-140 142 -140 339q0 200 140 340t340 140t340 -140zM609 500v78h-72q-44 0 -74 -33.5t-30 -80.5v-44h-76v-74h76v-222h86v222h90v74h-90v52q0 28 18 28h72v0z" />
+    <glyph glyph-name="glyph245" unicode="&#xf30e;" horiz-adv-x="890" 
+d="M767 770q44 0 76 -31.5t32 -74.5v-646q0 -44 -32.5 -76t-75.5 -32h-162v310h114v134h-114v70q0 30 28 30h86v152h-96q-74 0 -124 -54.5t-50 -131.5v-66h-104v-134h104v-310h-326q-43 0 -75.5 32t-32.5 76v646q0 43 32 74.5t76 31.5h644v0z" />
+    <glyph glyph-name="glyph246" unicode="&#xf30f;" horiz-adv-x="926" 
+d="M291 282q-32 45 -32 86l2 14h-14q-63 0 -110 30q-74 44 -74 160q0 53 23.5 98.5t57.5 68.5q75 51 151 51h230v-4q0 -22 -78 -36q-27 0 -38 -6q39 -20 53.5 -54.5t14.5 -97.5q0 -102 -68 -158q-38 -38 -38 -54q0 -17 50 -64q104 -90 104 -178q0 -140 -116 -194
+q-67 -34 -150 -34h-4l-4 2q-2 -2 -4 -2q-57 0 -129 26q-47 16 -75 58t-28 102t32 101t83 57q89 28 159 28h2zM271 236q-59 -2 -109.5 -43t-46.5 -97q4 -54 58 -82t119.5 -22t103.5 40q41 37 37 88q-4 54 -44 85t-102 31h-16zM251 728q-10 0 -20 -2q-40 -12 -58 -62
+q-15 -59 -1 -109t46 -82q33 -33 71 -33q10 0 18 2q42 12 63 66t3 112q-30 108 -122 108zM761 446h150v-94h-150v-150h-94v150h-150v94h150v150h94v-150v0z" />
+    <glyph glyph-name="glyph247" unicode="&#xf310;" horiz-adv-x="990" 
+d="M449 486q8 -30 -1 -57t-31 -33h-10q-42 0 -60 60q-6 29 2 54q12 32 40 32q43 0 60 -56zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM385 128h8q41 0 74 16q60 30 60 98
+q0 44 -52 92q-26 23 -26 32q0 12 20 26q34 34 34 80q0 58 -36 78q4 4 20 4q40 4 40 16v4h-116q-28 0 -45 -7.5t-41 -28.5q-32 -29 -32 -76q0 -44 25 -70t69 -26h6q-4 -23 16 -50h-2q-138 0 -138 -94q0 -41 28 -63q22 -18 40 -24.5t48 -6.5zM721 400h-76v76h-48v-76h-76v-48
+h76v-76h48v76h76v48zM407 294q30 0 51 -16.5t23 -43.5q2 -28 -20.5 -45t-53.5 -19q-33 -4 -59.5 10.5t-28.5 41.5q0 30 23 49.5t57 22.5h8v0z" />
+    <glyph glyph-name="glyph248" unicode="&#xf312;" horiz-adv-x="808" 
+d="M335 190q-24 -124 -58 -211q-31 -81 -96 -129q-10 120 -5 167q2 28 9 63q18 96 48 203q17 59 24 99q-24 51 -19 116q5 61 47 105t100 21q72 -28 31 -154q-27 -85 -32 -103q-15 -50 -4 -90q10 -38 63 -49q72 -15 123.5 39.5t71.5 129.5q21 81 11 163q-11 85 -54 128
+q-61 64 -151 70q-96 6 -168 -35.5t-115 -114.5q-46 -77 -32 -170q5 -23 22 -52q21 -36 22 -51.5t-18 -62.5q-146 35 -140 230q5 138 105 234q100 95 233 112q164 18 290 -57t144 -219q26 -176 -66 -317q-91 -141 -252 -129q-23 2 -42 9t-30 13.5t-31 20.5q-23 16 -31 21v0z
+" />
+    <glyph glyph-name="glyph249" unicode="&#xf313;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141t-340 141q-140 142 -140 339q0 200 140 340t340 140t340 -140zM527 238q82 -7 128 64t34 162q-11 73 -74 110q-66 38 -146 28q-65 -7 -117 -56q-52 -48 -53 -118q-4 -99 70 -116q9 23 9 31.5t-10 25.5
+q-10 16 -11 27q-13 96 78 144q92 48 158 -18q48 -48 20 -148q-28 -99 -98 -86q-41 8 -33 54q7 45 24 86q16 40 -21 60q-42 18 -65 -33q-23 -52 1 -89q-5 -24 -21 -83q-16 -63 -18 -87q-1 -12 1 -98q52 37 78 172q47 -31 66 -32v0z" />
+    <glyph glyph-name="glyph250" unicode="&#xf315;" horiz-adv-x="590" 
+d="M575 -58q-97 -52 -208 -52q-59 0 -110 16q-51 19 -82 46q-35 30 -46 64q-14 31 -14 96v322h-100v130q107 36 154 130q24 53 30 116h130v-232h216v-144h-216v-236q0 -83 8 -102q11 -25 32 -36q29 -20 68 -20q68 0 138 46v-144v0z" />
+    <glyph glyph-name="glyph251" unicode="&#xf316;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM625 144v74q-36 -24 -70 -24q-17 0 -36 10q-13 8 -14 18q-6 12 -6 52v118h110v74h-110v118h-64q-8 -44 -16.5 -62.5
+t-31.5 -37.5q-24 -19 -46 -26v-66h50v-162q0 -52 32 -80q13 -13 40 -24q34 -8 56 -8q57 0 106 26v0z" />
+    <glyph glyph-name="glyph252" unicode="&#xf318;" horiz-adv-x="930" 
+d="M219 698q0 -42 -30 -69t-74 -27q-42 0 -71 27.5t-29 68.5q0 43 28.5 69.5t73.5 26.5t72.5 -26.5t29.5 -69.5zM21 526h192v-618h-192v618zM327 328q0 98 -4 198h166l10 -86h4q60 100 190 100q108 0 165 -72t57 -194v-366h-192v342q0 134 -98 134q-69 0 -98 -72
+q-6 -12 -6 -48v-356h-194v420v0z" />
+    <glyph glyph-name="glyph253" unicode="&#xf319;" horiz-adv-x="990" 
+d="M835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM377 464h-96v-312h96v312zM329 600q-21 0 -36.5 -14t-15.5 -34q0 -48 52 -48t52 48t-52 48zM733 152v184q0 61 -29 98.5
+t-83 37.5q-66 0 -96 -50h-2l-6 42h-84q2 -38 2 -100v-212h98v180q0 19 4 24q12 38 50 38q48 0 48 -68v-174h98v0z" />
+    <glyph glyph-name="glyph254" unicode="&#xf31b;" horiz-adv-x="950" 
+d="M453 480q-48 85 -122 193q-19 29 -24 33q-80 -39 -137.5 -111t-78.5 -163q182 0 362 48zM517 352q-11 31 -32 68q-183 -56 -402 -56v-14q0 -150 100 -262q9 15 13 21q42 62 103 119q37 35 94 68.5t110 51.5q7 4 14 4zM233 42l-8 6q6 -6 8 -6zM381 732zM735 646
+q-115 98 -260 98q-49 0 -92 -12q79 -104 146 -228q139 53 204 140zM150 25q-135 135 -135 325t135 325t325 135t325 -135t135 -325t-135 -325t-325 -135t-325 135zM543 286q-216 -74 -308 -242l-2 -2q109 -84 242 -84q76 0 154 32q-24 141 -84 298zM585 388l10 -20
+q110 13 230 -6q35 -6 42 -8q0 139 -88 246l-8 -10q-18 -23 -68 -63q-64 -50 -144 -83q14 -28 26 -56zM619 306q52 -146 76 -280q139 91 168 262q-5 3 -39 11q-104 24 -205 7v0z" />
+    <glyph glyph-name="glyph255" unicode="&#xf31c;" horiz-adv-x="990" 
+d="M509 352q-44 -14 -82 -44q-55 -44 -80 -86q-48 58 -48 128v4q107 0 200 28l14 -28zM523 432q-24 44 -70 110q12 4 42 4q73 0 128 -46q-32 -42 -100 -68zM529 316q34 -89 40 -146q-35 -16 -74 -16q-69 0 -118 42q41 80 152 120zM305 394q18 92 104 134q34 -43 72 -110
+q-91 -24 -176 -24zM609 328q33 0 80 -10q-16 -82 -82 -128q-6 57 -36 136q16 2 38 2zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM662 185q69 69 69 165q0 98 -69 167
+t-167 69q-99 0 -166 -69q-68 -70 -68 -167q0 -95 68 -165q67 -69 166 -69q98 0 167 69zM541 398q73 29 108 74q42 -52 42 -116q-51 8 -90 8q-26 0 -44 -2q-2 2 -2 4q0 4 -2 4q-6 10 -12 28v0z" />
+    <glyph glyph-name="glyph256" unicode="&#xf31e;" 
+d="M239 142q19 0 35.5 16t16.5 36v314q0 92 66 157q67 65 158 65t158 -65q66 -65 66 -157v-60l-102 -34l-70 34v60q0 22 -15 37t-37 15q-20 0 -36 -15.5t-16 -36.5v-314q0 -92 -66 -158t-158 -66t-158 66t-66 158v132h172v-132q0 -20 16.5 -36t35.5 -16zM845 326h170v-132
+q0 -92 -66 -158t-158 -66t-158 66t-66 158v134l70 -32l102 32v-134q0 -20 16.5 -36t35.5 -16q22 0 38 15t16 37v132v0z" />
+    <glyph glyph-name="glyph257" unicode="&#xf31f;" horiz-adv-x="990" 
+d="M834 690q141 -140 141 -340q0 -198 -141 -339t-339 -141q-201 0 -340 141q-140 142 -140 339q0 200 140 340t340 140q197 0 339 -140zM355 164q46 0 79 33t33 79v160q0 26 28 26q26 0 26 -26v-30l34 -18l52 18v30q0 46 -33 79t-79 33t-80 -33t-34 -79v-160q0 -26 -26 -26
+t-26 26v68h-88v-68q0 -46 34 -79t80 -33zM747 276v68h-86v-68q0 -26 -26 -26q-28 0 -28 26v68l-52 -16l-34 16v-68q0 -46 33.5 -79t80.5 -33q46 0 79 33t33 79v0z" />
+    <glyph glyph-name="glyph258" unicode="&#xf321;" 
+d="M409 222l34 -100q-64 -52 -168 -52q-107 0 -183 73q-77 74 -77 199q0 129 80 209q79 79 188 79q111 0 167 -45q55 -44 91 -159l36 -116q48 -146 202 -146q120 0 120 60q0 54 -78 72l-78 18q-134 35 -134 152q0 89 58 126q59 38 146 38q184 0 198 -146l-114 -14
+q-7 70 -90 70q-82 0 -82 -62q0 -50 66 -66l74 -16q150 -36 150 -166q0 -160 -238 -160q-136 0 -204 53q-69 53 -100 149l-36 116q-4 10 -9 25.5t-7.5 22.5t-7 17t-10 18.5t-13.5 19.5q-32 43 -103 43q-64 0 -113 -46t-49 -142q0 -81 46 -130q47 -50 110 -50q60 0 128 56v0z
+" />
+    <glyph glyph-name="glyph259" unicode="&#xf322;" horiz-adv-x="990" 
+d="M834 690q141 -140 141 -340q0 -198 -141 -339t-339 -141q-201 0 -340 141q-140 142 -140 339q0 200 140 340t340 140q197 0 339 -140zM627 210q120 0 120 80q0 66 -76 84l-38 8q-32 8 -32 34q0 30 40 30q45 0 46 -34l58 6q-6 74 -100 74q-102 0 -102 -84q0 -60 66 -76
+l40 -8q40 -10 40 -36q0 -32 -62 -32q-76 0 -100 74l-20 58q-18 58 -45 81q-28 23 -85 23q-55 0 -95 -40q-41 -41 -41 -106q0 -59 37.5 -97.5t94.5 -38.5q54 0 86 26l-18 50q-28 -28 -66 -28q-34 0 -56 26.5t-22 63.5q0 43 22 69.5t60 26.5q34 0 49 -18t27 -56l18 -58
+q31 -102 154 -102v0z" />
+    <glyph glyph-name="glyph260" unicode="&#xf324;" horiz-adv-x="951" 
+d="M781 402q4 -28 4 -52q0 -159 -113 -275q-112 -115 -273 -115q-159 0 -271 115q-113 116 -113 275q0 163 112 276q113 114 272 114q54 0 90 -10v-222q-77 26 -154 -10q-70 -34 -101 -101q-31 -66 -5 -129q25 -59 95 -79q69 -19 139 15q52 26 87 80t35 122v286
+q15 -7 24 -14q174 -108 310 -114q33 -2 4 -52q-42 -76 -130 -106l-12 -4v0z" />
+    <glyph glyph-name="glyph261" unicode="&#xf325;" horiz-adv-x="990" 
+d="M834 690q141 -140 141 -340q0 -198 -141 -339t-339 -141q-201 0 -340 141q-140 142 -140 339q0 200 140 340t340 140q197 0 339 -140zM665 376q53 16 72 60q12 22 -4 22q-73 5 -156 58q-1 1 -6 4t-6 4v-146q0 -74 -62 -100q-36 -18 -70.5 -8.5t-47.5 40.5
+q-16 35 3.5 67.5t50.5 46.5q36 20 78 6v112q-23 6 -46 6q-80 0 -137 -58t-57 -140q0 -80 57 -138t137 -58t138 58t58 138q0 3 -1 13t-1 13v0z" />
+    <glyph glyph-name="glyph262" unicode="&#xf327;" horiz-adv-x="910" 
+d="M766 661q129 -129 129 -311q0 -116 -53 -210t-137 -152q-101 170 -310 176q-162 6 -272 -104q-108 124 -108 290q0 184 128 312t312 128q182 0 311 -129zM661 232q-172 106 -422 48q-26 -8 -20 -32q6 -27 32 -22q228 54 382 -40q23 -14 36 8q16 22 -8 38zM711 366
+q-102 62 -235 77q-137 15 -251 -19q-31 -10 -24 -44q12 -32 42 -22q115 32 233.5 16.5t200.5 -66.5q28 -19 46 10q18 30 -12 48zM783 462q19 34 -14 56q-117 69 -288 82q-173 14 -282 -24q-13 -4 -21.5 -18.5t-4.5 -31.5q11 -38 50 -28q93 34 249 22q154 -12 255 -72
+q34 -19 56 14zM391 34q119 -6 172 -110q-67 -14 -108 -14q-113 0 -214 56q59 72 150 68v0z" />
+    <glyph glyph-name="glyph263" unicode="&#xf328;" horiz-adv-x="990" 
+d="M834 690q141 -140 141 -340q0 -126 -58.5 -229t-149.5 -165q-108 186 -338 192q-176 6 -296 -114q-118 137 -118 316q0 200 140 340t340 140q197 0 339 -140zM719 220q-188 114 -460 54q-30 -7 -22 -36q7 -30 36 -22q245 58 416 -46q26 -14 40 10q14 26 -10 40zM775 366
+q-103 64 -245 83.5t-287 -19.5q-34 -10 -24 -46q10 -33 46 -26q111 34 244 19t228 -73q32 -20 50 12q18 34 -12 50zM853 472q20 38 -16 62q-127 74 -314 89t-306 -27q-16 -3 -26.5 -19.5t-3.5 -34.5q6 -17 21 -26.5t35 -3.5q103 36 271 23q171 -14 277 -77q38 -24 62 14z
+M427 4q131 -5 186 -118q-58 -16 -118 -16q-125 0 -234 62q66 73 166 72v0z" />
+    <glyph glyph-name="glyph264" unicode="&#xf32a;" horiz-adv-x="952" 
+d="M827 200q28 -21 37 -49.5t-11 -64.5q-109 -154 -298 -187q-187 -33 -344 77q-26 18 -38 30q153 -49 276 -7q115 38 181 100q43 41 53 52q18 20 28 35q19 29 52 33t64 -19zM215 230q16 -36 0.5 -64t-46.5 -42q-37 -17 -67 -6.5t-43 40.5q-80 173 -14 352q66 181 238 260
+q19 8 44 16q-85 -77 -123 -170q-39 -95 -32 -178q6 -76 15 -120.5t28 -87.5zM829 646q122 -147 106 -336q-6 -39 -8 -48q-18 83 -63 156t-102 116q-40 30 -97.5 57.5t-104.5 37.5q-13 3 -34 5.5t-31.5 4.5t-23.5 9t-22 19q-19 29 -15.5 65t25.5 58t58 20q190 -18 312 -164z
+M321 324q17 39 34 46v6q0 11 8 24v2q0 6 2 12q4 50 33.5 82t78.5 32q48 0 78 -32.5t32 -81.5q2 -6 2 -12v-2q8 -8 8 -24v-6q17 -7 34 -46q25 -54 6 -66q-12 -6 -30 22q-6 -28 -30 -46q26 -11 26 -26q0 -16 -19.5 -24t-42.5 -8q-52 0 -60 26h-8q-12 -26 -62 -26
+q-23 0 -42.5 8t-19.5 24q0 15 26 26q-24 19 -30 46q-18 -28 -28 -22q-22 10 4 66v0z" />
+    <glyph glyph-name="glyph265" unicode="&#xf32d;" horiz-adv-x="890" 
+d="M149 -80q-55 0 -94.5 40t-39.5 96v344h174q-4 -28 -4 -50q0 -107 76 -183q77 -77 184 -77q106 0 183 77t77 183q0 26 -6 50h176v-344q0 -56 -39.5 -96t-94.5 -40h-592zM741 780q55 0 94.5 -39t39.5 -95v-146h-218q-78 110 -212 110q-138 0 -212 -110h-218v146
+q0 56 39.5 95t94.5 39h592zM685 614q0 -9 7.5 -16.5t16.5 -7.5h72q24 0 24 24v72q0 24 -24 24h-72q-24 0 -24 -24v-72zM605 350q0 -65 -47.5 -112.5t-112.5 -47.5t-112.5 47.5t-47.5 112.5q0 67 47 113.5t113 46.5t113 -46.5t47 -113.5v0z" />
+    <glyph glyph-name="glyph266" unicode="&#xf330;" horiz-adv-x="990" 
+d="M301 806l194 -158l-284 -184l-196 164zM681 54l116 78v-46l-302 -190l-302 190v46l118 -78q6 -2 12 -2q10 0 14 4l158 132l160 -132q4 -4 14 -4q6 0 12 2zM975 628l-194 -164l-286 184l196 158zM495 286l286 178l174 -140l-282 -184zM319 140l-282 184l174 140l284 -178
+l-176 -146v0z" />
+    <glyph glyph-name="glyph267" unicode="&#xf333;" horiz-adv-x="796" 
+d="M677 700q31 0 59.5 -18t28.5 -46q0 -1 0.5 -9t2 -26.5t2.5 -37.5q14 -188 8 -315q-5 -106 -19.5 -176.5t-50.5 -120.5q-38 -51 -91 -51q-153 0 -194 26q-26 20 -18 130q1 39 37 59q34 19 69 19l34 -2l-4 -70q-16 -2 -38 -2q-19 0 -24 -26q-4 -37 40 -42l86 4q38 5 28 136
+q-4 30 -52 39q-69 10 -96 17q-45 13 -73 65q-9 17 -11 17t-8 -58t-30 -58q-45 0 -139 15q-95 15 -115 35q-33 34 -62 149q-28 113 -28 151q0 34 58 30h116q78 0 78 72q0 8 -1 55.5t-1 56.5q0 82 40 82q89 0 120 -14q16 -7 28 -24t14 -36l4 -14zM667 366q-8 28 -29.5 53
+t-48.5 25q-26 0 -44 -21.5t-22 -47.5q-5 -23 0 -29q5 -4 9.5 -5t7.5 -0.5t11 2.5t13 3q17 4 31 4q17 0 59 -16q10 -4 15 0q6 6 -2 32zM187 642q0 -22 -28 -22h-144l176 172q-4 -123 -4 -150v0z" />
+    <glyph glyph-name="glyph268" unicode="&#xf336;" horiz-adv-x="830" 
+d="M195 214l-180 -180v414q0 302 278 302h442l-312 -310q-6 -6 -10 -6q-8 0 -12 10v128q-94 0 -112 -2q-94 -16 -94 -146v-210zM635 488l180 180v-414q0 -304 -278 -304h-440l312 312q1 6 8 6q8 0 12 -10v-128q94 0 112 2q94 16 94 146v210v0z" />
+    <glyph glyph-name="glyph269" unicode="&#xf339;" horiz-adv-x="950" 
+d="M935 132q0 -108 -75 -185t-179 -77q-61 0 -120 32q-56 -8 -80 -8q-182 0 -311 132t-129 320q0 46 10 90q-36 60 -36 134q0 107 74 184q73 76 180 76q75 0 136 -40q34 8 76 8q183 0 310 -132q128 -133 128 -320q0 -49 -10 -96q26 -60 26 -118zM705 130q30 46 30 100
+q0 45 -16 80q-17 31 -50 54q-37 23 -76 36q-74 21 -96 26q-97 14 -122 50q-10 10 -10 26q0 24 28 42q26 20 76 20t74 -18q27 -24 38 -50q18 -28 26 -36q17 -12 38 -12q26 0 45 19t19 45q0 19 -14 52q-17 24 -42 48q-27 21 -74 38q-50 14 -102 14q-74 0 -128 -22
+q-52 -19 -84 -57t-32 -95q0 -53 28 -90q33 -39 76 -56q48 -22 116 -36q9 -2 80 -20q29 -10 46 -28q18 -14 18 -42q0 -38 -37 -59t-85 -21q-72 0 -100 40q-25 45 -26 46q-7 23 -24 40q-20 14 -40 14q-26 0 -45 -17.5t-19 -42.5q0 -45 30 -85t70 -63q64 -34 158 -34
+q78 0 138 24q60 28 88 70v0z" />
+    <glyph glyph-name="glyph270" unicode="&#xf33a;" horiz-adv-x="990" 
+d="M563 276q0 -21 -20 -32.5t-48 -11.5q-19 0 -36 6q-24 13 -34 42q-6 17 -14 22q-8 8 -22 8q-13 0 -26 -10q-10 -10 -10 -24q0 -21 16 -46q42 -56 128 -56q39 0 78 14q36 18 48 40q18 24 18 56q0 27 -9.5 45.5t-29.5 29.5t-37 17t-47 13.5t-45 12.5q-5 2 -11.5 4t-8.5 3
+t-5.5 3.5t-8.5 7.5q-6 6 -6 16q0 15 18 24.5t40 9.5q32 0 42 -10q12 -10 22 -28q6 -12 14 -20q11 -6 22 -6q14 0 24 10t10 24t-6 30q-5 9 -24 28q-21 15 -42 20q-24 8 -56 8q-86 0 -120 -46q-18 -22 -18 -50q0 -30 16 -52q20 -20 42 -32q49 -17 89 -25q33 -7 47 -21
+q10 -7 10 -24zM835 690q140 -140 140 -340q0 -197 -140 -339q-139 -141 -340 -141q-198 0 -339 141t-141 339q0 200 141 340q142 140 339 140q200 0 340 -140zM611 82q58 0 100 43.5t42 102.5q0 35 -16 66q6 28 6 54q0 104 -72 178t-174 74q-24 0 -42 -2q-34 22 -74 22
+q-59 0 -101.5 -43.5t-42.5 -102.5q0 -39 20 -76q-4 -15 -4 -50q0 -104 72 -178t172 -74q34 0 46 4q30 -18 68 -18v0z" />
+    <glyph glyph-name="glyph271" unicode="&#xf33c;" horiz-adv-x="950" 
+d="M399 516q-1 -149 -77 -274q-74 -123 -197 -184q-110 131 -110 296q0 170 110 298q109 127 274 156v-292zM697 -50q-103 -56 -222 -56t-220 56q178 114 220 288q42 -174 222 -288zM551 518v290q165 -29 274 -156q110 -128 110 -298q0 -168 -108 -296q-119 58 -197.5 181
+t-78.5 279v0z" />
+    <glyph glyph-name="glyph272" unicode="&#xf33f;" horiz-adv-x="1026" 
+d="M865 212q0 -103 -127 -197q-128 -95 -313 -95q-161 0 -285 78q-125 78 -125 196q0 129 146 280q91 92 186 129q88 35 130 1t14 -120q-5 -14 8 -14l16 2q72 34 134 34q61 0 84 -34.5t-2 -99.5q-6 -18 16 -24q118 -37 118 -136zM627 71q80 65 72 145q-11 80 -100 128
+q-90 48 -212 36t-202 -77q-81 -65 -70 -145q8 -80 98 -128t212 -36t202 77zM711 710q-16 0 -26 10t-10 26q0 34 36 34q123 0 212 -87q88 -87 88 -211v-2q0 -14 -11 -24t-25 -10t-24 10t-10 24q0 95 -68 163q-67 67 -162 67zM871 486q4 -15 -4.5 -27.5t-21.5 -14.5
+q-34 -4 -42 28q-8 38 -36.5 66t-65.5 36q-34 7 -26 40q7 36 42 28q57 -12 99.5 -55t54.5 -101zM343 276q48 10 88 -12.5t48 -61.5q10 -39 -19 -77q-28 -37 -79 -45q-35 -7 -67.5 3.5t-50 33t-20.5 52.5t22 61q28 35 78 46v0z" />
+    <glyph glyph-name="glyph273" unicode="&#xf342;" horiz-adv-x="889" 
+d="M786 610q88 -43 88 -162q0 -130 -110 -210q-107 -80 -306 -80h-30q-17 0 -32.5 -12.5t-19.5 -27.5l-36 -156q-12 -42 -52 -42h-106q-17 0 -27.5 12.5t-6.5 29.5l6 24h68q17 0 32.5 13.5t19.5 28.5l36 156q10 40 52 40h30q196 0 306 80q110 83 110 210q0 56 -22 96z
+M206 94q-2 -15 -18 -28.5t-32 -13.5h-108q-17 0 -26.5 12.5t-5.5 29.5l150 646q10 40 52 40h224q75 0 126 -8q58 -13 94 -34q35 -23 58 -62q20 -38 20 -96q0 -130 -110 -210q-107 -80 -304 -80h-32q-16 0 -32 -12.5t-18 -27.5zM294 468q-4 -16 6.5 -28t25.5 -12h28
+q86 0 134 36q48 34 48 98q0 47 -32 65.5t-92 18.5h-34q-42 0 -52 -40l-32 -138v0z" />
+    <glyph glyph-name="glyph274" unicode="&#xf345;" horiz-adv-x="950" 
+d="M423 616l-396 -362q-12 48 -12 96q0 138 70.5 246t179.5 164q14 -16 158 -144zM665 492l-328 296q63 22 138 22q100 0 190 -40v-278zM735 730q88 -60 144 -159t56 -221q0 -79 -26 -152h-174v532zM115 240l102 92v-362q-115 80 -168 210q12 12 66 60zM287 -70v198h590
+q-53 -96 -147.5 -161t-212.5 -77h-84q-86 11 -146 40v0z" />
+    <glyph glyph-name="glyph275" unicode="&#xf348;" 
+d="M49 178q0 -4 -10 -4q-6 0 -10 4l-14 70l14 72q4 4 10 4q10 0 10 -4l16 -72zM151 140q0 -8 -12 -8t-12 8l-12 108l12 166q0 8 12 8t12 -8l14 -166zM253 142q0 -10 -14 -10t-14 8l-10 108l10 222q0 10 14 10t14 -10l12 -222zM355 142q0 -10 -16 -10t-16 10l-8 106l8 224
+q0 10 16 10t16 -10l10 -224zM457 144q0 -12 -18 -12q-17 0 -18 12l-6 104l6 256q5 14 18 14q18 0 18 -14l8 -256zM529 132q-14 0 -14 14v396q0 10 12 14q37 14 84 14q88 0 153 -58.5t73 -141.5q23 10 50 10q51 0 89.5 -37t38.5 -87q0 -52 -38 -89t-90 -37l-358 2v0z" />
+    <glyph glyph-name="glyph276" unicode="&#xf34b;" horiz-adv-x="1028" 
+d="M173 89q-136 101 -155 255q-23 170 108 308q131 139 336 164q207 26 366 -77q130 -84 170 -214.5t-23 -302.5q-49 -126 -165 -225t-270 -117v108h-48q-183 0 -319 101zM798 208v276q0 35 -10 52q-8 19 -30 38q-18 13 -44 20q-28 6 -56 6q-70 0 -116 -46q-9 15 -36 32
+q-31 14 -70 14q-66 0 -110 -38v30h-88v-384h92v236q0 19 14.5 39.5t31.5 26.5q19 10 40 10q25 0 46 -16q12 -26 12 -48v-248h90v236q0 36 22 54q22 22 62 22q20 0 32 -6q10 -1 16 -12q8 -8 8 -18q4 -17 4 -28v-248h90v0z" />
+    <glyph glyph-name="glyph277" unicode="&#xf34e;" 
+d="M337 680q81 0 128.5 -45.5t47.5 -126.5q0 -42 -20 -76.5t-50 -41.5l-24 -4q57 0 85 -40q30 -42 31 -80v-40q0 -52 -19 -93.5t-51 -60.5q-53 -32 -108 -38h-342v646h322zM327 422q31 0 42.5 18t11.5 58q0 24 -9 43.5t-25 22.5l-10 2h-180v-144h170zM403 234q0 40 -16 62
+q-17 23 -32 24l-18 2h-180v-172h172q74 0 74 84zM797 516q65 0 114.5 -27.5t70.5 -71.5q38 -82 33 -151l-2 -30h-320q0 -54 27 -82t55 -28l26 -2q45 0 71 17t27 33l2 18h108q0 -82 -53 -124q-53 -43 -105 -44l-54 -2q-66 0 -118 23.5t-76 63.5q-44 72 -44 133v26q0 37 15 87
+t39 79.5t69 54.5q50 27 115 27zM895 322q0 32 -20 65q-9 15 -30 25t-44 10q-42 0 -70 -25t-34 -51l-6 -24h204zM921 642v-78h-256v78h256v0z" />
+    <glyph glyph-name="glyph278" unicode="&#xf351;" horiz-adv-x="950" 
+d="M829 704q106 -106 106 -256q0 -142 -96 -247q-95 -104 -236 -115q-33 -82 -109.5 -139t-174.5 -57q-127 0 -215 90q-89 91 -89 214q0 99 56 175t138 109q12 140 116 236q103 96 246 96q152 0 258 -106zM117 194q0 -83 59.5 -142.5t142.5 -59.5q119 0 174 100
+q-103 22 -178.5 97t-97.5 179q-100 -55 -100 -174zM323 396q16 -75 70 -128.5t128 -69.5q-2 80 -60.5 138t-137.5 60zM623 198q85 17 143.5 86.5t58.5 163.5q0 106 -75 180q-76 74 -179 74q-91 0 -161 -58q-71 -59 -87 -146q123 -1 211 -89t89 -211zM119 596q-42 0 -73 30
+t-31 72q0 43 30.5 73.5t73.5 30.5t73.5 -30t30.5 -74q0 -43 -30.5 -72.5t-73.5 -29.5zM119 756q-24 0 -40 -17t-16 -41q0 -23 16.5 -39.5t39.5 -16.5t40.5 17t17.5 39q0 24 -17 41t-41 17v0z" />
+    <glyph glyph-name="glyph279" unicode="&#xf354;" horiz-adv-x="990" 
+d="M547 302q-18 8 -54 8h-58v-116h52q49 0 62 10q24 14 24 50q0 31 -26 48zM525 402q20 17 20 44q0 28 -24 42q-11 6 -60 6h-26v-102h34q43 0 56 10zM807 830q70 0 119 -49t49 -119v-622q0 -70 -49 -120t-119 -50h-624q-70 0 -119 50t-49 120v622q0 70 49 119t119 49h624z
+M521 106q85 0 125 42q41 43 41 102q0 96 -96 116v2q68 23 68 102q0 48 -34.5 78t-85.5 30h-214v-472h196v0z" />
+    <glyph glyph-name="glyph280" unicode="&#xf357;" horiz-adv-x="970" 
+d="M593 144q8 -60 -56 -84q-21 -10 -50 -10q-55 0 -110 20q-52 19 -78 40l-26 18l-74 -170q69 -34 136 -56l-80 -20q-30 -6 -53.5 10t-30.5 42l-154 646q-7 30 9.5 54.5t42.5 29.5l186 44q-66 -72 -60 -182q6 -78 72 -141t166 -99q150 -58 160 -142zM953 122q8 -30 -9 -54
+t-43 -30l-136 -34q43 59 44 136q4 88 -54 164t-186 118q-152 53 -158 126q-6 52 56 72q22 10 54 8q47 -2 93.5 -14.5t68.5 -31.5l16 -14l58 160q-79 42 -176 60l134 32q30 6 53.5 -10t30.5 -42l154 -646v0z" />
+    <glyph glyph-name="glyph281" unicode="&#xf601;" horiz-adv-x="930" 
+d="M865 650q19 0 34.5 -15t15.5 -35v-200h-500v250h450zM15 300h300v-250h-260q-40 0 -40 50v200zM915 100q0 -22 -14 -36t-36 -14h-450v250h500v-200zM15 600q0 50 40 50h260v-250h-300v200v0z" />
+    <glyph glyph-name="glyph282" unicode="&#xf600;" horiz-adv-x="930" 
+d="M465 800q276 0 363 -88t87 -362q0 -276 -87 -363t-363 -87q-273 0 -362 87q-88 87 -88 363q0 274 88 362t362 88v0z" />
+    <glyph glyph-name="glyph283" unicode="&#xf603;" horiz-adv-x="756" 
+d="M557 60q-41 -68 -111.5 -87t-154.5 25l-64 36l-108 -184l-56 32l206 358q-67 -10 -134 28l-120 70l186 324l122 -70q67 -41 92 -100l206 358l58 -34l-108 -186l64 -36q75 -43 98 -119q22 -75 -20 -143q-47 -87 -152 -92q48 -90 -4 -180zM541 580l-124 -216l-2 -6l62 -36
+q57 -30 103 -16.5t73 60.5q29 57 13.5 102.5t-61.5 73.5zM165 320q57 -30 103 -16.5t73 60.5q29 56 13.5 103t-61.5 73l-64 38l-128 -222zM321 50q57 -30 103 -16.5t73 60.5q22 37 18.5 71t-21.5 60.5t-47 44.5l-62 36l-4 -4l-124 -216l64 -36v0z" />
+  </font>
+</defs></svg>

hot/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='UTF-8'>
+<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
+<link rel="stylesheet" type="text/css" href="css/reset.css">
+<link rel="stylesheet" type="text/css" href="css/yuhaiTupian.css">
+<link rel="stylesheet" type="text/css" href="css/style.css">
+<link rel="stylesheet" type="text/css" href="icons/entypo.css">
+<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+<link rel="stylesheet" type="text/css" href="css/video.css">
+</head>
+<body>
+    <div class="wrapper">
+        <div class="contioner">
+        </div>
+        <div class="footer"></div>
+    </div>
+<script src="js/jquery-2.1.1.min.js"></script>
+<script src='js/hammer.min.js'></script>
+<script src='js/slider.js'></script>
+<script type="text/javascript" src="js/pinchzoom.js"></script>
+<script type="text/javascript" src="js/main.js"></script>
+</body>
+</html>

hot/js/baguetteBox.js

@@ -0,0 +1,713 @@
+/*!
+ * baguetteBox.js
+ * @author  feimosi
+ * @version %%INJECT_VERSION%%
+ * @url https://github.com/feimosi/baguetteBox.js
+ */
+
+/* global define, module */
+
+(function (root, factory) {
+    'use strict';
+    if (typeof define === 'function' && define.amd) {
+        define(factory);
+    } else if (typeof exports === 'object') {
+        module.exports = factory();
+    } else {
+        root.baguetteBox = factory();
+    }
+}(this, function () {
+    'use strict';
+
+    // SVG shapes used on the buttons
+    var leftArrow = '<svg width="44" height="60">' +
+            '<polyline points="30 10 10 30 30 50" stroke="rgba(255,255,255,0.5)" stroke-width="4"' +
+              'stroke-linecap="butt" fill="none" stroke-linejoin="round"/>' +
+            '</svg>',
+        rightArrow = '<svg width="44" height="60">' +
+            '<polyline points="14 10 34 30 14 50" stroke="rgba(255,255,255,0.5)" stroke-width="4"' +
+              'stroke-linecap="butt" fill="none" stroke-linejoin="round"/>' +
+            '</svg>',
+        closeX = '<svg width="30" height="30">' +
+            '<g stroke="rgb(160,160,160)" stroke-width="4">' +
+            '<line x1="5" y1="5" x2="25" y2="25"/>' +
+            '<line x1="5" y1="25" x2="25" y2="5"/>' +
+            '</g></svg>';
+    // Global options and their defaults
+    var options = {},
+        defaults = {
+            captions: true,
+            fullScreen: false,
+            noScrollbars: false,
+            titleTag: false,
+            buttons: 'auto',
+            async: false,
+            preload: 2,
+            animation: 'slideIn',
+            afterShow: null,
+            afterHide: null,
+            // callback when image changes with `currentIndex` and `imagesElements.length` as parameters
+            onChange: null,
+            overlayBackgroundColor: 'rgba(0,0,0,.8)'
+        };
+    // Object containing information about features compatibility
+    var supports = {};
+    // DOM Elements references
+    var overlay, slider, previousButton, nextButton, closeButton;
+    // An array with all images in the current gallery
+    var currentGallery = [];
+    // Current image index inside the slider
+    var currentIndex = 0;
+    // Touch event start position (for slide gesture)
+    var touch = {};
+    // If set to true ignore touch events because animation was already fired
+    var touchFlag = false;
+    // Regex pattern to match image files
+    var regex = /.+\.(gif|jpe?g|png|webp)/i;
+    // Object of all used galleries
+    var data = {};
+    // Array containing temporary images DOM elements
+    var imagesElements = [];
+    // The last focused element before opening the overlay
+    var documentLastFocus = null;
+    var overlayClickHandler = function(event) {
+        // Close the overlay when user clicks directly on the background
+        if (event.target.id.indexOf('baguette-img') !== -1) {
+            hideOverlay();
+        }
+    };
+    var previousButtonClickHandler = function(event) {
+        event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true; // jshint ignore:line
+        showPreviousImage();
+    };
+    var nextButtonClickHandler = function(event) {
+        event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true; // jshint ignore:line
+        showNextImage();
+    };
+    var closeButtonClickHandler = function(event) {
+        event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true; // jshint ignore:line
+        hideOverlay();
+    };
+    var touchstartHandler = function(event) {
+        touch.count++;
+        if (touch.count > 1) {
+            touch.multitouch = true;
+        }
+        // Save x and y axis position
+        touch.startX = event.changedTouches[0].pageX;
+        touch.startY = event.changedTouches[0].pageY;
+    };
+    var touchmoveHandler = function(event) {
+        // If action was already triggered or multitouch return
+        if (touchFlag || touch.multitouch) {
+            return;
+        }
+        event.preventDefault ? event.preventDefault() : event.returnValue = false; // jshint ignore:line
+        var touchEvent = event.touches[0] || event.changedTouches[0];
+        // Move at least 40 pixels to trigger the action
+        if (touchEvent.pageX - touch.startX > 40) {
+            touchFlag = true;
+            showPreviousImage();
+        } else if (touchEvent.pageX - touch.startX < -40) {
+            touchFlag = true;
+            showNextImage();
+        // Move 100 pixels up to close the overlay
+        } else if (touch.startY - touchEvent.pageY > 100) {
+            hideOverlay();
+        }
+    };
+    var touchendHandler = function() {
+        touch.count--;
+        if (touch.count <= 0) {
+            touch.multitouch = false;
+        }
+        touchFlag = false;
+    };
+
+    var trapFocusInsideOverlay = function(event) {
+        if (overlay.style.display === 'block' && (overlay.contains && !overlay.contains(event.target))) {
+            event.stopPropagation();
+            initFocus();
+        }
+    };
+
+    // forEach polyfill for IE8
+    // http://stackoverflow.com/a/14827443/1077846
+    /* jshint ignore:start */
+    if (![].forEach) {
+        Array.prototype.forEach = function(callback, thisArg) {
+            for (var i = 0; i < this.length; i++) {
+                callback.call(thisArg, this[i], i, this);
+            }
+        };
+    }
+
+    // filter polyfill for IE8
+    // https://gist.github.com/eliperelman/1031656
+    if (![].filter) {
+        Array.prototype.filter = function(a, b, c, d, e) {
+            c = this;
+            d = [];
+            for (e = 0; e < c.length; e++)
+                a.call(b, c[e], e, c) && d.push(c[e]);
+            return d;
+        };
+    }
+    /* jshint ignore:end */
+
+    // Script entry point
+    function run(selector, userOptions) {
+        // Fill supports object
+        supports.transforms = testTransformsSupport();
+        supports.svg = testSVGSupport();
+
+        buildOverlay();
+        removeFromCache(selector);
+        bindImageClickListeners(selector, userOptions);
+    }
+
+    function bindImageClickListeners(selector, userOptions) {
+        // For each gallery bind a click event to every image inside it
+        var galleryNodeList = document.querySelectorAll(selector);
+        var selectorData = {
+            galleries: [],
+            nodeList: galleryNodeList
+        };
+        data[selector] = selectorData;
+
+        [].forEach.call(galleryNodeList, function(galleryElement) {
+            if (userOptions && userOptions.filter) {
+                regex = userOptions.filter;
+            }
+
+            // Get nodes from gallery elements or single-element galleries
+            var tagsNodeList = [];
+            if (galleryElement.tagName === 'A') {
+                tagsNodeList = [galleryElement];
+            } else {
+                tagsNodeList = galleryElement.getElementsByTagName('a');
+            }
+
+            // Filter 'a' elements from those not linking to images
+            tagsNodeList = [].filter.call(tagsNodeList, function(element) {
+                return regex.test(element.href);
+            });
+            if (tagsNodeList.length === 0) {
+                return;
+            }
+
+            var gallery = [];
+            [].forEach.call(tagsNodeList, function(imageElement, imageIndex) {
+                var imageElementClickHandler = function(event) {
+                    event.preventDefault ? event.preventDefault() : event.returnValue = false; // jshint ignore:line
+                    prepareOverlay(gallery, userOptions);
+                    showOverlay(imageIndex);
+                };
+                var imageItem = {
+                    eventHandler: imageElementClickHandler,
+                    imageElement: imageElement
+                };
+                bind(imageElement, 'click', imageElementClickHandler);
+                gallery.push(imageItem);
+            });
+            selectorData.galleries.push(gallery);
+        });
+    }
+
+    function clearCachedData() {
+        for (var selector in data) {
+            if (data.hasOwnProperty(selector)) {
+                removeFromCache(selector);
+            }
+        }
+    }
+
+    function removeFromCache(selector) {
+        if (!data.hasOwnProperty(selector)) {
+            return;
+        }
+        var galleries = data[selector].galleries;
+        [].forEach.call(galleries, function(gallery) {
+            [].forEach.call(gallery, function(imageItem) {
+                unbind(imageItem.imageElement, 'click', imageItem.eventHandler);
+            });
+
+            if (currentGallery === gallery) {
+                currentGallery = [];
+            }
+        });
+
+        delete data[selector];
+    }
+
+    function buildOverlay() {
+        overlay = getByID('baguetteBox-overlay');
+        // Check if the overlay already exists
+        if (overlay) {
+            slider = getByID('baguetteBox-slider');
+            previousButton = getByID('previous-button');
+            nextButton = getByID('next-button');
+            closeButton = getByID('close-button');
+            return;
+        }
+        // Create overlay element
+        overlay = create('div');
+        overlay.setAttribute('role', 'dialog');
+        overlay.id = 'baguetteBox-overlay';
+        document.getElementsByTagName('body')[0].appendChild(overlay);
+        // Create gallery slider element
+        slider = create('div');
+        slider.id = 'baguetteBox-slider';
+        overlay.appendChild(slider);
+        // Create all necessary buttons
+        previousButton = create('button');
+        previousButton.setAttribute('type', 'button');
+        previousButton.id = 'previous-button';
+        previousButton.setAttribute('aria-label', 'Previous');
+        previousButton.innerHTML = supports.svg ? leftArrow : '&lt;';
+        overlay.appendChild(previousButton);
+
+        nextButton = create('button');
+        nextButton.setAttribute('type', 'button');
+        nextButton.id = 'next-button';
+        nextButton.setAttribute('aria-label', 'Next');
+        nextButton.innerHTML = supports.svg ? rightArrow : '&gt;';
+        overlay.appendChild(nextButton);
+
+        closeButton = create('button');
+        closeButton.setAttribute('type', 'button');
+        closeButton.id = 'close-button';
+        closeButton.setAttribute('aria-label', 'Close');
+        closeButton.innerHTML = supports.svg ? closeX : '&times;';
+        overlay.appendChild(closeButton);
+
+        previousButton.className = nextButton.className = closeButton.className = 'baguetteBox-button';
+
+        bindEvents();
+    }
+
+    function keyDownHandler(event) {
+        switch (event.keyCode) {
+        case 37: // Left arrow
+            showPreviousImage();
+            break;
+        case 39: // Right arrow
+            showNextImage();
+            break;
+        case 27: // Esc
+            hideOverlay();
+            break;
+        }
+    }
+
+    function bindEvents() {
+        bind(overlay, 'click', overlayClickHandler);
+        bind(previousButton, 'click', previousButtonClickHandler);
+        bind(nextButton, 'click', nextButtonClickHandler);
+        bind(closeButton, 'click', closeButtonClickHandler);
+        bind(overlay, 'touchstart', touchstartHandler);
+        bind(overlay, 'touchmove', touchmoveHandler);
+        bind(overlay, 'touchend', touchendHandler);
+        bind(document, 'focus', trapFocusInsideOverlay, true);
+    }
+
+    function unbindEvents() {
+        unbind(overlay, 'click', overlayClickHandler);
+        unbind(previousButton, 'click', previousButtonClickHandler);
+        unbind(nextButton, 'click', nextButtonClickHandler);
+        unbind(closeButton, 'click', closeButtonClickHandler);
+        unbind(overlay, 'touchstart', touchstartHandler);
+        unbind(overlay, 'touchmove', touchmoveHandler);
+        unbind(overlay, 'touchend', touchendHandler);
+        unbind(document, 'focus', trapFocusInsideOverlay, true);
+    }
+
+    function prepareOverlay(gallery, userOptions) {
+        // If the same gallery is being opened prevent from loading it once again
+        if (currentGallery === gallery) {
+            return;
+        }
+        currentGallery = gallery;
+        // Update gallery specific options
+        setOptions(userOptions);
+        // Empty slider of previous contents (more effective than .innerHTML = "")
+        while (slider.firstChild) {
+            slider.removeChild(slider.firstChild);
+        }
+        imagesElements.length = 0;
+
+        var imagesFiguresIds = [];
+        var imagesCaptionsIds = [];
+        // Prepare and append images containers and populate figure and captions IDs arrays
+        for (var i = 0, fullImage; i < gallery.length; i++) {
+            fullImage = create('div');
+            fullImage.className = 'full-image';
+            fullImage.id = 'baguette-img-' + i;
+            imagesElements.push(fullImage);
+
+            imagesFiguresIds.push('baguetteBox-figure-' + i);
+            imagesCaptionsIds.push('baguetteBox-figcaption-' + i);
+            slider.appendChild(imagesElements[i]);
+        }
+        overlay.setAttribute('aria-labelledby', imagesFiguresIds.join(' '));
+        overlay.setAttribute('aria-describedby', imagesCaptionsIds.join(' '));
+    }
+
+    function setOptions(newOptions) {
+        if (!newOptions) {
+            newOptions = {};
+        }
+        // Fill options object
+        for (var item in defaults) {
+            options[item] = defaults[item];
+            if (typeof newOptions[item] !== 'undefined') {
+                options[item] = newOptions[item];
+            }
+        }
+        /* Apply new options */
+        // Change transition for proper animation
+        slider.style.transition = slider.style.webkitTransition = (options.animation === 'fadeIn' ? 'opacity .4s ease' :
+            options.animation === 'slideIn' ? '' : 'none');
+        // Hide buttons if necessary
+        if (options.buttons === 'auto' && ('ontouchstart' in window || currentGallery.length === 1)) {
+            options.buttons = false;
+        }
+        // Set buttons style to hide or display them
+        previousButton.style.display = nextButton.style.display = (options.buttons ? '' : 'none');
+        // Set overlay color
+        try {
+            overlay.style.backgroundColor = options.overlayBackgroundColor;
+        } catch (e) {
+            // Silence the error and continue
+        }
+    }
+
+    function showOverlay(chosenImageIndex) {
+        if (options.noScrollbars) {
+            document.documentElement.style.overflowY = 'hidden';
+            document.body.style.overflowY = 'scroll';
+        }
+        if (overlay.style.display === 'block') {
+            return;
+        }
+
+        bind(document, 'keydown', keyDownHandler);
+        currentIndex = chosenImageIndex;
+        touch = {
+            count: 0,
+            startX: null,
+            startY: null
+        };
+        loadImage(currentIndex, function() {
+            preloadNext(currentIndex);
+            preloadPrev(currentIndex);
+        });
+
+        updateOffset();
+        overlay.style.display = 'block';
+        if (options.fullScreen) {
+            enterFullScreen();
+        }
+        // Fade in overlay
+        setTimeout(function() {
+            overlay.className = 'visible';
+            if (options.afterShow) {
+                options.afterShow();
+            }
+        }, 50);
+        if (options.onChange) {
+            options.onChange(currentIndex, imagesElements.length);
+        }
+        documentLastFocus = document.activeElement;
+        initFocus();
+    }
+
+    function initFocus() {
+        if (options.buttons) {
+            previousButton.focus();
+        } else {
+            closeButton.focus();
+        }
+    }
+
+    function enterFullScreen() {
+        if (overlay.requestFullscreen) {
+            overlay.requestFullscreen();
+        } else if (overlay.webkitRequestFullscreen) {
+            overlay.webkitRequestFullscreen();
+        } else if (overlay.mozRequestFullScreen) {
+            overlay.mozRequestFullScreen();
+        }
+    }
+
+    function exitFullscreen() {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        } else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+        }
+    }
+
+    function hideOverlay() {
+        if (options.noScrollbars) {
+            document.documentElement.style.overflowY = 'auto';
+            document.body.style.overflowY = 'auto';
+        }
+        if (overlay.style.display === 'none') {
+            return;
+        }
+
+        unbind(document, 'keydown', keyDownHandler);
+        // Fade out and hide the overlay
+        overlay.className = '';
+        setTimeout(function() {
+            overlay.style.display = 'none';
+            exitFullscreen();
+            if (options.afterHide) {
+                options.afterHide();
+            }
+        }, 500);
+        documentLastFocus.focus();
+    }
+
+    function loadImage(index, callback) {
+        var imageContainer = imagesElements[index];
+        var galleryItem = currentGallery[index];
+
+        // Return if the index exceeds prepared images in the overlay
+        // or if the current gallery has been changed / closed
+        if (imageContainer === undefined || galleryItem === undefined) {
+            return;
+        }
+
+        // If image is already loaded run callback and return
+        if (imageContainer.getElementsByTagName('img')[0]) {
+            if (callback) {
+                callback();
+            }
+            return;
+        }
+
+        // Get element reference, optional caption and source path
+        var imageElement = galleryItem.imageElement;
+        var thumbnailElement = imageElement.getElementsByTagName('img')[0];
+        var imageCaption = typeof options.captions === 'function' ?
+                            options.captions.call(currentGallery, imageElement) :
+                            imageElement.getAttribute('data-caption') || imageElement.title;
+        var imageSrc = getImageSrc(imageElement);
+
+        // Prepare figure element
+        var figure = create('figure');
+        figure.id = 'baguetteBox-figure-' + index;
+        figure.innerHTML = '<div class="baguetteBox-spinner">' +
+            '<div class="baguetteBox-double-bounce1"></div>' +
+            '<div class="baguetteBox-double-bounce2"></div>' +
+            '</div>';
+        // Insert caption if available
+        if (options.captions && imageCaption) {
+            var figcaption = create('figcaption');
+            figcaption.id = 'baguetteBox-figcaption-' + index;
+            figcaption.innerHTML = imageCaption;
+            figure.appendChild(figcaption);
+        }
+        imageContainer.appendChild(figure);
+
+        // Prepare gallery img element
+        var image = create('img');
+        image.onload = function() {
+            // Remove loader element
+            var spinner = document.querySelector('#baguette-img-' + index + ' .baguetteBox-spinner');
+            figure.removeChild(spinner);
+            if (!options.async && callback) {
+                callback();
+            }
+        };
+        image.setAttribute('src', imageSrc);
+        image.alt = thumbnailElement ? thumbnailElement.alt || '' : '';
+        if (options.titleTag && imageCaption) {
+            image.title = imageCaption;
+        }
+        figure.appendChild(image);
+
+
+        new RTP.PinchZoom(image, {});  //缩放插件
+        
+        // Run callback
+        if (options.async && callback) {
+            callback();
+        }
+    }
+
+    // Get image source location, mostly used for responsive images
+    function getImageSrc(image) {
+        // Set default image path from href
+        var result = image.href;
+        // If dataset is supported find the most suitable image
+        if (image.dataset) {
+            var srcs = [];
+            // Get all possible image versions depending on the resolution
+            for (var item in image.dataset) {
+                if (item.substring(0, 3) === 'at-' && !isNaN(item.substring(3))) {
+                    srcs[item.replace('at-', '')] = image.dataset[item];
+                }
+            }
+            // Sort resolutions ascending
+            var keys = Object.keys(srcs).sort(function(a, b) {
+                return parseInt(a, 10) < parseInt(b, 10) ? -1 : 1;
+            });
+            // Get real screen resolution
+            var width = window.innerWidth * window.devicePixelRatio;
+            // Find the first image bigger than or equal to the current width
+            var i = 0;
+            while (i < keys.length - 1 && keys[i] < width) {
+                i++;
+            }
+            result = srcs[keys[i]] || result;
+        }
+        return result;
+    }
+
+    // Return false at the right end of the gallery
+    function showNextImage() {
+        var returnValue;
+        // Check if next image exists
+        if (currentIndex <= imagesElements.length - 2) {
+            currentIndex++;
+            updateOffset();
+            preloadNext(currentIndex);
+            returnValue = true;
+        } else if (options.animation) {
+            slider.className = 'bounce-from-right';
+            setTimeout(function() {
+                slider.className = '';
+            }, 400);
+            returnValue = false;
+        }
+        if (options.onChange) {
+            options.onChange(currentIndex, imagesElements.length);
+        }
+        return returnValue;
+    }
+
+    // Return false at the left end of the gallery
+    function showPreviousImage() {
+        var returnValue;
+        // Check if previous image exists
+        if (currentIndex >= 1) {
+            currentIndex--;
+            updateOffset();
+            preloadPrev(currentIndex);
+            returnValue = true;
+        } else if (options.animation) {
+            slider.className = 'bounce-from-left';
+            setTimeout(function() {
+                slider.className = '';
+            }, 400);
+            returnValue = false;
+        }
+        if (options.onChange) {
+            options.onChange(currentIndex, imagesElements.length);
+        }
+        return returnValue;
+    }
+
+    function updateOffset() {
+        var offset = -currentIndex * 100 + '%';
+        if (options.animation === 'fadeIn') {
+            slider.style.opacity = 0;
+            setTimeout(function() {
+                /* jshint -W030 */
+                supports.transforms ?
+                    slider.style.transform = slider.style.webkitTransform = 'translate3d(' + offset + ',0,0)'
+                    : slider.style.left = offset;
+                slider.style.opacity = 1;
+            }, 400);
+        } else {
+            /* jshint -W030 */
+            supports.transforms ?
+                slider.style.transform = slider.style.webkitTransform = 'translate3d(' + offset + ',0,0)'
+                : slider.style.left = offset;
+        }
+    }
+
+    // CSS 3D Transforms test
+    function testTransformsSupport() {
+        var div = create('div');
+        return typeof div.style.perspective !== 'undefined' || typeof div.style.webkitPerspective !== 'undefined';
+    }
+
+    // Inline SVG test
+    function testSVGSupport() {
+        var div = create('div');
+        div.innerHTML = '<svg/>';
+        return (div.firstChild && div.firstChild.namespaceURI) === 'http://www.w3.org/2000/svg';
+    }
+
+    function preloadNext(index) {
+        if (index - currentIndex >= options.preload) {
+            return;
+        }
+        loadImage(index + 1, function() {
+            preloadNext(index + 1);
+        });
+    }
+
+    function preloadPrev(index) {
+        if (currentIndex - index >= options.preload) {
+            return;
+        }
+        loadImage(index - 1, function() {
+            preloadPrev(index - 1);
+        });
+    }
+
+    function bind(element, event, callback, useCapture) {
+        if (element.addEventListener) {
+            element.addEventListener(event, callback, useCapture);
+        } else {
+            // IE8 fallback
+            element.attachEvent('on' + event, function(event) {
+                // `event` and `event.target` are not provided in IE8
+                event = event || window.event;
+                event.target = event.target || event.srcElement;
+                callback(event);
+            });
+        }
+    }
+
+    function unbind(element, event, callback, useCapture) {
+        if (element.removeEventListener) {
+            element.removeEventListener(event, callback, useCapture);
+        } else {
+            // IE8 fallback
+            element.detachEvent('on' + event, callback);
+        }
+    }
+
+    function getByID(id) {
+        return document.getElementById(id);
+    }
+
+    function create(element) {
+        return document.createElement(element);
+    }
+
+    function destroyPlugin() {
+        unbindEvents();
+        clearCachedData();
+        unbind(document, 'keydown', keyDownHandler);
+        document.getElementsByTagName('body')[0].removeChild(document.getElementById('baguetteBox-overlay'));
+        data = {};
+        currentGallery = [];
+        currentIndex = 0;
+    }
+
+    return {
+        run: run,
+        destroy: destroyPlugin,
+        showNext: showNextImage,
+        showPrevious: showPreviousImage
+    };
+}));

hot/js/data2.js

@@ -0,0 +1,683 @@
+{
+	"sprite_0": {
+		"video": [{
+			"url": "video/1.mp4",
+			"img": "images/1-img.jpg"
+		}],
+		"text": {
+			"EH": {
+        "title":"Company Profile",
+        "content":[
+          "Since 4DAGE is founded in 2014, it has been dedicated to the studies and application of artificial intelligence in the field of 3D reconstruction and digitization algorithm. With the vision of “digital everything”, it is bringing digital technologies to the everyday life of common people.",
+          "In June 2017, 4DAGE and German Research Center of Artificial Intelligence (DFKI) initiated the China-Germany Artificial Intelligence Institute, the signing ceremony of which was witness by the Chinese Premier and German Chancellor.",
+          "Backed with technological competence, 4DAGE provides solutions and products for domestic and international projects associated with industrial intelligence, smart city, real estate, new retail, etc.",
+          "In 2018, 4DAGE released “4DKanKan”, the first consumer 3D Camera in the world. Other products developed by 4DAGE include 4DModel, 4DArt, 4DAR and 4DMuseum."
+				]
+      },
+			"CH": {
+        "title":"中德人工智能研究院",
+        "content":[
+          "中德人工智能研究院（CGAII）由四维时代与德国人工智能研究中心联合成立，汇聚德国人工智能领域顶级专家及中国产业界技术精英，主要研究高精度高自动化三维数字化技术、智能图像三维数字化识别方向、智能机器人及自动驾驶技术、人体自动识别及跟踪技术等四个方向。 "
+        ]
+      }
+		}
+
+	},
+	"sprite_1": {
+		"images": [
+			"images/2-1.jpg",
+			"images/2-2.jpg",
+			"images/2-3.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"the Chinese Premier and German Chancellor witnessed the foundation of China-Germany Artificial Intelligence Institute",
+        "content":[
+          "In June 2017, 4DAGE and German Research Center for Artificial Intelligence (DFKI) initiated the China-Germany Artificial Intelligence Institute, the signing ceremony of which was witnessed by the Chinese Premier and German Chancellor.",
+          "It is one of the key scientific innovation programs between China and Germany, and is vigorously facilitated by the two countries in scientific collaboration."
+        ]
+      },
+			"CH": {
+        "title":"两国总理见证成立中德人工智能研究院",
+        "content":[
+          "2017年6月1日，中德双方在德国柏林总理府，共同签署了《中德人工智能研究院建设合作协议》，在中德两国总理见证下正式签约，作为中德政府间科技创新的重点国际科技合作项目，纳入中德政府积极推动的科技合作专题。"
+        ]
+      }
+		}
+
+	},
+	"sprite_2": {
+		"text": {
+			"EH": {
+        "title":"Welcome to the age of intelligent digitization",
+        "content":[
+        ]
+      },
+			"CH": {
+        "title":"欢迎来到人工智能数字化的时代",
+        "content":[
+          "数字化以人为本，借数字之力，记录重构并表达着千差万别的现实世界，人类正在进入数字文明。",
+          "数字工业是传统工业走向未来工业的桥梁，是工业文明的基础，承担着启蒙工业文明的责任，它对人类文明具有划时代的意义。数字文博旨在以数字形式承接历史与未来，立志打破地域与时间的文化壁垒，终结人类交流隔阂。数字生活让古老穿透未来，从生活角落到精神家园，数字技术走进千家万户，让人活得更便利。",
+		  "数字是解开世界万物的钥匙，我们正以数字重构万物。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/3.mp4",
+				"img": "images/3-img.jpg"
+			}
+		]
+
+	},
+	"sprite_3": {
+		"images": [
+			"images/4-1.jpg",
+			"images/4-2.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Intelligent tabletop touch screen",
+        "content":[
+          "Interact with the project screen by moving the smart turnbutton on the tabletop.",
+          "The device optimizes the operation and viewing process, suggesting an efficient way to display and obtain information.Applied to museums, commercial display and real estates."
+        ]
+      },
+			"CH": {
+        "title":"智慧互动桌面",
+        "content":[
+          "通过滑动桌面的智能旋钮，与大屏幕进行交互。优化操作和观赏体验，创造人性化的信息展示和获取方式。应用于文博、商业展示、房地产等。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "https://super.4dage.com/data/388/hot/video/4-c",
+				"img": "images/4-img.jpg"
+			}
+		]
+
+	},
+	"sprite_4": {
+		"text": {
+			"EH": {
+        "title":"Digital Figure",
+        "content":[
+          "The 3D data of human figure is gathered through the simultaneous image capturing from different angles by the high-resolution digital camera arrays.",
+          "Calculated by the server, the one-to-one 3D model of real person can be instantly generated."
+        ]
+      },
+			"CH": {
+        "title":"数字人像",
+        "content":[
+          "通过高分辨率数码相机阵列，从各个角度同时曝光，获取人物三维数据，并通过系统测量运算，获取人物的1:1三维模型。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/5.mp4",
+				"img": "images/5-img.jpg"
+			}
+		]
+
+	},
+	"sprite_5": {
+		"images": [
+			"images/6-1.jpg",
+			"images/6-2.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Machine Vision",
+        "content":[
+          "Detects,locates and identifies objects in real time using intelligent machine vision,allowing precise grasping and placement of objects to arbitrary positions,providing a basis for AI production lines."
+        ]
+      },
+			"CH": {
+        "title":"机器视觉",
+        "content":[
+          "利用双目摄像头采集并实时计算识别物体及其位姿，物体被放置在任何地方，都可被精确抓取到固定位置，为人工智能生产线奠定基础。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/6.mp4",
+				"img": "images/6-img.jpg"
+			}
+		]
+
+	},
+	"sprite_6": {
+		"images": [
+			"images/7-1.jpg",
+			"images/7-2.jpg",
+			"images/7-3.jpg",
+			"images/7-4.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"4DArt",
+        "content":[
+          "Any person can become an artist; the style of any artist can be transferred to any image by applying 4DArt visual AI technology to his/her paintings.",
+          "These painting styles can be switched easily, making everyone an art master."
+        ]
+      },
+			"CH": {
+        "title":"四维艺术",
+        "content":[
+          "应用人工智能视觉技术，学习世界顶级艺术家画作，可将任意图片一键转化为艺术家画作风格，并可在多种画风间轻松切换，人人都可成为艺术大师。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/7.mp4",
+				"img": "images/7-img.jpg"
+			}
+		]
+
+	},
+	"sprite_7": {
+		"images": [
+			"images/8-1.jpg",
+			"images/8-2.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Digital Cultural Relics",
+        "content":[
+          "3D Reconstruction for cultural relics, the accuracy of which is improved to micron scale. Applicable to digital display, anti-counterfeiting, protection and identification of cultural relics."
+        ]
+      },
+			"CH": {
+        "title":"数字文物",
+        "content":[
+          "通过三维数字化技术，对文物数字化影像的还原程度可达微米级，且效率是传统数字还原手段的200倍，为文物数字化的防伪、保护和鉴定等提供技术解决方案。"
+        ]
+      }
+		},
+		"model": [
+			"http://model.4dage.com/model/JP02.html"
+		]
+
+	},
+	"sprite_8": {
+		"text": {
+			"EH": {
+        "title":"Digital Venues",
+        "content":[
+          "Get immersed in museums, artistic spaces and places of interest, and takes a close 720-degree look at the cultural relics and master works these contain via online exhibitions."
+        ]
+      },
+			"CH": {
+        "title":"数字场景",
+        "content":[
+          "通过三维重建算法，实现对场馆外景、内景、结构、材质等的精确重建，呈现场馆迷你模型、俯视平面图、内部结构图、全景漫游图等，足不出户就能逛遍艺术展厅，720°轻松鉴赏艺术作品。它是一座永不落幕的博物馆，随时随地再现华夏灿烂文明。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/9.mp4",
+				"img": "images/9-img.jpg"
+			}
+		],
+		"iframe":[
+			"http://www.4dageweb.com/SuperPanoramic/index.html?m=158"
+		]
+
+	},
+	"sprite_9": {
+		"images": [
+			"images/10.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Fingertip Art",
+        "content":[
+          "Doodle freely on the screen with your fingertip, and it can quickly match the cultural relic that best matches it according to the “marks” you write, adding interactive fun to the appreciation of cultural relics."
+        ]
+      },
+			"CH": {
+        "title":"指尖艺术",
+        "content":[
+          "用手指在屏幕上随意涂鸦，它便能根据你书写的“痕迹”，迅速匹配出与之最为吻合的文物，为文物观赏增添互动趣味。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "https://super.4dage.com/data/388/hot/video/10-c",
+				"img": "images/10-img.jpg"
+			}
+		]
+
+	},
+	"sprite_10": {
+		"text": {
+			"EH": {
+        "title":"AR Interactive Sculpture",
+        "content":[
+          "With AR technology, users can scan the identifying patterns and view a lively animation of the physically static sculpture, allowing users to interact with virtual objects in real time and making the stillness dynamic and bright."
+        ]
+      },
+			"CH": {
+        "title":"AR 模型互动体验",
+        "content":[
+          "运用AR技术，扫描雕塑图案，便可出现灵动的动画演示，让用户与虚拟对象进行实时互动，让凝固的艺术焕发鲜活光彩。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/11.mp4",
+				"img": "images/11-img.jpg"
+			}
+		]
+
+	},
+	"sprite_11": {
+		"text": {
+			"EH": {
+        "title":"AR Interactive Sculpture",
+        "content":[
+          "With AR technology, users can scan the identifying patterns and view a lively animation of the physically static sculpture, allowing users to interact with virtual objects in real time and making the stillness dynamic and bright."
+        ]
+      },
+			"CH": {
+        "title":"AR 模型互动体验",
+        "content":[
+          "运用AR技术，扫描雕塑图案，便可出现灵动的动画演示，让用户与虚拟对象进行实时互动，让凝固的艺术焕发鲜活光彩。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/12.mp4",
+				"img": "images/12-img.jpg"
+			}
+		]
+
+	},
+	"sprite_12": {
+		"text": {
+			"EH": {
+        "title":"AR Interactive Sculpture",
+        "content":[
+          "With AR technology, users can scan the identifying patterns and view a lively animation of the physically static sculpture, allowing users to interact with virtual objects in real time and making the stillness dynamic and bright."
+        ]
+      },
+			"CH": {
+        "title":"AR 模型互动体验",
+        "content":[
+          "运用AR技术，扫描雕塑图案，便可出现灵动的动画演示，让用户与虚拟对象进行实时互动，让凝固的艺术焕发鲜活光彩。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/13.mp4",
+				"img": "images/13-img.jpg"
+			}
+		]
+
+	},
+	"sprite_13": {
+		"text": {
+			"EH": {
+        "title":"AR Interactive Sculpture",
+        "content":[
+          "With AR technology, users can scan the identifying patterns and view a lively animation of the physically static sculpture, allowing users to interact with virtual objects in real time and making the stillness dynamic and bright."
+        ]
+      },
+			"CH": {
+        "title":"AR 模型互动体验",
+        "content":[
+          "运用AR技术，扫描雕塑图案，便可出现灵动的动画演示，让用户与虚拟对象进行实时互动，让凝固的艺术焕发鲜活光彩。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/14.mp4",
+				"img": "images/14-img.jpg"
+			}
+		]
+
+	},
+	"sprite_14": {
+		"images": [
+			"images/15-1.jpg",
+			"images/15-2.jpg",
+			"images/15-3.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"4DWall",
+        "content":[
+          "This digital interactive large screen supports simultaneous viewing and operation by 100 people.",
+          "The system is rich in interactive display methods, and supports multimedia formats such as images, videos, sounds and three-dimensional models, and is widely used in industries with strong display needs of contents, such as museums, real estate and commerce."
+        ]
+      },
+			"CH": {
+        "title":"数字魔墙",
+        "content":[
+          "超大屏展示墙，支持百人同时同屏操作。可同步展示调取图像、视频、声音、三维模型等多元内容，应用于文博、房地产、商业展示等。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "https://super.4dage.com/data/388/hot/video/15-c",
+				"img": "images/15-img.jpg"
+			}
+		]
+
+	},
+	"sprite_15": {
+		"images": [
+			"images/16.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"AR T-Shirt",
+        "content":[
+          "Digital T-Shirt uses prints as carrier of AR technology and integrates animations into clothing, combining education with entertainment.",
+          "Scan the prints with 4DAR application, and animations will pop out on your phone, which users can share to social platforms."
+        ]
+      },
+			"CH": {
+        "title":"数字服饰",
+        "content":[
+          "以定制的各类印花图案为载体，运用AR技术将文字、动画等素材融入衣物。用户可通过下载安装“四维AR”应用，扫描印花图案，观看动画效果，支持分享至社交平台。集娱乐与教育于一体，实现“寓教于乐”。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/16.mp4",
+				"img": "images/16-img.jpg"
+			}
+		]
+
+	},
+	"sprite_16": {
+		"images": [
+			"images/17-1.jpg",
+			"images/17-2.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Digital Administration",
+        "content":[
+          "Creates platforms for smoother administration, including information acquisition, reservation scheduling, inquiry handling, etc.",
+          "Provides simulation and visualization of administrative processes for an optimal management experience.",
+          "Allows intelligent recognition of texts and images in administrative services. Brings precision and efficiency to the analysis of big data. ",
+          "Gathers and digs into data for the improvements in decision-making, administration, and serving the public. "
+        ]
+      },
+			"CH": {
+        "title":"数字政务",
+        "content":[
+          "把数字可视化融入政务业务和数据，建立可视化体系，实现政务信息数据的管理创新，促进信息的资源共享与在线应用教学，为企业、市民等提供便捷、高效、透明的服务，为政府提供智能决策、支持政策推行。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "https://super.4dage.com/data/388/hot/video/17-c",
+				"img": "images/17-img.jpg"
+			}
+		]
+
+	},
+	"sprite_17": {
+		"text": {
+			"EH": {
+        "title":"3D Reconstruction of the Tax Bureau",
+        "content":[
+          ""
+        ]
+      },
+			"CH": {
+        "title":"税务局三维场景",
+        "content":[
+          ""
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/18.mp4",
+				"img": "images/18-img.jpg"
+			}
+		]
+
+	},
+	"sprite_18": {
+		"images": [
+			"images/19.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Digital Security",
+        "content":[
+          "Digital Security collects image data from the city’s monitoring surveillance system to display real-time street view and traffic with 3D digitization technology.",
+          "Users can access to 3D intelligent city data at anytime, find out dead corners and areas which surveillance cameras do not cover, and improve the surveillance system."
+        ]
+      },
+			"CH": {
+        "title":"数字安防",
+        "content":[
+          "将传统的安防科技与三维数字化建模、计算机网络技术相结合，具备智能化程度高、准确率高和处理速度快等优点。通过数字安防系统，实时查看区内包括地块区域划分、地下管廊走线、公交运行路线和卡口监控视频。极大地改善了安防工作条件，提高了工作效率。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/19.mp4",
+				"img": "images/19-img.jpg"
+			}
+		]
+
+	},
+	"sprite_19": {
+		"images": [
+			"images/20.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Digital Customizing",
+        "content":[
+          "Upgrades customizing service by creating a platform connecting consumers and manufacturers.",
+          "Manufacturers offer optional materials and colors, and customers select or upload patterns to the 3D model of garments to visually perceive the clothing effect, after which they can place orders directly to manufacturers."
+        ]
+      },
+			"CH": {
+        "title":"数字定制",
+        "content":[
+          "改变以往的个性化服装定制生产服务，通过打造连接消费者和制造商的平台，厂家定义可选材质和颜色，客户观察立体的三维T恤模型，选择或上传图案直观感知服装效果，确定后可直接下单给厂家，为客户打造一款喜爱的专属服装。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/20.mp4",
+				"img": "images/20-img.jpg"
+			}
+		]
+
+	},
+	"sprite_20": {
+		"text": {
+			"EH": {
+        "title":"Simultaneous Localization and Mapping",
+        "content":[
+          "Through the application of our proprietary SLAM algorithm and the integration of sensor data in image analysis, mobile devices can locates themselves more accurately, and acquire more information from the environment.",
+          "Used for autonomous mobile devices including robots, UAVs, AR/VR, etc."
+        ]
+      },
+			"CH": {
+        "title":"即时定位与重建",
+        "content":[
+          "用自主研发的SLAM算法处理图片，融合传感器数据获取位姿信息，为移动智能设备提供三维空间环境信息。该方案获取的相机位姿更准确、稳定，点云数据更丰富。可广泛应用于机器人、无人机、AR/VR等自主移动设备中。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/21.mp4",
+				"img": "images/21-img.jpg"
+			}
+		]
+
+	},
+	"sprite_21": {
+		"text": {
+			"EH": {
+        "title":"Intelligent Detection",
+        "content":[
+          "Detects nearly 10,000 distinct types of dynamic and static objects in video streams, including people, vehicles, industrial equipment.",
+          "Usable with any camera and for the varying detection tasks required in different fields, including transportation, production, security and the like."
+        ]
+      },
+			"CH": {
+        "title":"智能检测",
+        "content":[
+          "实时检测视频流中的行人、车辆、工业器材等近万种事物，可为任意摄像头装上大脑，并能根据不同需求制定特殊领域的检测任务，可广泛用于交通，工业，安防等领域。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/22.mp4",
+				"img": "images/22-img.jpg"
+			}
+		]
+
+	},
+	"sprite_22": {
+		"images": [
+			"images/23-1.jpg",
+			"images/23-2.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"Autonomous Driving",
+        "content":[
+          "Automatic driving technology uses RGB cameras, LIDAR sensors and other equipment to monitor surrounding traffic conditions, establishing high-precision road maps, and planning navigation.",
+          "It can intelligently detect obstacles and optimize navigation routes in real time."
+        ]
+      },
+			"CH": {
+        "title":"自动驾驶",
+        "content":[
+          "自动驾驶技术利用RGB摄像头、激光雷达传感器等设备来感知周围的交通状况，建立高精度路况地图，进而规划导航路线。能够智能感测物体障碍，实时优化导航路线。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "https://super.4dage.com/data/388/hot/video/23-c",
+				"img": "images/23-img.jpg"
+			}
+		]
+
+	},
+	"sprite_23": {
+		"video": [{
+			"url": "video/24.mp4",
+			"img": "images/24-img.jpg"
+		}],
+		"text": {
+			"EH": {
+        "title":"3D Reconstruction of Venue",
+        "content":[
+          "Accurately replicates the structures, interior, and exterior of the venues, and allows virtual exploration in the space.",
+          "Plan view and mini-model map of the venues are automatically generated."
+        ]
+      },
+			"CH": {
+        "title":"场景数字化",
+        "content":[
+          "通过三维重建算法，实现对场馆外景、内景、结构、材质等的精确重建，呈现场馆迷你模型、俯视平面图、内部结构图、全景漫游图等，让用户足不出户也能实地游览。"
+        ]
+      }
+		}
+
+	},
+	"sprite_24": {
+		"video": [{
+			"url": "video/25.mp4",
+			"img": "images/25-img.jpg"
+		}],
+		"text": {
+			"EH": {
+        "title":"3D Reconstruction of Object",
+        "content":[
+          "3D Reconstruction for artifacts, the accuracy of which is improved to micron scale, and the efficiency of which is 200 times of traditional methods.",
+          "Applicable to cultural relics, jewelries, toys, garments, industrial materials, etc."
+        ]
+      },
+			"CH": {
+        "title":"物体数字化",
+        "content":[
+          "对物体影像的还原程度可达微米级，且效率是传统数字还原手段的200倍，可运用于文物、珠宝、玩具、衣服以及工业材料等。"
+        ]
+      }
+		}
+
+	},
+	"sprite_25": {
+		"images": [
+			"images/26-1.jpg",
+			"images/26-2.jpg",
+			"images/26-3.jpg"
+		],
+		"text": {
+			"EH": {
+        "title":"4DKanKan",
+        "content":[
+          "The first consumer 3D camera in the world, which reconstructs 100㎡of space within 5 minutes, 1/20 of the time traditional 3D cameras take, and 1/10 of the price traditional 3D modeling equipment costs.",
+          "With computer vision developed independently by 4DAGE, it features easy operation, automation and high precision, and is applicable to the museum, real estate, e-commerce, catering, home furnishing and other fields, empowering these traditional industries."
+        ]
+      },
+			"CH": {
+        "title":"四维看看",
+        "content":[
+          "世界上首款消费级3D相机， 5分钟即可复刻100平米空间，耗时仅为传统机器采集图像时间的二十分之一，价格仅为传统3D建模设备的十分之一。该产品由四维时代自主研发，运用人工智能三维数字化技术，具有易操作、自动化、高精度等特点，应用于文博、地产、电商、餐饮、家居等领域，为传统行业赋能。"
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/26.mp4",
+				"img": "images/26-img.jpg"
+			}
+		]
+
+	},
+	"sprite_26": {
+		"text": {
+			"EH": {
+        "title":"The beginner's guide of 4DKanKan",
+        "content":[
+          ""
+        ]
+      },
+			"CH": {
+        "title":"四维看看快速上手",
+        "content":[
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/27.mp4",
+				"img": "images/27-img.jpg"
+			}
+		]
+
+	},
+	"sprite_27": {
+		"text": {
+			"EH": {
+        "title":"Projects Display",
+        "content":[
+          ""
+        ]
+      },
+			"CH": {
+        "title":"案例展示",
+        "content":[
+        ]
+      }
+		},
+		"video": [{
+				"url": "video/28.mp4",
+				"img": "images/28-img.jpg"
+			}
+		]
+
+	}
+}