静态文件

src/main/webapp/static/ms-admin/4.7.2/css/app.css

@@ -0,0 +1,121 @@
+html,
+body {
+    min-height: 100vh;
+    width: 100vw;
+    background-color: #eee;
+    margin: 0;
+    padding: 0;
+    font-weight: initial !important;
+    font-size: 14px !important;
+    color: #333 !important;
+}
+html *,
+body * {
+    text-decoration: none !important;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    box-sizing: border-box;
+}
+.ms-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+}
+.ms-align-center {
+    display: flex;
+    align-items: center;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+    font-weight: initial;
+    font-size: 12px;
+    color: #999;
+    resize: none;
+}
+a:link,a:visited,a:active{text-decoration: none; color:#409EFF;}
+
+.ms-index{
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+.ms-container {
+    margin: 10px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    padding:  14px ;
+    background: #fff;
+}
+
+.ms-header {
+    padding: 10px;
+    margin: 0;
+    border-bottom: 1px solid #ddd;
+    background: #fff;
+    height: 50px
+}
+
+.ms-pagination {
+    padding: 14px 0 0 0;
+    text-align: right;
+}
+
+.ms-fr {
+    float: right;
+}
+
+.ms-tr {
+    text-align: right;
+}
+
+.el-button+.el-button {
+    margin-left: 0
+}
+
+.ms-select{
+    display: block;
+}
+
+.ms-datetimerange{
+    width: 100% !important;
+}
+.ms-search{
+    padding: 20px 0 0;
+    background: #fff;
+}
+.ms-search .ms-search-footer{
+    line-height: 60px;
+    text-align: center;
+}
+.ms-table-pagination {
+    height: calc(100% - 75px);
+}
+#myPageTop {
+    width: 252px;
+}
+#myPageTop input {
+    width: 242px;
+}
+.el-button .iconfont{
+    font-size: 12px;
+    margin-right: 5px;
+    line-height: 1px!important;
+}
+#form .ms-container{
+    height:calc(100vh - 74px);
+}
+
+[v-cloak]{
+    display: none;
+}
+/* 滚动条样式重写*/
+.el-table__body-wrapper::-webkit-scrollbar{
+    width:6px;
+    height: 6px;
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background-color: rgba(144,147,153,.5);
+}

src/main/webapp/static/ms-admin/4.7.2/css/index.css

@@ -0,0 +1,513 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 600px;
+  min-width: 810px;
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+  margin: 0;
+  display: flex;
+  font-weight: initial !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+html *,
+body * {
+  text-decoration: none !important;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+}
+.ms-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+}
+.ms-align-center {
+  display: flex;
+  align-items: center;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  font-weight: initial;
+  font-size: 12px;
+  color: #999;
+  resize: none;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+*::-webkit-scrollbar-track {
+  border-radius: 10px;
+  /*滚动条的背景区域的圆角*/
+  background-color: #eee;
+  /*滚动条的背景颜色*/
+}
+/*定义滑块 内阴影+圆角*/
+*::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  /*滚动条的圆角*/
+  background-color: #e6e6e6;
+  /*滚动条的背景颜色*/
+}
+.ms-container {
+  margin: 12px;
+  height: calc(100% - 24px);
+  padding: 14px;
+  background: #fff;
+}
+.ms-header {
+  padding: 10px;
+  margin: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  height: 50px;
+}
+.ms-header button {
+  height: 30px;
+}
+.ms-pagination {
+  padding: 20px 0;
+  text-align: right;
+}
+.ms-fr {
+  float: right;
+}
+.ms-tr {
+  text-align: right;
+}
+.ms-weixin-content {
+  width: calc(100% - 140px);
+}
+.ms-weixin-dialog .el-dialog__header {
+  height: 55px;
+  box-sizing: border-box;
+  padding: 10px 10px 25px 10px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.ms-weixin-dialog .el-dialog__header .el-dialog__title {
+  font-weight: bold;
+  font-size: 14px;
+  color: #333;
+}
+.ms-weixin-dialog .el-dialog__footer {
+  border-top: 1px solid #e6e6e6;
+  padding: 15px !important;
+}
+.ms-hover {
+  cursor: pointer;
+}
+.ms-hover:hover {
+  color: #0099ff;
+  background: #fff;
+  border-color: #0099ff;
+}
+.ms-header-select {
+  font-size: 0;
+}
+.ms-header-select > .el-select:nth-of-type(2) {
+  margin: 0 10px;
+}
+.el-submenu .el-menu-item.is-active {
+  border-radius: 4px;
+}
+.el-card,
+.el-message {
+  border-radius: 0 !important;
+}
+.sortable-ghost {
+  opacity: .3;
+  background: #ccc !important;
+  border-color: transparent !important;
+  color: transparent !important;
+}
+.sortable-ghost * {
+  background: #ccc !important;
+  border-color: transparent !important;
+  color: transparent !important;
+}
+.index {
+  width: 100%;
+  display: flex;
+}
+.ms-admin-header {
+  display: flex;
+  padding: 0;
+  background-color: #0099ff;
+  height: 50px !important;
+}
+.ms-admin-header .ms-admin-header-menu {
+  background-color: #0099ff;
+  border-bottom: none;
+  position: relative;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item {
+  height: 50px !important;
+  line-height: 50px !important;
+  background-color: #0099ff !important;
+  color: rgba(255, 255, 255, 0.65) !important;
+  border-bottom: none !important;
+  font-size: 1em;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *:hover,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item:hover {
+  color: #fff !important;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *.is-active,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item.is-active {
+  color: #fff !important;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu {
+  padding: 0;
+  user-select: none;
+  outline: none;
+  width: 100%;
+  min-width: 500px;
+  min-height: 200px;
+  background-color: #fff !important;
+  height: auto;
+  flex-wrap: wrap;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 9;
+  background: #ffffff;
+  border: 1px solid #e6e6e6;
+  box-shadow: 2px 3px 5px 0.1px rgba(0, 0, 0, 0.1);
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu > li {
+  margin: 0;
+  padding: 0 20px;
+  text-align: left;
+  display: -webkit-inline-box;
+  display: inline-block;
+  height: 50px;
+  line-height: 50px;
+  font-weight: normal;
+  font-size: 14px;
+  color: #333;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu > li:hover {
+  cursor: pointer;
+  color: #0099ff;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu i {
+  position: absolute;
+  top: 18px;
+  right: 19px;
+  font-weight: normal;
+  font-size: 14px;
+  color: #333;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu i:hover {
+  cursor: pointer;
+}
+.ms-admin-logo {
+  min-width: 200px;
+  width: 200px;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.ms-admin-logo > img {
+  padding: 20px 0 20px 20px;
+  width: 80px;
+}
+.ms-admin-logo > div {
+  display: flex;
+  align-items: center;
+}
+.ms-admin-logo > div img {
+  margin-top: -10px;
+  margin-left: 3px;
+}
+.ms-admin-logo > div span {
+  margin-top: -6px;
+  position: absolute;
+  margin-left: 10px;
+  font-size: 12px;
+}
+.ms-admin-logo .iconfont {
+  color: #fff;
+  margin-left: auto;
+  margin-right: 20px;
+  cursor: pointer;
+}
+.ms-admin-mstore {
+  margin-left: auto;
+  min-width: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0;
+  line-height: 1;
+}
+.ms-admin-mstore .ms-admin-people-head {
+  width: 30px !important;
+  height: 30px !important;
+  margin-right: 10px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  color: #0099ff;
+}
+.ms-admin-mstore .ms-admin-mstore-icon {
+  min-width: 50px;
+  width: 50px;
+  height: 50px;
+  background-color: #0080FF;
+  display: flex;
+  justify-content: center;
+  cursor: pointer;
+}
+.ms-admin-mstore .ms-admin-mstore-icon span {
+  border-radius: 50%;
+  font-weight: initial;
+  font-size: 12px;
+  color: #fff;
+  background: #f00;
+  position: absolute;
+  width: 1.2em;
+  height: 1.2em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 0.6em;
+  right: 0.6em;
+  z-index: 2;
+}
+.ms-admin-mstore .ms-admin-mstore-icon .iconfont {
+  color: #fff;
+  animation: rubberBand 1.4s 1s both infinite;
+  font-size: 1.5em;
+}
+.ms-admin-login {
+  display: flex;
+  align-items: center;
+}
+.ms-admin-login > span {
+  width: 130px;
+  padding: 0 15px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  outline: none;
+}
+.ms-admin-login > span img {
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  margin-right: 8px;
+}
+.ms-admin-login > span span {
+  color: #fff;
+}
+.ms-admin-login .active {
+  background: #fff;
+}
+.ms-admin-login .active .ms-admin-people-head {
+  background: #0099ff;
+  color: #fff;
+}
+.ms-admin-login .active span {
+  color: #333;
+}
+.ms-admin-login-down {
+  width: 130px;
+  padding: 0 15px;
+  border: none;
+  margin: 0 !important;
+  padding: 0 !important;
+  border-radius: 0;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+}
+.ms-admin-login-down > .popper__arrow {
+  display: none;
+}
+.ms-admin-menu-aside {
+  width: 200px !important;
+  height: 100%;
+  position: relative;
+  overflow: visible;
+}
+.ms-admin-menu-aside .ms-admin-menu {
+  width: 200px;
+  height: 100%;
+  position: relative;
+}
+.ms-admin-menu-aside .ms-admin-menu .el-menu--inline .is-active {
+  border-left: 2px solid #0099ff;
+}
+.ms-admin-menu-aside .ms-admin-menu .ms-admin-icon {
+  font-weight: initial;
+  font-size: 1.5em;
+  color: #999;
+}
+.ms-admin-menu-aside .ms-menu-expand {
+  transform: rotate(270deg);
+  position: absolute;
+  right: -34px;
+  top: 50%;
+  z-index: 999;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+}
+.ms-admin-menu-aside .ms-menu-expand i {
+  font-weight: bolder;
+  font-size: 14px;
+  color: #333;
+  position: absolute;
+  transform: rotate(90deg);
+  right: 40%;
+}
+.ms-admin-menu-aside .ms-menu-expand::before {
+  border-color: transparent transparent #eee;
+  border-style: none solid solid;
+  border-width: 0 30px 22px;
+  content: "";
+  display: block;
+  height: 0;
+  left: -10px;
+  width: 30px;
+}
+.ms-admin-menu-aside .ms-menu-expand {
+  transition: right .3s;
+}
+.ms-admin-menu-aside .ms-menu-expand-active {
+  transform: rotate(90deg);
+  right: -56px;
+}
+.ms-admin-menu-aside .ms-admin-menu-active {
+  width: 60px;
+  height: 100%;
+}
+.ms-admin-menu-aside-active {
+  width: 60px !important;
+}
+.ms-admin-container {
+  height: calc(100vh - 60px);
+}
+.ms-admin-container > .ms-admin-main {
+  padding: 0;
+  background-color: #fff;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__content {
+  height: 100%;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__content .el-tab-pane {
+  height: 100%;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__header {
+  background: #fafafa;
+  margin-bottom: 0;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav {
+  border-left: none;
+  border-radius: 0;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .ms-admin-refresh {
+  float: right;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  border-left: 1px solid #e6e6e6;
+  cursor: pointer;
+  position: relative;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .ms-admin-refresh::before {
+  position: absolute;
+  left: 34%;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #999;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-next,
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-prev {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-next {
+  border-left: 1px solid #e6e6e6;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-prev {
+  border-right: 1px solid #e6e6e6;
+}
+.ms-admin-container > .ms-admin-main iframe {
+  width: 100%;
+  height: 100%;
+  border: none !important;
+}
+@keyframes rubberBand {
+  0 {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+  10% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  20% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  51% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.el-scrollbar__wrap{overflow-x:hidden;}
+.el-scrollbar {
+    position: static;
+}
+[v-cloak] {
+    display: none;
+}

src/main/webapp/static/ms-admin/4.7.2/css/login.css

@@ -0,0 +1,211 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  width: 100vw;
+  background-color: #eee;
+  margin: 0;
+  display: flex;
+  font-weight: initial !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+html *,
+body * {
+  text-decoration: none !important;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+}
+.ms-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+}
+.ms-align-center {
+  display: flex;
+  align-items: center;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  font-weight: initial;
+  font-size: 12px;
+  color: #aaa;
+  resize: none;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+*::-webkit-scrollbar-track {
+  border-radius: 10px;
+  /*滚动条的背景区域的圆角*/
+  background-color: #eee;
+  /*滚动条的背景颜色*/
+}
+/*定义滑块 内阴影+圆角*/
+*::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  /*滚动条的圆角*/
+  background-color: #ddd;
+  /*滚动条的背景颜色*/
+}
+.ms-container {
+  margin: 12px;
+  height: calc(100% - 24px);
+  padding: 14px 14px 0 14px;
+  background: #fff;
+}
+.ms-header {
+  padding: 10px;
+  margin: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  height: 50px;
+}
+.ms-pagination {
+  padding: 20px 0;
+  text-align: right;
+}
+.ms-fr {
+  float: right;
+}
+.ms-tr {
+  text-align: right;
+}
+.ms-weixin-content {
+  width: calc(100% - 140px);
+}
+.ms-weixin-dialog .el-dialog__header {
+  height: 55px;
+  box-sizing: border-box;
+  padding: 10px 10px 25px 10px;
+  border-bottom: 1px solid #ddd;
+}
+.ms-weixin-dialog .el-dialog__header .el-dialog__title {
+  font-weight: bold;
+  font-size: 14px;
+  color: #333;
+}
+.ms-weixin-dialog .el-dialog__footer {
+  border-top: 1px solid #ddd;
+  padding: 15px !important;
+}
+.login {
+  width: 100vw;
+  height: 100vh;
+}
+.login .ms-admin-login-container {
+  height: 100%;
+  background: url('../images/login-bg.jpg') center no-repeat;
+  background-size: cover;
+}
+.login .ms-admin-login-container .ms-admin-login-main {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 680px;
+  height: 320px;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp > img {
+  flex: 1;
+  display: inline-block;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form {
+  flex: 1;
+  height: 320px;
+  background: #fff;
+  padding: 20px  54px;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form h1 {
+  line-height: 1;
+  font-weight: initial;
+  font-size: 12px;
+  color: #999999;
+  margin: 0 0 20px 0;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form h1 span {
+  font-weight: initial;
+  font-size: 16px;
+  color: #0099ff;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item {
+  margin-bottom: 20px;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item > div {
+  margin-left: 0 !important;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item .el-form-item__content,
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item .el-input,
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item input {
+  height: 34px !important;
+  line-height: 34px !important;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content {
+  display: flex;
+  justify-content: space-between;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content .el-input__inner,
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content .el-input {
+  width: 110px;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content > img {
+  width: 66px;
+  height: 34px;
+  margin: 0 6px;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p {
+  display: flex;
+  justify-content: space-between;
+  line-height: 1;
+  flex-direction: column;
+  margin: 0;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p span:nth-of-type(1) {
+  font-weight: initial;
+  font-size: 10px;
+  color: #999999;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p span:nth-of-type(2) {
+  font-weight: initial;
+  font-size: 10px;
+  color: #0099ff;
+  cursor: pointer;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout .el-form-item__content,
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout .el-input,
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout input {
+  height: auto !important;
+  line-height: 1px !important;
+}
+.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-login-btn {
+  width: 100%;
+  height: 34px;
+  line-height: 5px;
+}

src/main/webapp/static/ms-admin/4.7.2/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/main/webapp/static/ms-admin/4.7.2/iconfont/demo_index.html

@@ -0,0 +1,8519 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1346428" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe651;</span>
+                <div class="name">灯泡</div>
+                <div class="code-name">&amp;#xe651;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a9;</span>
+                <div class="name">电话</div>
+                <div class="code-name">&amp;#xe6a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe619;</span>
+                <div class="name">文档</div>
+                <div class="code-name">&amp;#xe619;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe861;</span>
+                <div class="name">点击</div>
+                <div class="code-name">&amp;#xe861;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c2;</span>
+                <div class="name">银行卡</div>
+                <div class="code-name">&amp;#xe6c2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe622;</span>
+                <div class="name">书</div>
+                <div class="code-name">&amp;#xe622;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d4;</span>
+                <div class="name">菜单</div>
+                <div class="code-name">&amp;#xe6d4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66f;</span>
+                <div class="name">笔</div>
+                <div class="code-name">&amp;#xe66f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe680;</span>
+                <div class="name">火箭</div>
+                <div class="code-name">&amp;#xe680;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe621;</span>
+                <div class="name">公文包</div>
+                <div class="code-name">&amp;#xe621;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe715;</span>
+                <div class="name">评分</div>
+                <div class="code-name">&amp;#xe715;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe725;</span>
+                <div class="name">格子</div>
+                <div class="code-name">&amp;#xe725;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bd;</span>
+                <div class="name">栅格2</div>
+                <div class="code-name">&amp;#xe6bd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe652;</span>
+                <div class="name">禁止</div>
+                <div class="code-name">&amp;#xe652;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65c;</span>
+                <div class="name">赞</div>
+                <div class="code-name">&amp;#xe65c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe790;</span>
+                <div class="name">菜单</div>
+                <div class="code-name">&amp;#xe790;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe635;</span>
+                <div class="name">下</div>
+                <div class="code-name">&amp;#xe635;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a7;</span>
+                <div class="name">选中</div>
+                <div class="code-name">&amp;#xe6a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63e;</span>
+                <div class="name">问题</div>
+                <div class="code-name">&amp;#xe63e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60f;</span>
+                <div class="name">挂电话2</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f3;</span>
+                <div class="name">全球</div>
+                <div class="code-name">&amp;#xe6f3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe672;</span>
+                <div class="name">目标</div>
+                <div class="code-name">&amp;#xe672;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b3;</span>
+                <div class="name">分类</div>
+                <div class="code-name">&amp;#xe6b3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe822;</span>
+                <div class="name">下拉</div>
+                <div class="code-name">&amp;#xe822;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d3;</span>
+                <div class="name">工作转交</div>
+                <div class="code-name">&amp;#xe6d3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe689;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe689;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67a;</span>
+                <div class="name">phone5-电话</div>
+                <div class="code-name">&amp;#xe67a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67b;</span>
+                <div class="name">phone4-电话</div>
+                <div class="code-name">&amp;#xe67b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe718;</span>
+                <div class="name">compass-指南针</div>
+                <div class="code-name">&amp;#xe718;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d1;</span>
+                <div class="name">无声</div>
+                <div class="code-name">&amp;#xe7d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe628;</span>
+                <div class="name">计算器</div>
+                <div class="code-name">&amp;#xe628;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c7;</span>
+                <div class="name">女</div>
+                <div class="code-name">&amp;#xe6c7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66e;</span>
+                <div class="name">定位</div>
+                <div class="code-name">&amp;#xe66e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe727;</span>
+                <div class="name">高德地图</div>
+                <div class="code-name">&amp;#xe727;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68a;</span>
+                <div class="name">眼</div>
+                <div class="code-name">&amp;#xe68a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73a;</span>
+                <div class="name">初始化设置</div>
+                <div class="code-name">&amp;#xe73a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe740;</span>
+                <div class="name">等待卖家确认运费-[转换]</div>
+                <div class="code-name">&amp;#xe740;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">警告</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeee2;</span>
+                <div class="name">github</div>
+                <div class="code-name">&amp;#xeee2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a6;</span>
+                <div class="name">男性</div>
+                <div class="code-name">&amp;#xe6a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e3;</span>
+                <div class="name">响应式</div>
+                <div class="code-name">&amp;#xe6e3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6be;</span>
+                <div class="name">＋喜欢</div>
+                <div class="code-name">&amp;#xe6be;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe761;</span>
+                <div class="name">笑脸</div>
+                <div class="code-name">&amp;#xe761;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe732;</span>
+                <div class="name">发送消息</div>
+                <div class="code-name">&amp;#xe732;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65b;</span>
+                <div class="name">邮件</div>
+                <div class="code-name">&amp;#xe65b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe688;</span>
+                <div class="name">电信</div>
+                <div class="code-name">&amp;#xe688;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ab;</span>
+                <div class="name">图片</div>
+                <div class="code-name">&amp;#xe6ab;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bf;</span>
+                <div class="name">足迹</div>
+                <div class="code-name">&amp;#xe6bf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe627;</span>
+                <div class="name">时钟</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe686;</span>
+                <div class="name">中国移动</div>
+                <div class="code-name">&amp;#xe686;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ae;</span>
+                <div class="name">编辑器</div>
+                <div class="code-name">&amp;#xe6ae;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c0;</span>
+                <div class="name">图表</div>
+                <div class="code-name">&amp;#xe6c0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe720;</span>
+                <div class="name">文本</div>
+                <div class="code-name">&amp;#xe720;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe637;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe637;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65a;</span>
+                <div class="name">主页</div>
+                <div class="code-name">&amp;#xe65a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61c;</span>
+                <div class="name">完成</div>
+                <div class="code-name">&amp;#xe61c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe618;</span>
+                <div class="name">电影</div>
+                <div class="code-name">&amp;#xe618;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe654;</span>
+                <div class="name">徽章</div>
+                <div class="code-name">&amp;#xe654;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d2;</span>
+                <div class="name">火</div>
+                <div class="code-name">&amp;#xe6d2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe607;</span>
+                <div class="name">唱片</div>
+                <div class="code-name">&amp;#xe607;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe650;</span>
+                <div class="name">声音</div>
+                <div class="code-name">&amp;#xe650;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe721;</span>
+                <div class="name">按钮</div>
+                <div class="code-name">&amp;#xe721;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68b;</span>
+                <div class="name">楼层</div>
+                <div class="code-name">&amp;#xe68b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe641;</span>
+                <div class="name">眼镜</div>
+                <div class="code-name">&amp;#xe641;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe620;</span>
+                <div class="name">我的</div>
+                <div class="code-name">&amp;#xe620;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72d;</span>
+                <div class="name">自定义</div>
+                <div class="code-name">&amp;#xe72d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe714;</span>
+                <div class="name">1010布局_导航栏</div>
+                <div class="code-name">&amp;#xe714;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe662;</span>
+                <div class="name">链接</div>
+                <div class="code-name">&amp;#xe662;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe625;</span>
+                <div class="name">魔法棒</div>
+                <div class="code-name">&amp;#xe625;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c3;</span>
+                <div class="name">评价</div>
+                <div class="code-name">&amp;#xe6c3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d0;</span>
+                <div class="name">推荐 </div>
+                <div class="code-name">&amp;#xe6d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe677;</span>
+                <div class="name">QQ</div>
+                <div class="code-name">&amp;#xe677;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63d;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe63d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe744;</span>
+                <div class="name">评论</div>
+                <div class="code-name">&amp;#xe744;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe613;</span>
+                <div class="name">播放器_首页歌曲列表_32</div>
+                <div class="code-name">&amp;#xe613;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c1;</span>
+                <div class="name">事件统计</div>
+                <div class="code-name">&amp;#xe6c1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e2;</span>
+                <div class="name">颜色</div>
+                <div class="code-name">&amp;#xe6e2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe700;</span>
+                <div class="name">企业</div>
+                <div class="code-name">&amp;#xe700;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe640;</span>
+                <div class="name">环形布局</div>
+                <div class="code-name">&amp;#xe640;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe660;</span>
+                <div class="name">钥匙</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe658;</span>
+                <div class="name">关闭</div>
+                <div class="code-name">&amp;#xe658;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65f;</span>
+                <div class="name">手机</div>
+                <div class="code-name">&amp;#xe65f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60d;</span>
+                <div class="name">飞机</div>
+                <div class="code-name">&amp;#xe60d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe719;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe719;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d5;</span>
+                <div class="name">支付宝</div>
+                <div class="code-name">&amp;#xe6d5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6af;</span>
+                <div class="name">音频</div>
+                <div class="code-name">&amp;#xe6af;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69e;</span>
+                <div class="name">项目</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6aa;</span>
+                <div class="name">邮件</div>
+                <div class="code-name">&amp;#xe6aa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe674;</span>
+                <div class="name">微博</div>
+                <div class="code-name">&amp;#xe674;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe612;</span>
+                <div class="name">钱包</div>
+                <div class="code-name">&amp;#xe612;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67d;</span>
+                <div class="name">钻石</div>
+                <div class="code-name">&amp;#xe67d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b0;</span>
+                <div class="name">符号-密码输入框</div>
+                <div class="code-name">&amp;#xe6b0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63a;</span>
+                <div class="name">回拨电话</div>
+                <div class="code-name">&amp;#xe63a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64a;</span>
+                <div class="name">倒退</div>
+                <div class="code-name">&amp;#xe64a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64c;</span>
+                <div class="name">快进</div>
+                <div class="code-name">&amp;#xe64c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe749;</span>
+                <div class="name">退款</div>
+                <div class="code-name">&amp;#xe749;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62c;</span>
+                <div class="name">关注作者 已关注</div>
+                <div class="code-name">&amp;#xe62c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe690;</span>
+                <div class="name">耳机</div>
+                <div class="code-name">&amp;#xe690;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe702;</span>
+                <div class="name">服务</div>
+                <div class="code-name">&amp;#xe702;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f7;</span>
+                <div class="name">微信支付</div>
+                <div class="code-name">&amp;#xe6f7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">地球仪</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a0;</span>
+                <div class="name">项目</div>
+                <div class="code-name">&amp;#xe6a0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe655;</span>
+                <div class="name">气泡</div>
+                <div class="code-name">&amp;#xe655;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe705;</span>
+                <div class="name">地图</div>
+                <div class="code-name">&amp;#xe705;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74b;</span>
+                <div class="name">待发货</div>
+                <div class="code-name">&amp;#xe74b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63c;</span>
+                <div class="name">随机</div>
+                <div class="code-name">&amp;#xe63c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fe;</span>
+                <div class="name">字号＋</div>
+                <div class="code-name">&amp;#xe6fe;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69f;</span>
+                <div class="name">移动光标</div>
+                <div class="code-name">&amp;#xe69f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe675;</span>
+                <div class="name">信件_1</div>
+                <div class="code-name">&amp;#xe675;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d6;</span>
+                <div class="name">列表</div>
+                <div class="code-name">&amp;#xe6d6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">退出</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe636;</span>
+                <div class="name">雨伞</div>
+                <div class="code-name">&amp;#xe636;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c4;</span>
+                <div class="name">签到</div>
+                <div class="code-name">&amp;#xe6c4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d9;</span>
+                <div class="name">闪电</div>
+                <div class="code-name">&amp;#xe6d9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe692;</span>
+                <div class="name">滴滴出行</div>
+                <div class="code-name">&amp;#xe692;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a3;</span>
+                <div class="name">模板</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68c;</span>
+                <div class="name">联通</div>
+                <div class="code-name">&amp;#xe68c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63f;</span>
+                <div class="name">饼图</div>
+                <div class="code-name">&amp;#xe63f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c6;</span>
+                <div class="name">礼物</div>
+                <div class="code-name">&amp;#xe6c6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c5;</span>
+                <div class="name">优惠券</div>
+                <div class="code-name">&amp;#xe6c5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b1;</span>
+                <div class="name">日期选择</div>
+                <div class="code-name">&amp;#xe6b1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe659;</span>
+                <div class="name">下一步</div>
+                <div class="code-name">&amp;#xe659;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe703;</span>
+                <div class="name">招聘就业</div>
+                <div class="code-name">&amp;#xe703;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe608;</span>
+                <div class="name">男</div>
+                <div class="code-name">&amp;#xe608;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b2;</span>
+                <div class="name">计算器 (1)</div>
+                <div class="code-name">&amp;#xe6b2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7a1;</span>
+                <div class="name">验证码</div>
+                <div class="code-name">&amp;#xe7a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe606;</span>
+                <div class="name">毕业</div>
+                <div class="code-name">&amp;#xe606;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe713;</span>
+                <div class="name">保存</div>
+                <div class="code-name">&amp;#xe713;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe665;</span>
+                <div class="name">上传</div>
+                <div class="code-name">&amp;#xe665;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe647;</span>
+                <div class="name">客服</div>
+                <div class="code-name">&amp;#xe647;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c8;</span>
+                <div class="name">红包</div>
+                <div class="code-name">&amp;#xe6c8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe642;</span>
+                <div class="name">语音</div>
+                <div class="code-name">&amp;#xe642;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">包配</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cc;</span>
+                <div class="name">加</div>
+                <div class="code-name">&amp;#xe6cc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe614;</span>
+                <div class="name">取消关注</div>
+                <div class="code-name">&amp;#xe614;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73b;</span>
+                <div class="name">复制代码</div>
+                <div class="code-name">&amp;#xe73b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bb;</span>
+                <div class="name">光标</div>
+                <div class="code-name">&amp;#xe6bb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61f;</span>
+                <div class="name">气泡</div>
+                <div class="code-name">&amp;#xe61f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66c;</span>
+                <div class="name">支付宝</div>
+                <div class="code-name">&amp;#xe66c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe87b;</span>
+                <div class="name">文档</div>
+                <div class="code-name">&amp;#xe87b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe746;</span>
+                <div class="name">数据</div>
+                <div class="code-name">&amp;#xe746;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">盾牌</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60a;</span>
+                <div class="name">船锚</div>
+                <div class="code-name">&amp;#xe60a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe624;</span>
+                <div class="name">鼠标</div>
+                <div class="code-name">&amp;#xe624;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b4;</span>
+                <div class="name">时间</div>
+                <div class="code-name">&amp;#xe6b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9b8;</span>
+                <div class="name">打印机 打印 线性</div>
+                <div class="code-name">&amp;#xe9b8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe623;</span>
+                <div class="name">购物车</div>
+                <div class="code-name">&amp;#xe623;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a5;</span>
+                <div class="name">收益</div>
+                <div class="code-name">&amp;#xe6a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe681;</span>
+                <div class="name">Github</div>
+                <div class="code-name">&amp;#xe681;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe678;</span>
+                <div class="name">QQ</div>
+                <div class="code-name">&amp;#xe678;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe668;</span>
+                <div class="name">爱心</div>
+                <div class="code-name">&amp;#xe668;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe734;</span>
+                <div class="name">日志</div>
+                <div class="code-name">&amp;#xe734;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">代码</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe693;</span>
+                <div class="name">小米</div>
+                <div class="code-name">&amp;#xe693;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62a;</span>
+                <div class="name">记事本</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60b;</span>
+                <div class="name">矢量地图</div>
+                <div class="code-name">&amp;#xe60b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe638;</span>
+                <div class="name">框架版本</div>
+                <div class="code-name">&amp;#xe638;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70d;</span>
+                <div class="name">链接</div>
+                <div class="code-name">&amp;#xe70d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe711;</span>
+                <div class="name">下载</div>
+                <div class="code-name">&amp;#xe711;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea1e;</span>
+                <div class="name">演讲稿  演讲  分析  PPT 线性</div>
+                <div class="code-name">&amp;#xea1e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea51;</span>
+                <div class="name">游戏 游戏厅 游戏机 游戏手柄 线性</div>
+                <div class="code-name">&amp;#xea51;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65d;</span>
+                <div class="name">文档 (1)</div>
+                <div class="code-name">&amp;#xe65d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e1;</span>
+                <div class="name">眼睛</div>
+                <div class="code-name">&amp;#xe6e1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe695;</span>
+                <div class="name">水滴</div>
+                <div class="code-name">&amp;#xe695;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74c;</span>
+                <div class="name">发货运费统计</div>
+                <div class="code-name">&amp;#xe74c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d1;</span>
+                <div class="name">微信</div>
+                <div class="code-name">&amp;#xe6d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">奖杯</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe682;</span>
+                <div class="name">左</div>
+                <div class="code-name">&amp;#xe682;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe683;</span>
+                <div class="name">右</div>
+                <div class="code-name">&amp;#xe683;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ac;</span>
+                <div class="name">速度</div>
+                <div class="code-name">&amp;#xe6ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66d;</span>
+                <div class="name">微信</div>
+                <div class="code-name">&amp;#xe66d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67c;</span>
+                <div class="name">谷歌验证</div>
+                <div class="code-name">&amp;#xe67c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71a;</span>
+                <div class="name">分割线</div>
+                <div class="code-name">&amp;#xe71a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe644;</span>
+                <div class="name">音乐</div>
+                <div class="code-name">&amp;#xe644;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe633;</span>
+                <div class="name">返回</div>
+                <div class="code-name">&amp;#xe633;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dd;</span>
+                <div class="name">支付宝</div>
+                <div class="code-name">&amp;#xe6dd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65e;</span>
+                <div class="name">旗帜</div>
+                <div class="code-name">&amp;#xe65e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62b;</span>
+                <div class="name">箭头2-下</div>
+                <div class="code-name">&amp;#xe62b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">箭头2-右</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62f;</span>
+                <div class="name">箭头2-上</div>
+                <div class="code-name">&amp;#xe62f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe630;</span>
+                <div class="name">箭头2-左</div>
+                <div class="code-name">&amp;#xe630;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d7;</span>
+                <div class="name">待审核</div>
+                <div class="code-name">&amp;#xe6d7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe917;</span>
+                <div class="name">声音</div>
+                <div class="code-name">&amp;#xe917;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69c;</span>
+                <div class="name">电源</div>
+                <div class="code-name">&amp;#xe69c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72b;</span>
+                <div class="name">树形</div>
+                <div class="code-name">&amp;#xe72b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ee;</span>
+                <div class="name">暂无记录</div>
+                <div class="code-name">&amp;#xe6ee;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe75d;</span>
+                <div class="name">排序-降序</div>
+                <div class="code-name">&amp;#xe75d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe75e;</span>
+                <div class="name">排序-升序</div>
+                <div class="code-name">&amp;#xe75e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe634;</span>
+                <div class="name">工具</div>
+                <div class="code-name">&amp;#xe634;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66b;</span>
+                <div class="name">设置</div>
+                <div class="code-name">&amp;#xe66b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66a;</span>
+                <div class="name">放大</div>
+                <div class="code-name">&amp;#xe66a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe657;</span>
+                <div class="name">相机</div>
+                <div class="code-name">&amp;#xe657;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe820;</span>
+                <div class="name">多选框</div>
+                <div class="code-name">&amp;#xe820;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71b;</span>
+                <div class="name">16_GJW单元格填充色</div>
+                <div class="code-name">&amp;#xe71b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fa;</span>
+                <div class="name">化学方程</div>
+                <div class="code-name">&amp;#xe6fa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">结束</div>
+                <div class="code-name">&amp;#xe64f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72c;</span>
+                <div class="name">更多</div>
+                <div class="code-name">&amp;#xe72c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe704;</span>
+                <div class="name">活动</div>
+                <div class="code-name">&amp;#xe704;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72f;</span>
+                <div class="name">内容管理</div>
+                <div class="code-name">&amp;#xe72f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe643;</span>
+                <div class="name">更多</div>
+                <div class="code-name">&amp;#xe643;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6df;</span>
+                <div class="name">VIP</div>
+                <div class="code-name">&amp;#xe6df;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72a;</span>
+                <div class="name">刷新</div>
+                <div class="code-name">&amp;#xe72a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe667;</span>
+                <div class="name">礼物</div>
+                <div class="code-name">&amp;#xe667;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe722;</span>
+                <div class="name">上拉菜单</div>
+                <div class="code-name">&amp;#xe722;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe867;</span>
+                <div class="name">文件</div>
+                <div class="code-name">&amp;#xe867;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71c;</span>
+                <div class="name">标签页</div>
+                <div class="code-name">&amp;#xe71c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">文件夹</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c9;</span>
+                <div class="name">项目</div>
+                <div class="code-name">&amp;#xe6c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b5;</span>
+                <div class="name">多行文本</div>
+                <div class="code-name">&amp;#xe6b5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe670;</span>
+                <div class="name">更多</div>
+                <div class="code-name">&amp;#xe670;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe730;</span>
+                <div class="name">系统管理</div>
+                <div class="code-name">&amp;#xe730;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe723;</span>
+                <div class="name">步进器</div>
+                <div class="code-name">&amp;#xe723;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61b;</span>
+                <div class="name">杯子</div>
+                <div class="code-name">&amp;#xe61b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6da;</span>
+                <div class="name">github</div>
+                <div class="code-name">&amp;#xe6da;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67f;</span>
+                <div class="name">谷歌logo</div>
+                <div class="code-name">&amp;#xe67f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e4;</span>
+                <div class="name">小程序</div>
+                <div class="code-name">&amp;#xe6e4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe747;</span>
+                <div class="name">消息</div>
+                <div class="code-name">&amp;#xe747;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b6;</span>
+                <div class="name">单行文本</div>
+                <div class="code-name">&amp;#xe6b6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ca;</span>
+                <div class="name">中国移动</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68f;</span>
+                <div class="name">淘宝</div>
+                <div class="code-name">&amp;#xe68f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe729;</span>
+                <div class="name">导入</div>
+                <div class="code-name">&amp;#xe729;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a8;</span>
+                <div class="name">垃圾桶</div>
+                <div class="code-name">&amp;#xe6a8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe743;</span>
+                <div class="name">进度条</div>
+                <div class="code-name">&amp;#xe743;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe831;</span>
+                <div class="name">列表向左</div>
+                <div class="code-name">&amp;#xe831;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe832;</span>
+                <div class="name">列表向右</div>
+                <div class="code-name">&amp;#xe832;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe712;</span>
+                <div class="name">组织</div>
+                <div class="code-name">&amp;#xe712;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe706;</span>
+                <div class="name">大楼</div>
+                <div class="code-name">&amp;#xe706;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe741;</span>
+                <div class="name">桌面</div>
+                <div class="code-name">&amp;#xe741;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">电话</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64d;</span>
+                <div class="name">账号登录</div>
+                <div class="code-name">&amp;#xe64d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe709;</span>
+                <div class="name">页面</div>
+                <div class="code-name">&amp;#xe709;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe742;</span>
+                <div class="name">超链接</div>
+                <div class="code-name">&amp;#xe742;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea13;</span>
+                <div class="name">放大镜</div>
+                <div class="code-name">&amp;#xea13;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f6;</span>
+                <div class="name">404</div>
+                <div class="code-name">&amp;#xe6f6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe629;</span>
+                <div class="name">铃铛</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b7;</span>
+                <div class="name">开关-关</div>
+                <div class="code-name">&amp;#xe6b7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ce;</span>
+                <div class="name">选中</div>
+                <div class="code-name">&amp;#xe6ce;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61a;</span>
+                <div class="name">指示</div>
+                <div class="code-name">&amp;#xe61a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ad;</span>
+                <div class="name">星星</div>
+                <div class="code-name">&amp;#xe6ad;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe685;</span>
+                <div class="name">女性</div>
+                <div class="code-name">&amp;#xe685;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fd;</span>
+                <div class="name">地球，国际化，语言切换</div>
+                <div class="code-name">&amp;#xe6fd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe639;</span>
+                <div class="name">全屏</div>
+                <div class="code-name">&amp;#xe639;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe648;</span>
+                <div class="name">均衡器_画板 1</div>
+                <div class="code-name">&amp;#xe648;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe661;</span>
+                <div class="name">信息</div>
+                <div class="code-name">&amp;#xe661;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe669;</span>
+                <div class="name">纸飞机</div>
+                <div class="code-name">&amp;#xe669;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe653;</span>
+                <div class="name">进度</div>
+                <div class="code-name">&amp;#xe653;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70a;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe70a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9bb;</span>
+                <div class="name">wifi</div>
+                <div class="code-name">&amp;#xe9bb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6db;</span>
+                <div class="name">闭眼</div>
+                <div class="code-name">&amp;#xe6db;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe671;</span>
+                <div class="name">审核 笔记 记事本 写字</div>
+                <div class="code-name">&amp;#xe671;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe663;</span>
+                <div class="name">锁</div>
+                <div class="code-name">&amp;#xe663;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64e;</span>
+                <div class="name">暂停</div>
+                <div class="code-name">&amp;#xe64e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xebf4;</span>
+                <div class="name">无网络</div>
+                <div class="code-name">&amp;#xebf4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe631;</span>
+                <div class="name">裁剪</div>
+                <div class="code-name">&amp;#xe631;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71d;</span>
+                <div class="name">字段设置@2x</div>
+                <div class="code-name">&amp;#xe71d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74e;</span>
+                <div class="name">待收货</div>
+                <div class="code-name">&amp;#xe74e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b4;</span>
+                <div class="name">进入</div>
+                <div class="code-name">&amp;#xe7b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70f;</span>
+                <div class="name">动画</div>
+                <div class="code-name">&amp;#xe70f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe691;</span>
+                <div class="name">淘宝</div>
+                <div class="code-name">&amp;#xe691;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6de;</span>
+                <div class="name">VIP @3x</div>
+                <div class="code-name">&amp;#xe6de;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ff;</span>
+                <div class="name">字号-</div>
+                <div class="code-name">&amp;#xe6ff;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea9a;</span>
+                <div class="name">百度</div>
+                <div class="code-name">&amp;#xea9a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe679;</span>
+                <div class="name">qq</div>
+                <div class="code-name">&amp;#xe679;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f8;</span>
+                <div class="name">500</div>
+                <div class="code-name">&amp;#xe6f8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe626;</span>
+                <div class="name">袋，购物，购物，电子商务</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe611;</span>
+                <div class="name">菜单/列表</div>
+                <div class="code-name">&amp;#xe611;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dc;</span>
+                <div class="name">spring</div>
+                <div class="code-name">&amp;#xe6dc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70b;</span>
+                <div class="name">新增</div>
+                <div class="code-name">&amp;#xe70b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe649;</span>
+                <div class="name">开始</div>
+                <div class="code-name">&amp;#xe649;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe736;</span>
+                <div class="name">商城</div>
+                <div class="code-name">&amp;#xe736;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe666;</span>
+                <div class="name">开锁</div>
+                <div class="code-name">&amp;#xe666;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">大头针</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe854;</span>
+                <div class="name">表</div>
+                <div class="code-name">&amp;#xe854;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64b;</span>
+                <div class="name">踩</div>
+                <div class="code-name">&amp;#xe64b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60e;</span>
+                <div class="name">胡子</div>
+                <div class="code-name">&amp;#xe60e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe728;</span>
+                <div class="name">城市</div>
+                <div class="code-name">&amp;#xe728;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8a4;</span>
+                <div class="name">年卡</div>
+                <div class="code-name">&amp;#xe8a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">信</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68d;</span>
+                <div class="name">电信</div>
+                <div class="code-name">&amp;#xe68d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62e;</span>
+                <div class="name">关注</div>
+                <div class="code-name">&amp;#xe62e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe698;</span>
+                <div class="name">百度</div>
+                <div class="code-name">&amp;#xe698;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70c;</span>
+                <div class="name">背景</div>
+                <div class="code-name">&amp;#xe70c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe707;</span>
+                <div class="name">办公室</div>
+                <div class="code-name">&amp;#xe707;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73e;</span>
+                <div class="name">返 回</div>
+                <div class="code-name">&amp;#xe73e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73f;</span>
+                <div class="name">排序、排行</div>
+                <div class="code-name">&amp;#xe73f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e0;</span>
+                <div class="name">新建</div>
+                <div class="code-name">&amp;#xe6e0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe684;</span>
+                <div class="name">搞怪</div>
+                <div class="code-name">&amp;#xe684;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6eb;</span>
+                <div class="name">升级中</div>
+                <div class="code-name">&amp;#xe6eb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe716;</span>
+                <div class="name">长方形</div>
+                <div class="code-name">&amp;#xe716;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe733;</span>
+                <div class="name">会员中心</div>
+                <div class="code-name">&amp;#xe733;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe724;</span>
+                <div class="name">搜索框</div>
+                <div class="code-name">&amp;#xe724;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b8;</span>
+                <div class="name">滑块-01</div>
+                <div class="code-name">&amp;#xe6b8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69d;</span>
+                <div class="name">皮肤</div>
+                <div class="code-name">&amp;#xe69d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73c;</span>
+                <div class="name">关 闭</div>
+                <div class="code-name">&amp;#xe73c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe610;</span>
+                <div class="name">平板-2</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a2;</span>
+                <div class="name">吸铁磁</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b9;</span>
+                <div class="name">-_级联下拉功能框</div>
+                <div class="code-name">&amp;#xe6b9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe687;</span>
+                <div class="name">中国移动</div>
+                <div class="code-name">&amp;#xe687;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67e;</span>
+                <div class="name">日历</div>
+                <div class="code-name">&amp;#xe67e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe82d;</span>
+                <div class="name">加载</div>
+                <div class="code-name">&amp;#xe82d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe694;</span>
+                <div class="name">华为</div>
+                <div class="code-name">&amp;#xe694;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe75c;</span>
+                <div class="name">视频</div>
+                <div class="code-name">&amp;#xe75c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68e;</span>
+                <div class="name">联通</div>
+                <div class="code-name">&amp;#xe68e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe737;</span>
+                <div class="name">内容</div>
+                <div class="code-name">&amp;#xe737;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe708;</span>
+                <div class="name">暂无项目信息</div>
+                <div class="code-name">&amp;#xe708;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe735;</span>
+                <div class="name">权限管理</div>
+                <div class="code-name">&amp;#xe735;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe699;</span>
+                <div class="name">二维码登录</div>
+                <div class="code-name">&amp;#xe699;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ba;</span>
+                <div class="name">单选框</div>
+                <div class="code-name">&amp;#xe6ba;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61e;</span>
+                <div class="name">减</div>
+                <div class="code-name">&amp;#xe61e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61d;</span>
+                <div class="name">加</div>
+                <div class="code-name">&amp;#xe61d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72e;</span>
+                <div class="name">移交 转交</div>
+                <div class="code-name">&amp;#xe72e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73d;</span>
+                <div class="name">自定义</div>
+                <div class="code-name">&amp;#xe73d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe664;</span>
+                <div class="name">缩小</div>
+                <div class="code-name">&amp;#xe664;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d8;</span>
+                <div class="name">1印章(已结清)</div>
+                <div class="code-name">&amp;#xe6d8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe82f;</span>
+                <div class="name">颜色</div>
+                <div class="code-name">&amp;#xe82f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cb;</span>
+                <div class="name">清空</div>
+                <div class="code-name">&amp;#xe6cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cd;</span>
+                <div class="name">应用源码</div>
+                <div class="code-name">&amp;#xe6cd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe646;</span>
+                <div class="name">音乐 (1)</div>
+                <div class="code-name">&amp;#xe646;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69b;</span>
+                <div class="name">拖动</div>
+                <div class="code-name">&amp;#xe69b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe731;</span>
+                <div class="name">回形针</div>
+                <div class="code-name">&amp;#xe731;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe601;</span>
+                <div class="name">沙漏</div>
+                <div class="code-name">&amp;#xe601;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe717;</span>
+                <div class="name">正方形</div>
+                <div class="code-name">&amp;#xe717;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe656;</span>
+                <div class="name">视频</div>
+                <div class="code-name">&amp;#xe656;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe739;</span>
+                <div class="name">关注</div>
+                <div class="code-name">&amp;#xe739;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe710;</span>
+                <div class="name">感叹号</div>
+                <div class="code-name">&amp;#xe710;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70e;</span>
+                <div class="name">Sql Server</div>
+                <div class="code-name">&amp;#xe70e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a4;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe6a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69a;</span>
+                <div class="name">代码</div>
+                <div class="code-name">&amp;#xe69a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe632;</span>
+                <div class="name">照片</div>
+                <div class="code-name">&amp;#xe632;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe748;</span>
+                <div class="name">收 藏-产品详情</div>
+                <div class="code-name">&amp;#xe748;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cf;</span>
+                <div class="name">私有云</div>
+                <div class="code-name">&amp;#xe6cf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63b;</span>
+                <div class="name">文件夹</div>
+                <div class="code-name">&amp;#xe63b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe645;</span>
+                <div class="name">抽屉</div>
+                <div class="code-name">&amp;#xe645;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe696;</span>
+                <div class="name">小米</div>
+                <div class="code-name">&amp;#xe696;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe697;</span>
+                <div class="name">华为</div>
+                <div class="code-name">&amp;#xe697;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe673;</span>
+                <div class="name">拼图</div>
+                <div class="code-name">&amp;#xe673;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe676;</span>
+                <div class="name">微博</div>
+                <div class="code-name">&amp;#xe676;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe785;</span>
+                <div class="name">手机</div>
+                <div class="code-name">&amp;#xe785;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f1;</span>
+                <div class="name">复制</div>
+                <div class="code-name">&amp;#xe6f1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe745;</span>
+                <div class="name">表单</div>
+                <div class="code-name">&amp;#xe745;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bc;</span>
+                <div class="name">自定义</div>
+                <div class="code-name">&amp;#xe6bc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe701;</span>
+                <div class="name">gitee</div>
+                <div class="code-name">&amp;#xe701;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71e;</span>
+                <div class="name">轮播图</div>
+                <div class="code-name">&amp;#xe71e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe726;</span>
+                <div class="name">环形进度图</div>
+                <div class="code-name">&amp;#xe726;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe738;</span>
+                <div class="name">站群</div>
+                <div class="code-name">&amp;#xe738;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeaba;</span>
+                <div class="name">搜索框A</div>
+                <div class="code-name">&amp;#xeaba;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71f;</span>
+                <div class="name">九宫格</div>
+                <div class="code-name">&amp;#xe71f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e8;</span>
+                <div class="name">筛选</div>
+                <div class="code-name">&amp;#xe6e8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e5;</span>
+                <div class="name">分类</div>
+                <div class="code-name">&amp;#xe6e5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e6;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe6e6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e7;</span>
+                <div class="name">我的</div>
+                <div class="code-name">&amp;#xe6e7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e9;</span>
+                <div class="name">筛选</div>
+                <div class="code-name">&amp;#xe6e9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ea;</span>
+                <div class="name">浏览记录</div>
+                <div class="code-name">&amp;#xe6ea;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ef;</span>
+                <div class="name">闭眼</div>
+                <div class="code-name">&amp;#xe6ef;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ec;</span>
+                <div class="name">退出</div>
+                <div class="code-name">&amp;#xe6ec;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f0;</span>
+                <div class="name">中国</div>
+                <div class="code-name">&amp;#xe6f0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f2;</span>
+                <div class="name">全球</div>
+                <div class="code-name">&amp;#xe6f2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ed;</span>
+                <div class="name">QQ</div>
+                <div class="code-name">&amp;#xe6ed;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f5;</span>
+                <div class="name">微信</div>
+                <div class="code-name">&amp;#xe6f5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f9;</span>
+                <div class="name">中国</div>
+                <div class="code-name">&amp;#xe6f9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fb;</span>
+                <div class="name">世界</div>
+                <div class="code-name">&amp;#xe6fb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6fc;</span>
+                <div class="name">pdf</div>
+                <div class="code-name">&amp;#xe6fc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f4;</span>
+                <div class="name">优惠卷</div>
+                <div class="code-name">&amp;#xe6f4;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dengpao"></span>
+            <div class="name">
+              灯泡
+            </div>
+            <div class="code-name">.icon-dengpao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianhua2"></span>
+            <div class="name">
+              电话
+            </div>
+            <div class="code-name">.icon-dianhua2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenjian"></span>
+            <div class="name">
+              文档
+            </div>
+            <div class="code-name">.icon-wenjian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianji"></span>
+            <div class="name">
+              点击
+            </div>
+            <div class="code-name">.icon-dianji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinhangka"></span>
+            <div class="name">
+              银行卡
+            </div>
+            <div class="code-name">.icon-yinhangka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shu"></span>
+            <div class="name">
+              书
+            </div>
+            <div class="code-name">.icon-shu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-menu"></span>
+            <div class="name">
+              菜单
+            </div>
+            <div class="code-name">.icon-menu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bi"></span>
+            <div class="name">
+              笔
+            </div>
+            <div class="code-name">.icon-bi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huojian"></span>
+            <div class="name">
+              火箭
+            </div>
+            <div class="code-name">.icon-huojian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gongwenbao"></span>
+            <div class="name">
+              公文包
+            </div>
+            <div class="code-name">.icon-gongwenbao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-appxiugaiicon45"></span>
+            <div class="name">
+              评分
+            </div>
+            <div class="code-name">.icon-appxiugaiicon45
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gezi"></span>
+            <div class="name">
+              格子
+            </div>
+            <div class="code-name">.icon-gezi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shange"></span>
+            <div class="name">
+              栅格2
+            </div>
+            <div class="code-name">.icon-shange
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jinzhi"></span>
+            <div class="name">
+              禁止
+            </div>
+            <div class="code-name">.icon-jinzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zan"></span>
+            <div class="name">
+              赞
+            </div>
+            <div class="code-name">.icon-zan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-caidan"></span>
+            <div class="name">
+              菜单
+            </div>
+            <div class="code-name">.icon-caidan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiajiantou"></span>
+            <div class="name">
+              下
+            </div>
+            <div class="code-name">.icon-xiajiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xuanzhong"></span>
+            <div class="name">
+              选中
+            </div>
+            <div class="code-name">.icon-xuanzhong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenti"></span>
+            <div class="name">
+              问题
+            </div>
+            <div class="code-name">.icon-wenti
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guadianhua"></span>
+            <div class="name">
+              挂电话2
+            </div>
+            <div class="code-name">.icon-guadianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quanqiu"></span>
+            <div class="name">
+              全球
+            </div>
+            <div class="code-name">.icon-quanqiu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-mubiao"></span>
+            <div class="name">
+              目标
+            </div>
+            <div class="code-name">.icon-mubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fenlei"></span>
+            <div class="name">
+              分类
+            </div>
+            <div class="code-name">.icon-fenlei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangjiantou"></span>
+            <div class="name">
+              下拉
+            </div>
+            <div class="code-name">.icon-shangjiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuanjiao"></span>
+            <div class="name">
+              工作转交
+            </div>
+            <div class="code-name">.icon-zhuanjiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fenxiang1"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.icon-fenxiang1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dadianhua"></span>
+            <div class="name">
+              phone5-电话
+            </div>
+            <div class="code-name">.icon-dadianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiedianhua"></span>
+            <div class="name">
+              phone4-电话
+            </div>
+            <div class="code-name">.icon-jiedianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhinanzhen"></span>
+            <div class="name">
+              compass-指南针
+            </div>
+            <div class="code-name">.icon-zhinanzhen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wusheng"></span>
+            <div class="name">
+              无声
+            </div>
+            <div class="code-name">.icon-wusheng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jisuanqi"></span>
+            <div class="name">
+              计算器
+            </div>
+            <div class="code-name">.icon-jisuanqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nv"></span>
+            <div class="name">
+              女
+            </div>
+            <div class="code-name">.icon-nv
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dingwei"></span>
+            <div class="name">
+              定位
+            </div>
+            <div class="code-name">.icon-dingwei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gaodeditu"></span>
+            <div class="name">
+              高德地图
+            </div>
+            <div class="code-name">.icon-gaodeditu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yan"></span>
+            <div class="name">
+              眼
+            </div>
+            <div class="code-name">.icon-yan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chushihuashezhi"></span>
+            <div class="name">
+              初始化设置
+            </div>
+            <div class="code-name">.icon-chushihuashezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yunfei"></span>
+            <div class="name">
+              等待卖家确认运费-[转换]
+            </div>
+            <div class="code-name">.icon-yunfei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jinggao"></span>
+            <div class="name">
+              警告
+            </div>
+            <div class="code-name">.icon-jinggao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-Github2"></span>
+            <div class="name">
+              github
+            </div>
+            <div class="code-name">.icon-Github2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nanxing"></span>
+            <div class="name">
+              男性
+            </div>
+            <div class="code-name">.icon-nanxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiangyingshi"></span>
+            <div class="name">
+              响应式
+            </div>
+            <div class="code-name">.icon-xiangyingshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangpinshoucang"></span>
+            <div class="name">
+              ＋喜欢
+            </div>
+            <div class="code-name">.icon-shangpinshoucang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaolian"></span>
+            <div class="name">
+              笑脸
+            </div>
+            <div class="code-name">.icon-xiaolian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fasong"></span>
+            <div class="name">
+              发送消息
+            </div>
+            <div class="code-name">.icon-fasong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youjian"></span>
+            <div class="name">
+              邮件
+            </div>
+            <div class="code-name">.icon-youjian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianxin"></span>
+            <div class="name">
+              电信
+            </div>
+            <div class="code-name">.icon-dianxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tupian"></span>
+            <div class="name">
+              图片
+            </div>
+            <div class="code-name">.icon-tupian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liulanjilu"></span>
+            <div class="name">
+              足迹
+            </div>
+            <div class="code-name">.icon-liulanjilu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shijian"></span>
+            <div class="name">
+              时钟
+            </div>
+            <div class="code-name">.icon-shijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhongguoyidong"></span>
+            <div class="name">
+              中国移动
+            </div>
+            <div class="code-name">.icon-zhongguoyidong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-redact"></span>
+            <div class="name">
+              编辑器
+            </div>
+            <div class="code-name">.icon-redact
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tubiao"></span>
+            <div class="name">
+              图表
+            </div>
+            <div class="code-name">.icon-tubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-putongwenben"></span>
+            <div class="name">
+              文本
+            </div>
+            <div class="code-name">.icon-putongwenben
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaoqian"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.icon-biaoqian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuye"></span>
+            <div class="name">
+              主页
+            </div>
+            <div class="code-name">.icon-zhuye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wancheng"></span>
+            <div class="name">
+              完成
+            </div>
+            <div class="code-name">.icon-wancheng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianying"></span>
+            <div class="name">
+              电影
+            </div>
+            <div class="code-name">.icon-dianying
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huizhang"></span>
+            <div class="name">
+              徽章
+            </div>
+            <div class="code-name">.icon-huizhang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huo"></span>
+            <div class="name">
+              火
+            </div>
+            <div class="code-name">.icon-huo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-changpian"></span>
+            <div class="name">
+              唱片
+            </div>
+            <div class="code-name">.icon-changpian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shengyin"></span>
+            <div class="name">
+              声音
+            </div>
+            <div class="code-name">.icon-shengyin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-anniu"></span>
+            <div class="name">
+              按钮
+            </div>
+            <div class="code-name">.icon-anniu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-louceng"></span>
+            <div class="name">
+              楼层
+            </div>
+            <div class="code-name">.icon-louceng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yanjing"></span>
+            <div class="name">
+              眼镜
+            </div>
+            <div class="code-name">.icon-yanjing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wode"></span>
+            <div class="name">
+              我的
+            </div>
+            <div class="code-name">.icon-wode
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zidingyiguanli"></span>
+            <div class="name">
+              自定义
+            </div>
+            <div class="code-name">.icon-zidingyiguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-buju_daohanglan"></span>
+            <div class="name">
+              1010布局_导航栏
+            </div>
+            <div class="code-name">.icon-buju_daohanglan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lianjie"></span>
+            <div class="name">
+              链接
+            </div>
+            <div class="code-name">.icon-lianjie
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-mofabang"></span>
+            <div class="name">
+              魔法棒
+            </div>
+            <div class="code-name">.icon-mofabang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pingjia"></span>
+            <div class="name">
+              评价
+            </div>
+            <div class="code-name">.icon-pingjia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuijian"></span>
+            <div class="name">
+              推荐 
+            </div>
+            <div class="code-name">.icon-tuijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-QQ2"></span>
+            <div class="name">
+              QQ
+            </div>
+            <div class="code-name">.icon-QQ2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fenxiang"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.icon-fenxiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pinglun"></span>
+            <div class="name">
+              评论
+            </div>
+            <div class="code-name">.icon-pinglun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinyuefuhao"></span>
+            <div class="name">
+              播放器_首页歌曲列表_32
+            </div>
+            <div class="code-name">.icon-yinyuefuhao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shijiantongji"></span>
+            <div class="name">
+              事件统计
+            </div>
+            <div class="code-name">.icon-shijiantongji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-beijingse"></span>
+            <div class="name">
+              颜色
+            </div>
+            <div class="code-name">.icon-beijingse
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiye"></span>
+            <div class="name">
+              企业
+            </div>
+            <div class="code-name">.icon-qiye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huanxingbuju"></span>
+            <div class="name">
+              环形布局
+            </div>
+            <div class="code-name">.icon-huanxingbuju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yaoshi"></span>
+            <div class="name">
+              钥匙
+            </div>
+            <div class="code-name">.icon-yaoshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanbi"></span>
+            <div class="name">
+              关闭
+            </div>
+            <div class="code-name">.icon-guanbi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-sohuji"></span>
+            <div class="name">
+              手机
+            </div>
+            <div class="code-name">.icon-sohuji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-feiji"></span>
+            <div class="name">
+              飞机
+            </div>
+            <div class="code-name">.icon-feiji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-label"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.icon-label
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-WePayLogo"></span>
+            <div class="name">
+              支付宝
+            </div>
+            <div class="code-name">.icon-WePayLogo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-audio"></span>
+            <div class="name">
+              音频
+            </div>
+            <div class="code-name">.icon-audio
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiangmu"></span>
+            <div class="name">
+              项目
+            </div>
+            <div class="code-name">.icon-xiangmu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youjian2"></span>
+            <div class="name">
+              邮件
+            </div>
+            <div class="code-name">.icon-youjian2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weibo"></span>
+            <div class="name">
+              微博
+            </div>
+            <div class="code-name">.icon-weibo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qianbao"></span>
+            <div class="name">
+              钱包
+            </div>
+            <div class="code-name">.icon-qianbao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zuanshi"></span>
+            <div class="name">
+              钻石
+            </div>
+            <div class="code-name">.icon-zuanshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-mimashurukuang"></span>
+            <div class="name">
+              符号-密码输入框
+            </div>
+            <div class="code-name">.icon-mimashurukuang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huibodianhua"></span>
+            <div class="name">
+              回拨电话
+            </div>
+            <div class="code-name">.icon-huibodianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daotui"></span>
+            <div class="name">
+              倒退
+            </div>
+            <div class="code-name">.icon-daotui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kuaijin"></span>
+            <div class="name">
+              快进
+            </div>
+            <div class="code-name">.icon-kuaijin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuikuan"></span>
+            <div class="name">
+              退款
+            </div>
+            <div class="code-name">.icon-tuikuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yiguanzhu"></span>
+            <div class="name">
+              关注作者 已关注
+            </div>
+            <div class="code-name">.icon-yiguanzhu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-erji"></span>
+            <div class="name">
+              耳机
+            </div>
+            <div class="code-name">.icon-erji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuwu"></span>
+            <div class="name">
+              服务
+            </div>
+            <div class="code-name">.icon-fuwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixinzhifu1"></span>
+            <div class="name">
+              微信支付
+            </div>
+            <div class="code-name">.icon-weixinzhifu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-diqiuyi"></span>
+            <div class="name">
+              地球仪
+            </div>
+            <div class="code-name">.icon-diqiuyi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fenxiang2"></span>
+            <div class="name">
+              项目
+            </div>
+            <div class="code-name">.icon-fenxiang2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qipao1"></span>
+            <div class="name">
+              气泡
+            </div>
+            <div class="code-name">.icon-qipao1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ditu"></span>
+            <div class="name">
+              地图
+            </div>
+            <div class="code-name">.icon-ditu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daifahuo"></span>
+            <div class="name">
+              待发货
+            </div>
+            <div class="code-name">.icon-daifahuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suiji"></span>
+            <div class="name">
+              随机
+            </div>
+            <div class="code-name">.icon-suiji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zihao"></span>
+            <div class="name">
+              字号＋
+            </div>
+            <div class="code-name">.icon-zihao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yidongguangbiao"></span>
+            <div class="name">
+              移动光标
+            </div>
+            <div class="code-name">.icon-yidongguangbiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinjian"></span>
+            <div class="name">
+              信件_1
+            </div>
+            <div class="code-name">.icon-xinjian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liebiao1"></span>
+            <div class="name">
+              列表
+            </div>
+            <div class="code-name">.icon-liebiao1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuichu"></span>
+            <div class="name">
+              退出
+            </div>
+            <div class="code-name">.icon-tuichu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yusan"></span>
+            <div class="name">
+              雨伞
+            </div>
+            <div class="code-name">.icon-yusan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qiandaolingjifen"></span>
+            <div class="name">
+              签到
+            </div>
+            <div class="code-name">.icon-qiandaolingjifen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shandian"></span>
+            <div class="name">
+              闪电
+            </div>
+            <div class="code-name">.icon-shandian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-didichuxing"></span>
+            <div class="name">
+              滴滴出行
+            </div>
+            <div class="code-name">.icon-didichuxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-moban"></span>
+            <div class="name">
+              模板
+            </div>
+            <div class="code-name">.icon-moban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liantong"></span>
+            <div class="name">
+              联通
+            </div>
+            <div class="code-name">.icon-liantong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bingtu"></span>
+            <div class="name">
+              饼图
+            </div>
+            <div class="code-name">.icon-bingtu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jifenshangcheng"></span>
+            <div class="name">
+              礼物
+            </div>
+            <div class="code-name">.icon-jifenshangcheng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youhuiquan"></span>
+            <div class="name">
+              优惠券
+            </div>
+            <div class="code-name">.icon-youhuiquan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-riqixuanze"></span>
+            <div class="name">
+              日期选择
+            </div>
+            <div class="code-name">.icon-riqixuanze
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiayibu"></span>
+            <div class="name">
+              下一步
+            </div>
+            <div class="code-name">.icon-xiayibu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiuyeju"></span>
+            <div class="name">
+              招聘就业
+            </div>
+            <div class="code-name">.icon-jiuyeju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nan"></span>
+            <div class="name">
+              男
+            </div>
+            <div class="code-name">.icon-nan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jisuanqi1"></span>
+            <div class="name">
+              计算器 (1)
+            </div>
+            <div class="code-name">.icon-jisuanqi1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yanzhengma"></span>
+            <div class="name">
+              验证码
+            </div>
+            <div class="code-name">.icon-yanzhengma
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biye"></span>
+            <div class="name">
+              毕业
+            </div>
+            <div class="code-name">.icon-biye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baocun"></span>
+            <div class="name">
+              保存
+            </div>
+            <div class="code-name">.icon-baocun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangchuan"></span>
+            <div class="name">
+              上传
+            </div>
+            <div class="code-name">.icon-shangchuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kefu"></span>
+            <div class="name">
+              客服
+            </div>
+            <div class="code-name">.icon-kefu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-hongbao1"></span>
+            <div class="name">
+              红包
+            </div>
+            <div class="code-name">.icon-hongbao1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuyin"></span>
+            <div class="name">
+              语音
+            </div>
+            <div class="code-name">.icon-yuyin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baopei"></span>
+            <div class="name">
+              包配
+            </div>
+            <div class="code-name">.icon-baopei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-plus"></span>
+            <div class="name">
+              加
+            </div>
+            <div class="code-name">.icon-plus
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quxiaoguanzhux"></span>
+            <div class="name">
+              取消关注
+            </div>
+            <div class="code-name">.icon-quxiaoguanzhux
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuzhidaima"></span>
+            <div class="name">
+              复制代码
+            </div>
+            <div class="code-name">.icon-fuzhidaima
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guangbiao"></span>
+            <div class="name">
+              光标
+            </div>
+            <div class="code-name">.icon-guangbiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qipao"></span>
+            <div class="name">
+              气泡
+            </div>
+            <div class="code-name">.icon-qipao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhifubao1"></span>
+            <div class="name">
+              支付宝
+            </div>
+            <div class="code-name">.icon-zhifubao1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wendang1"></span>
+            <div class="name">
+              文档
+            </div>
+            <div class="code-name">.icon-wendang1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shuju"></span>
+            <div class="name">
+              数据
+            </div>
+            <div class="code-name">.icon-shuju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dunpai"></span>
+            <div class="name">
+              盾牌
+            </div>
+            <div class="code-name">.icon-dunpai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chuanmao"></span>
+            <div class="name">
+              船锚
+            </div>
+            <div class="code-name">.icon-chuanmao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shubiao"></span>
+            <div class="name">
+              鼠标
+            </div>
+            <div class="code-name">.icon-shubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shijian1"></span>
+            <div class="name">
+              时间
+            </div>
+            <div class="code-name">.icon-shijian1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dayinji"></span>
+            <div class="name">
+              打印机 打印 线性
+            </div>
+            <div class="code-name">.icon-dayinji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gouwuche"></span>
+            <div class="name">
+              购物车
+            </div>
+            <div class="code-name">.icon-gouwuche
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouyi"></span>
+            <div class="name">
+              收益
+            </div>
+            <div class="code-name">.icon-shouyi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-Github1"></span>
+            <div class="name">
+              Github
+            </div>
+            <div class="code-name">.icon-Github1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-QQ"></span>
+            <div class="name">
+              QQ
+            </div>
+            <div class="code-name">.icon-QQ
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-aixin"></span>
+            <div class="name">
+              爱心
+            </div>
+            <div class="code-name">.icon-aixin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-rizhi"></span>
+            <div class="name">
+              日志
+            </div>
+            <div class="code-name">.icon-rizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-code"></span>
+            <div class="name">
+              代码
+            </div>
+            <div class="code-name">.icon-code
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaomi"></span>
+            <div class="name">
+              小米
+            </div>
+            <div class="code-name">.icon-xiaomi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jishiben"></span>
+            <div class="name">
+              记事本
+            </div>
+            <div class="code-name">.icon-jishiben
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shiliangditu"></span>
+            <div class="name">
+              矢量地图
+            </div>
+            <div class="code-name">.icon-shiliangditu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kuangjia"></span>
+            <div class="name">
+              框架版本
+            </div>
+            <div class="code-name">.icon-kuangjia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lianjie1"></span>
+            <div class="name">
+              链接
+            </div>
+            <div class="code-name">.icon-lianjie1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiazai"></span>
+            <div class="name">
+              下载
+            </div>
+            <div class="code-name">.icon-xiazai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yanjiang"></span>
+            <div class="name">
+              演讲稿  演讲  分析  PPT 线性
+            </div>
+            <div class="code-name">.icon-yanjiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youxiji"></span>
+            <div class="name">
+              游戏 游戏厅 游戏机 游戏手柄 线性
+            </div>
+            <div class="code-name">.icon-youxiji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wendang"></span>
+            <div class="name">
+              文档 (1)
+            </div>
+            <div class="code-name">.icon-wendang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dakaiyanjing"></span>
+            <div class="name">
+              眼睛
+            </div>
+            <div class="code-name">.icon-dakaiyanjing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shuidi"></span>
+            <div class="name">
+              水滴
+            </div>
+            <div class="code-name">.icon-shuidi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fahuoyunfeitongji"></span>
+            <div class="name">
+              发货运费统计
+            </div>
+            <div class="code-name">.icon-fahuoyunfeitongji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixin"></span>
+            <div class="name">
+              微信
+            </div>
+            <div class="code-name">.icon-weixin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiangbei"></span>
+            <div class="name">
+              奖杯
+            </div>
+            <div class="code-name">.icon-jiangbei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zuojiantou"></span>
+            <div class="name">
+              左
+            </div>
+            <div class="code-name">.icon-zuojiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youjiantou"></span>
+            <div class="name">
+              右
+            </div>
+            <div class="code-name">.icon-youjiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhishipan"></span>
+            <div class="name">
+              速度
+            </div>
+            <div class="code-name">.icon-zhishipan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixin1"></span>
+            <div class="name">
+              微信
+            </div>
+            <div class="code-name">.icon-weixin1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guge"></span>
+            <div class="name">
+              谷歌验证
+            </div>
+            <div class="code-name">.icon-guge
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fengexian"></span>
+            <div class="name">
+              分割线
+            </div>
+            <div class="code-name">.icon-fengexian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinyue"></span>
+            <div class="name">
+              音乐
+            </div>
+            <div class="code-name">.icon-yinyue
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fanhui"></span>
+            <div class="name">
+              返回
+            </div>
+            <div class="code-name">.icon-fanhui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhifubao"></span>
+            <div class="name">
+              支付宝
+            </div>
+            <div class="code-name">.icon-zhifubao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qizhi"></span>
+            <div class="name">
+              旗帜
+            </div>
+            <div class="code-name">.icon-qizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiantou-xia"></span>
+            <div class="name">
+              箭头2-下
+            </div>
+            <div class="code-name">.icon-jiantou-xia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiantou-you"></span>
+            <div class="name">
+              箭头2-右
+            </div>
+            <div class="code-name">.icon-jiantou-you
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiantou-shang"></span>
+            <div class="name">
+              箭头2-上
+            </div>
+            <div class="code-name">.icon-jiantou-shang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiantou-zuo"></span>
+            <div class="name">
+              箭头2-左
+            </div>
+            <div class="code-name">.icon-jiantou-zuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daishenhe"></span>
+            <div class="name">
+              待审核
+            </div>
+            <div class="code-name">.icon-daishenhe
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shengyin1"></span>
+            <div class="name">
+              声音
+            </div>
+            <div class="code-name">.icon-shengyin1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianyuan"></span>
+            <div class="name">
+              电源
+            </div>
+            <div class="code-name">.icon-dianyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shuxing"></span>
+            <div class="name">
+              树形
+            </div>
+            <div class="code-name">.icon-shuxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanwushuju"></span>
+            <div class="name">
+              暂无记录
+            </div>
+            <div class="code-name">.icon-zanwushuju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-paixu-jiangxu"></span>
+            <div class="name">
+              排序-降序
+            </div>
+            <div class="code-name">.icon-paixu-jiangxu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-paixu-shengxu"></span>
+            <div class="name">
+              排序-升序
+            </div>
+            <div class="code-name">.icon-paixu-shengxu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gongju"></span>
+            <div class="name">
+              工具
+            </div>
+            <div class="code-name">.icon-gongju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shezhi"></span>
+            <div class="name">
+              设置
+            </div>
+            <div class="code-name">.icon-shezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fangda"></span>
+            <div class="name">
+              放大
+            </div>
+            <div class="code-name">.icon-fangda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiangji"></span>
+            <div class="name">
+              相机
+            </div>
+            <div class="code-name">.icon-xiangji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-duoxuankuang"></span>
+            <div class="name">
+              多选框
+            </div>
+            <div class="code-name">.icon-duoxuankuang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-_GJWdanyuangetianchongse"></span>
+            <div class="name">
+              16_GJW单元格填充色
+            </div>
+            <div class="code-name">.icon-_GJWdanyuangetianchongse
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huaxue"></span>
+            <div class="name">
+              化学方程
+            </div>
+            <div class="code-name">.icon-huaxue
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jieshu"></span>
+            <div class="name">
+              结束
+            </div>
+            <div class="code-name">.icon-jieshu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-Mstore"></span>
+            <div class="name">
+              更多
+            </div>
+            <div class="code-name">.icon-Mstore
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huodong"></span>
+            <div class="name">
+              活动
+            </div>
+            <div class="code-name">.icon-huodong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-neirongguanli"></span>
+            <div class="name">
+              内容管理
+            </div>
+            <div class="code-name">.icon-neirongguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gengduo3"></span>
+            <div class="name">
+              更多
+            </div>
+            <div class="code-name">.icon-gengduo3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-VIP"></span>
+            <div class="name">
+              VIP
+            </div>
+            <div class="code-name">.icon-VIP
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shuaxin"></span>
+            <div class="name">
+              刷新
+            </div>
+            <div class="code-name">.icon-shuaxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liwu"></span>
+            <div class="name">
+              礼物
+            </div>
+            <div class="code-name">.icon-liwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shanglacaidan"></span>
+            <div class="name">
+              上拉菜单
+            </div>
+            <div class="code-name">.icon-shanglacaidan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenjian1"></span>
+            <div class="name">
+              文件
+            </div>
+            <div class="code-name">.icon-wenjian1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaoqianye"></span>
+            <div class="name">
+              标签页
+            </div>
+            <div class="code-name">.icon-biaoqianye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenjianjia1"></span>
+            <div class="name">
+              文件夹
+            </div>
+            <div class="code-name">.icon-wenjianjia1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiangmu1"></span>
+            <div class="name">
+              项目
+            </div>
+            <div class="code-name">.icon-xiangmu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-duohangwenben"></span>
+            <div class="name">
+              多行文本
+            </div>
+            <div class="code-name">.icon-duohangwenben
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gengduo2"></span>
+            <div class="name">
+              更多
+            </div>
+            <div class="code-name">.icon-gengduo2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xitongguanli"></span>
+            <div class="name">
+              系统管理
+            </div>
+            <div class="code-name">.icon-xitongguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bujinqi"></span>
+            <div class="name">
+              步进器
+            </div>
+            <div class="code-name">.icon-bujinqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-beizi"></span>
+            <div class="name">
+              杯子
+            </div>
+            <div class="code-name">.icon-beizi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-github"></span>
+            <div class="name">
+              github
+            </div>
+            <div class="code-name">.icon-github
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guge1"></span>
+            <div class="name">
+              谷歌logo
+            </div>
+            <div class="code-name">.icon-guge1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaochengxu"></span>
+            <div class="name">
+              小程序
+            </div>
+            <div class="code-name">.icon-xiaochengxu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaoxi"></span>
+            <div class="name">
+              消息
+            </div>
+            <div class="code-name">.icon-xiaoxi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-danhangwenben"></span>
+            <div class="name">
+              单行文本
+            </div>
+            <div class="code-name">.icon-danhangwenben
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhongguoyidong1"></span>
+            <div class="name">
+              中国移动
+            </div>
+            <div class="code-name">.icon-zhongguoyidong1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-taobao"></span>
+            <div class="name">
+              淘宝
+            </div>
+            <div class="code-name">.icon-taobao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daoru"></span>
+            <div class="name">
+              导入
+            </div>
+            <div class="code-name">.icon-daoru
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lajitong"></span>
+            <div class="name">
+              垃圾桶
+            </div>
+            <div class="code-name">.icon-lajitong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jindutiao"></span>
+            <div class="name">
+              进度条
+            </div>
+            <div class="code-name">.icon-jindutiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shousuo"></span>
+            <div class="name">
+              列表向左
+            </div>
+            <div class="code-name">.icon-shousuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liebiaoxiangyou"></span>
+            <div class="name">
+              列表向右
+            </div>
+            <div class="code-name">.icon-liebiaoxiangyou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zuzhi"></span>
+            <div class="name">
+              组织
+            </div>
+            <div class="code-name">.icon-zuzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuhuaqi"></span>
+            <div class="name">
+              大楼
+            </div>
+            <div class="code-name">.icon-fuhuaqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhuomian"></span>
+            <div class="name">
+              桌面
+            </div>
+            <div class="code-name">.icon-zhuomian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianhua"></span>
+            <div class="name">
+              电话
+            </div>
+            <div class="code-name">.icon-dianhua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhanghaodenglu"></span>
+            <div class="name">
+              账号登录
+            </div>
+            <div class="code-name">.icon-zhanghaodenglu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yemian"></span>
+            <div class="name">
+              页面
+            </div>
+            <div class="code-name">.icon-yemian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chaolianjie"></span>
+            <div class="name">
+              超链接
+            </div>
+            <div class="code-name">.icon-chaolianjie
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fangdajing"></span>
+            <div class="name">
+              放大镜
+            </div>
+            <div class="code-name">.icon-fangdajing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-test"></span>
+            <div class="name">
+              404
+            </div>
+            <div class="code-name">.icon-icon-test
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lingdang"></span>
+            <div class="name">
+              铃铛
+            </div>
+            <div class="code-name">.icon-lingdang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaiguan"></span>
+            <div class="name">
+              开关-关
+            </div>
+            <div class="code-name">.icon-kaiguan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xuanzhong1"></span>
+            <div class="name">
+              选中
+            </div>
+            <div class="code-name">.icon-xuanzhong1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhishi"></span>
+            <div class="name">
+              指示
+            </div>
+            <div class="code-name">.icon-zhishi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xingxing"></span>
+            <div class="name">
+              星星
+            </div>
+            <div class="code-name">.icon-xingxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nvxing"></span>
+            <div class="name">
+              女性
+            </div>
+            <div class="code-name">.icon-nvxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huaban-"></span>
+            <div class="name">
+              地球，国际化，语言切换
+            </div>
+            <div class="code-name">.icon-huaban-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quanping"></span>
+            <div class="name">
+              全屏
+            </div>
+            <div class="code-name">.icon-quanping
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-junhengqi"></span>
+            <div class="name">
+              均衡器_画板 1
+            </div>
+            <div class="code-name">.icon-junhengqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinxi"></span>
+            <div class="name">
+              信息
+            </div>
+            <div class="code-name">.icon-xinxi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhifeiji"></span>
+            <div class="name">
+              纸飞机
+            </div>
+            <div class="code-name">.icon-zhifeiji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jindubiao"></span>
+            <div class="name">
+              进度
+            </div>
+            <div class="code-name">.icon-jindubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yonghu"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-yonghu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wifi"></span>
+            <div class="name">
+              wifi
+            </div>
+            <div class="code-name">.icon-wifi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biyan"></span>
+            <div class="name">
+              闭眼
+            </div>
+            <div class="code-name">.icon-biyan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bianji"></span>
+            <div class="name">
+              审核 笔记 记事本 写字
+            </div>
+            <div class="code-name">.icon-bianji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suo"></span>
+            <div class="name">
+              锁
+            </div>
+            <div class="code-name">.icon-suo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanting"></span>
+            <div class="name">
+              暂停
+            </div>
+            <div class="code-name">.icon-zanting
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wuwangluo"></span>
+            <div class="name">
+              无网络
+            </div>
+            <div class="code-name">.icon-wuwangluo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-caijian"></span>
+            <div class="name">
+              裁剪
+            </div>
+            <div class="code-name">.icon-caijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ziduanshezhix"></span>
+            <div class="name">
+              字段设置@2x
+            </div>
+            <div class="code-name">.icon-ziduanshezhix
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daishouhuo"></span>
+            <div class="name">
+              待收货
+            </div>
+            <div class="code-name">.icon-daishouhuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jinru"></span>
+            <div class="name">
+              进入
+            </div>
+            <div class="code-name">.icon-jinru
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xing"></span>
+            <div class="name">
+              动画
+            </div>
+            <div class="code-name">.icon-xing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-taobao1"></span>
+            <div class="name">
+              淘宝
+            </div>
+            <div class="code-name">.icon-taobao1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-VIPx"></span>
+            <div class="name">
+              VIP @3x
+            </div>
+            <div class="code-name">.icon-VIPx
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zihao-"></span>
+            <div class="name">
+              字号-
+            </div>
+            <div class="code-name">.icon-zihao-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baidu"></span>
+            <div class="name">
+              百度
+            </div>
+            <div class="code-name">.icon-baidu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-QQ1"></span>
+            <div class="name">
+              qq
+            </div>
+            <div class="code-name">.icon-QQ1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-test1"></span>
+            <div class="name">
+              500
+            </div>
+            <div class="code-name">.icon-icon-test1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gowudai"></span>
+            <div class="name">
+              袋，购物，购物，电子商务
+            </div>
+            <div class="code-name">.icon-gowudai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liebiao"></span>
+            <div class="name">
+              菜单/列表
+            </div>
+            <div class="code-name">.icon-liebiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-spring"></span>
+            <div class="name">
+              spring
+            </div>
+            <div class="code-name">.icon-spring
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinzeng"></span>
+            <div class="name">
+              新增
+            </div>
+            <div class="code-name">.icon-xinzeng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaishi"></span>
+            <div class="name">
+              开始
+            </div>
+            <div class="code-name">.icon-kaishi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangcheng"></span>
+            <div class="name">
+              商城
+            </div>
+            <div class="code-name">.icon-shangcheng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaisuo"></span>
+            <div class="name">
+              开锁
+            </div>
+            <div class="code-name">.icon-kaisuo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-datouzhen"></span>
+            <div class="name">
+              大头针
+            </div>
+            <div class="code-name">.icon-datouzhen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biao"></span>
+            <div class="name">
+              表
+            </div>
+            <div class="code-name">.icon-biao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-cai"></span>
+            <div class="name">
+              踩
+            </div>
+            <div class="code-name">.icon-cai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huzi"></span>
+            <div class="name">
+              胡子
+            </div>
+            <div class="code-name">.icon-huzi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chengshi"></span>
+            <div class="name">
+              城市
+            </div>
+            <div class="code-name">.icon-chengshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nianqia"></span>
+            <div class="name">
+              年卡
+            </div>
+            <div class="code-name">.icon-nianqia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xin"></span>
+            <div class="name">
+              信
+            </div>
+            <div class="code-name">.icon-xin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianxin1"></span>
+            <div class="name">
+              电信
+            </div>
+            <div class="code-name">.icon-dianxin1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanzhu"></span>
+            <div class="name">
+              关注
+            </div>
+            <div class="code-name">.icon-guanzhu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-baidu1"></span>
+            <div class="name">
+              百度
+            </div>
+            <div class="code-name">.icon-baidu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-beijing"></span>
+            <div class="name">
+              背景
+            </div>
+            <div class="code-name">.icon-beijing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bangongshi"></span>
+            <div class="name">
+              办公室
+            </div>
+            <div class="code-name">.icon-bangongshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fanhui1"></span>
+            <div class="name">
+              返 回
+            </div>
+            <div class="code-name">.icon-fanhui1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-paixu"></span>
+            <div class="name">
+              排序、排行
+            </div>
+            <div class="code-name">.icon-paixu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xinjian1"></span>
+            <div class="name">
+              新建
+            </div>
+            <div class="code-name">.icon-xinjian1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gaoguai"></span>
+            <div class="name">
+              搞怪
+            </div>
+            <div class="code-name">.icon-gaoguai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shengjizhong"></span>
+            <div class="name">
+              升级中
+            </div>
+            <div class="code-name">.icon-shengjizhong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-changfangxing1"></span>
+            <div class="name">
+              长方形
+            </div>
+            <div class="code-name">.icon-changfangxing1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huiyuanzhongxin"></span>
+            <div class="name">
+              会员中心
+            </div>
+            <div class="code-name">.icon-huiyuanzhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-sousuokuang"></span>
+            <div class="name">
+              搜索框
+            </div>
+            <div class="code-name">.icon-sousuokuang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huakuai"></span>
+            <div class="name">
+              滑块-01
+            </div>
+            <div class="code-name">.icon-huakuai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pifu"></span>
+            <div class="name">
+              皮肤
+            </div>
+            <div class="code-name">.icon-pifu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanbi1"></span>
+            <div class="name">
+              关 闭
+            </div>
+            <div class="code-name">.icon-guanbi1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pingban"></span>
+            <div class="name">
+              平板-2
+            </div>
+            <div class="code-name">.icon-pingban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xitieci"></span>
+            <div class="name">
+              吸铁磁
+            </div>
+            <div class="code-name">.icon-xitieci
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jilianxuanzeqi"></span>
+            <div class="name">
+              -_级联下拉功能框
+            </div>
+            <div class="code-name">.icon-jilianxuanzeqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhongguoyidong2"></span>
+            <div class="name">
+              中国移动
+            </div>
+            <div class="code-name">.icon-zhongguoyidong2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-rili"></span>
+            <div class="name">
+              日历
+            </div>
+            <div class="code-name">.icon-rili
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiazai"></span>
+            <div class="name">
+              加载
+            </div>
+            <div class="code-name">.icon-jiazai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huawei"></span>
+            <div class="name">
+              华为
+            </div>
+            <div class="code-name">.icon-huawei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shipin1"></span>
+            <div class="name">
+              视频
+            </div>
+            <div class="code-name">.icon-shipin1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-liantong1"></span>
+            <div class="name">
+              联通
+            </div>
+            <div class="code-name">.icon-liantong1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-neirong"></span>
+            <div class="name">
+              内容
+            </div>
+            <div class="code-name">.icon-neirong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zanwuxiangmuxinxi"></span>
+            <div class="name">
+              暂无项目信息
+            </div>
+            <div class="code-name">.icon-zanwuxiangmuxinxi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quanxianguanli"></span>
+            <div class="name">
+              权限管理
+            </div>
+            <div class="code-name">.icon-quanxianguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-erweimadenglu"></span>
+            <div class="name">
+              二维码登录
+            </div>
+            <div class="code-name">.icon-erweimadenglu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-danxuankuang"></span>
+            <div class="name">
+              单选框
+            </div>
+            <div class="code-name">.icon-danxuankuang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jian"></span>
+            <div class="name">
+              减
+            </div>
+            <div class="code-name">.icon-jian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jia"></span>
+            <div class="name">
+              加
+            </div>
+            <div class="code-name">.icon-jia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yijiaozhuanjiao"></span>
+            <div class="name">
+              移交 转交
+            </div>
+            <div class="code-name">.icon-yijiaozhuanjiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zidingyimoxing"></span>
+            <div class="name">
+              自定义
+            </div>
+            <div class="code-name">.icon-zidingyimoxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-suoxiao"></span>
+            <div class="name">
+              缩小
+            </div>
+            <div class="code-name">.icon-suoxiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinzhangyijieqing"></span>
+            <div class="name">
+              1印章(已结清)
+            </div>
+            <div class="code-name">.icon-yinzhangyijieqing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yanse"></span>
+            <div class="name">
+              颜色
+            </div>
+            <div class="code-name">.icon-yanse
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-qingkong"></span>
+            <div class="name">
+              清空
+            </div>
+            <div class="code-name">.icon-qingkong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yingyongyuanma"></span>
+            <div class="name">
+              应用源码
+            </div>
+            <div class="code-name">.icon-yingyongyuanma
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinfu"></span>
+            <div class="name">
+              音乐 (1)
+            </div>
+            <div class="code-name">.icon-yinfu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuodong"></span>
+            <div class="name">
+              拖动
+            </div>
+            <div class="code-name">.icon-tuodong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huixingzhen"></span>
+            <div class="name">
+              回形针
+            </div>
+            <div class="code-name">.icon-huixingzhen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shalou"></span>
+            <div class="name">
+              沙漏
+            </div>
+            <div class="code-name">.icon-shalou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengfangxing"></span>
+            <div class="name">
+              正方形
+            </div>
+            <div class="code-name">.icon-zhengfangxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shipin"></span>
+            <div class="name">
+              视频
+            </div>
+            <div class="code-name">.icon-shipin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanzhu1"></span>
+            <div class="name">
+              关注
+            </div>
+            <div class="code-name">.icon-guanzhu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gantanhao"></span>
+            <div class="name">
+              感叹号
+            </div>
+            <div class="code-name">.icon-gantanhao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-SqlServer"></span>
+            <div class="name">
+              Sql Server
+            </div>
+            <div class="code-name">.icon-SqlServer
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-admin"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-admin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daima"></span>
+            <div class="name">
+              代码
+            </div>
+            <div class="code-name">.icon-daima
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhaopian"></span>
+            <div class="name">
+              照片
+            </div>
+            <div class="code-name">.icon-zhaopian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shoucang"></span>
+            <div class="name">
+              收 藏-产品详情
+            </div>
+            <div class="code-name">.icon-shoucang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-siyouyun"></span>
+            <div class="name">
+              私有云
+            </div>
+            <div class="code-name">.icon-siyouyun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wenjianjia"></span>
+            <div class="name">
+              文件夹
+            </div>
+            <div class="code-name">.icon-wenjianjia
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chouti"></span>
+            <div class="name">
+              抽屉
+            </div>
+            <div class="code-name">.icon-chouti
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiaomi1"></span>
+            <div class="name">
+              小米
+            </div>
+            <div class="code-name">.icon-xiaomi1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huawei1"></span>
+            <div class="name">
+              华为
+            </div>
+            <div class="code-name">.icon-huawei1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pintu"></span>
+            <div class="name">
+              拼图
+            </div>
+            <div class="code-name">.icon-pintu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weibo1"></span>
+            <div class="name">
+              微博
+            </div>
+            <div class="code-name">.icon-weibo1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yingyong"></span>
+            <div class="name">
+              手机
+            </div>
+            <div class="code-name">.icon-yingyong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fuzhi"></span>
+            <div class="name">
+              复制
+            </div>
+            <div class="code-name">.icon-fuzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaodan"></span>
+            <div class="name">
+              表单
+            </div>
+            <div class="code-name">.icon-biaodan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zidingyi"></span>
+            <div class="name">
+              自定义
+            </div>
+            <div class="code-name">.icon-zidingyi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gitee"></span>
+            <div class="name">
+              gitee
+            </div>
+            <div class="code-name">.icon-gitee
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tubiaozhizuomoban"></span>
+            <div class="name">
+              轮播图
+            </div>
+            <div class="code-name">.icon-tubiaozhizuomoban
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-huanxingjindutu"></span>
+            <div class="name">
+              环形进度图
+            </div>
+            <div class="code-name">.icon-huanxingjindutu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhanqun"></span>
+            <div class="name">
+              站群
+            </div>
+            <div class="code-name">.icon-zhanqun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-sousuokuangA"></span>
+            <div class="name">
+              搜索框A
+            </div>
+            <div class="code-name">.icon-sousuokuangA
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jiugongge"></span>
+            <div class="name">
+              九宫格
+            </div>
+            <div class="code-name">.icon-jiugongge
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shaixuan"></span>
+            <div class="name">
+              筛选
+            </div>
+            <div class="code-name">.icon-shaixuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fenlei1"></span>
+            <div class="name">
+              分类
+            </div>
+            <div class="code-name">.icon-fenlei1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wode1"></span>
+            <div class="name">
+              我的
+            </div>
+            <div class="code-name">.icon-wode1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-juxing"></span>
+            <div class="name">
+              筛选
+            </div>
+            <div class="code-name">.icon-juxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-juxing1"></span>
+            <div class="name">
+              浏览记录
+            </div>
+            <div class="code-name">.icon-juxing1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biyan1"></span>
+            <div class="name">
+              闭眼
+            </div>
+            <div class="code-name">.icon-biyan1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuichu1"></span>
+            <div class="name">
+              退出
+            </div>
+            <div class="code-name">.icon-tuichu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhongguo"></span>
+            <div class="name">
+              中国
+            </div>
+            <div class="code-name">.icon-zhongguo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quanqiu1"></span>
+            <div class="name">
+              全球
+            </div>
+            <div class="code-name">.icon-quanqiu1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-QQ3"></span>
+            <div class="name">
+              QQ
+            </div>
+            <div class="code-name">.icon-QQ3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixin2"></span>
+            <div class="name">
+              微信
+            </div>
+            <div class="code-name">.icon-weixin2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-china"></span>
+            <div class="name">
+              中国
+            </div>
+            <div class="code-name">.icon-icon-china
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-icon-shijie"></span>
+            <div class="name">
+              世界
+            </div>
+            <div class="code-name">.icon-icon-shijie
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pdf"></span>
+            <div class="name">
+              pdf
+            </div>
+            <div class="code-name">.icon-pdf
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-youhuijuan"></span>
+            <div class="name">
+              优惠卷
+            </div>
+            <div class="code-name">.icon-youhuijuan
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dengpao"></use>
+                </svg>
+                <div class="name">灯泡</div>
+                <div class="code-name">#icon-dengpao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianhua2"></use>
+                </svg>
+                <div class="name">电话</div>
+                <div class="code-name">#icon-dianhua2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenjian"></use>
+                </svg>
+                <div class="name">文档</div>
+                <div class="code-name">#icon-wenjian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianji"></use>
+                </svg>
+                <div class="name">点击</div>
+                <div class="code-name">#icon-dianji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinhangka"></use>
+                </svg>
+                <div class="name">银行卡</div>
+                <div class="code-name">#icon-yinhangka</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shu"></use>
+                </svg>
+                <div class="name">书</div>
+                <div class="code-name">#icon-shu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-menu"></use>
+                </svg>
+                <div class="name">菜单</div>
+                <div class="code-name">#icon-menu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bi"></use>
+                </svg>
+                <div class="name">笔</div>
+                <div class="code-name">#icon-bi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huojian"></use>
+                </svg>
+                <div class="name">火箭</div>
+                <div class="code-name">#icon-huojian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gongwenbao"></use>
+                </svg>
+                <div class="name">公文包</div>
+                <div class="code-name">#icon-gongwenbao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-appxiugaiicon45"></use>
+                </svg>
+                <div class="name">评分</div>
+                <div class="code-name">#icon-appxiugaiicon45</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gezi"></use>
+                </svg>
+                <div class="name">格子</div>
+                <div class="code-name">#icon-gezi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shange"></use>
+                </svg>
+                <div class="name">栅格2</div>
+                <div class="code-name">#icon-shange</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jinzhi"></use>
+                </svg>
+                <div class="name">禁止</div>
+                <div class="code-name">#icon-jinzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zan"></use>
+                </svg>
+                <div class="name">赞</div>
+                <div class="code-name">#icon-zan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-caidan"></use>
+                </svg>
+                <div class="name">菜单</div>
+                <div class="code-name">#icon-caidan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiajiantou"></use>
+                </svg>
+                <div class="name">下</div>
+                <div class="code-name">#icon-xiajiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanzhong"></use>
+                </svg>
+                <div class="name">选中</div>
+                <div class="code-name">#icon-xuanzhong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenti"></use>
+                </svg>
+                <div class="name">问题</div>
+                <div class="code-name">#icon-wenti</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guadianhua"></use>
+                </svg>
+                <div class="name">挂电话2</div>
+                <div class="code-name">#icon-guadianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quanqiu"></use>
+                </svg>
+                <div class="name">全球</div>
+                <div class="code-name">#icon-quanqiu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-mubiao"></use>
+                </svg>
+                <div class="name">目标</div>
+                <div class="code-name">#icon-mubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenlei"></use>
+                </svg>
+                <div class="name">分类</div>
+                <div class="code-name">#icon-fenlei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangjiantou"></use>
+                </svg>
+                <div class="name">下拉</div>
+                <div class="code-name">#icon-shangjiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuanjiao"></use>
+                </svg>
+                <div class="name">工作转交</div>
+                <div class="code-name">#icon-zhuanjiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenxiang1"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#icon-fenxiang1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dadianhua"></use>
+                </svg>
+                <div class="name">phone5-电话</div>
+                <div class="code-name">#icon-dadianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiedianhua"></use>
+                </svg>
+                <div class="name">phone4-电话</div>
+                <div class="code-name">#icon-jiedianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhinanzhen"></use>
+                </svg>
+                <div class="name">compass-指南针</div>
+                <div class="code-name">#icon-zhinanzhen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wusheng"></use>
+                </svg>
+                <div class="name">无声</div>
+                <div class="code-name">#icon-wusheng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jisuanqi"></use>
+                </svg>
+                <div class="name">计算器</div>
+                <div class="code-name">#icon-jisuanqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nv"></use>
+                </svg>
+                <div class="name">女</div>
+                <div class="code-name">#icon-nv</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dingwei"></use>
+                </svg>
+                <div class="name">定位</div>
+                <div class="code-name">#icon-dingwei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gaodeditu"></use>
+                </svg>
+                <div class="name">高德地图</div>
+                <div class="code-name">#icon-gaodeditu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yan"></use>
+                </svg>
+                <div class="name">眼</div>
+                <div class="code-name">#icon-yan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chushihuashezhi"></use>
+                </svg>
+                <div class="name">初始化设置</div>
+                <div class="code-name">#icon-chushihuashezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yunfei"></use>
+                </svg>
+                <div class="name">等待卖家确认运费-[转换]</div>
+                <div class="code-name">#icon-yunfei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jinggao"></use>
+                </svg>
+                <div class="name">警告</div>
+                <div class="code-name">#icon-jinggao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-Github2"></use>
+                </svg>
+                <div class="name">github</div>
+                <div class="code-name">#icon-Github2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nanxing"></use>
+                </svg>
+                <div class="name">男性</div>
+                <div class="code-name">#icon-nanxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiangyingshi"></use>
+                </svg>
+                <div class="name">响应式</div>
+                <div class="code-name">#icon-xiangyingshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangpinshoucang"></use>
+                </svg>
+                <div class="name">＋喜欢</div>
+                <div class="code-name">#icon-shangpinshoucang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaolian"></use>
+                </svg>
+                <div class="name">笑脸</div>
+                <div class="code-name">#icon-xiaolian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fasong"></use>
+                </svg>
+                <div class="name">发送消息</div>
+                <div class="code-name">#icon-fasong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjian"></use>
+                </svg>
+                <div class="name">邮件</div>
+                <div class="code-name">#icon-youjian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianxin"></use>
+                </svg>
+                <div class="name">电信</div>
+                <div class="code-name">#icon-dianxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tupian"></use>
+                </svg>
+                <div class="name">图片</div>
+                <div class="code-name">#icon-tupian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liulanjilu"></use>
+                </svg>
+                <div class="name">足迹</div>
+                <div class="code-name">#icon-liulanjilu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shijian"></use>
+                </svg>
+                <div class="name">时钟</div>
+                <div class="code-name">#icon-shijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhongguoyidong"></use>
+                </svg>
+                <div class="name">中国移动</div>
+                <div class="code-name">#icon-zhongguoyidong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-redact"></use>
+                </svg>
+                <div class="name">编辑器</div>
+                <div class="code-name">#icon-redact</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tubiao"></use>
+                </svg>
+                <div class="name">图表</div>
+                <div class="code-name">#icon-tubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-putongwenben"></use>
+                </svg>
+                <div class="name">文本</div>
+                <div class="code-name">#icon-putongwenben</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaoqian"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#icon-biaoqian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuye"></use>
+                </svg>
+                <div class="name">主页</div>
+                <div class="code-name">#icon-zhuye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wancheng"></use>
+                </svg>
+                <div class="name">完成</div>
+                <div class="code-name">#icon-wancheng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianying"></use>
+                </svg>
+                <div class="name">电影</div>
+                <div class="code-name">#icon-dianying</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huizhang"></use>
+                </svg>
+                <div class="name">徽章</div>
+                <div class="code-name">#icon-huizhang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huo"></use>
+                </svg>
+                <div class="name">火</div>
+                <div class="code-name">#icon-huo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-changpian"></use>
+                </svg>
+                <div class="name">唱片</div>
+                <div class="code-name">#icon-changpian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shengyin"></use>
+                </svg>
+                <div class="name">声音</div>
+                <div class="code-name">#icon-shengyin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-anniu"></use>
+                </svg>
+                <div class="name">按钮</div>
+                <div class="code-name">#icon-anniu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-louceng"></use>
+                </svg>
+                <div class="name">楼层</div>
+                <div class="code-name">#icon-louceng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanjing"></use>
+                </svg>
+                <div class="name">眼镜</div>
+                <div class="code-name">#icon-yanjing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wode"></use>
+                </svg>
+                <div class="name">我的</div>
+                <div class="code-name">#icon-wode</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zidingyiguanli"></use>
+                </svg>
+                <div class="name">自定义</div>
+                <div class="code-name">#icon-zidingyiguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-buju_daohanglan"></use>
+                </svg>
+                <div class="name">1010布局_导航栏</div>
+                <div class="code-name">#icon-buju_daohanglan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lianjie"></use>
+                </svg>
+                <div class="name">链接</div>
+                <div class="code-name">#icon-lianjie</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-mofabang"></use>
+                </svg>
+                <div class="name">魔法棒</div>
+                <div class="code-name">#icon-mofabang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pingjia"></use>
+                </svg>
+                <div class="name">评价</div>
+                <div class="code-name">#icon-pingjia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuijian"></use>
+                </svg>
+                <div class="name">推荐 </div>
+                <div class="code-name">#icon-tuijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-QQ2"></use>
+                </svg>
+                <div class="name">QQ</div>
+                <div class="code-name">#icon-QQ2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenxiang"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#icon-fenxiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pinglun"></use>
+                </svg>
+                <div class="name">评论</div>
+                <div class="code-name">#icon-pinglun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinyuefuhao"></use>
+                </svg>
+                <div class="name">播放器_首页歌曲列表_32</div>
+                <div class="code-name">#icon-yinyuefuhao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shijiantongji"></use>
+                </svg>
+                <div class="name">事件统计</div>
+                <div class="code-name">#icon-shijiantongji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-beijingse"></use>
+                </svg>
+                <div class="name">颜色</div>
+                <div class="code-name">#icon-beijingse</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiye"></use>
+                </svg>
+                <div class="name">企业</div>
+                <div class="code-name">#icon-qiye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huanxingbuju"></use>
+                </svg>
+                <div class="name">环形布局</div>
+                <div class="code-name">#icon-huanxingbuju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yaoshi"></use>
+                </svg>
+                <div class="name">钥匙</div>
+                <div class="code-name">#icon-yaoshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanbi"></use>
+                </svg>
+                <div class="name">关闭</div>
+                <div class="code-name">#icon-guanbi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sohuji"></use>
+                </svg>
+                <div class="name">手机</div>
+                <div class="code-name">#icon-sohuji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-feiji"></use>
+                </svg>
+                <div class="name">飞机</div>
+                <div class="code-name">#icon-feiji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-label"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#icon-label</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-WePayLogo"></use>
+                </svg>
+                <div class="name">支付宝</div>
+                <div class="code-name">#icon-WePayLogo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-audio"></use>
+                </svg>
+                <div class="name">音频</div>
+                <div class="code-name">#icon-audio</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiangmu"></use>
+                </svg>
+                <div class="name">项目</div>
+                <div class="code-name">#icon-xiangmu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjian2"></use>
+                </svg>
+                <div class="name">邮件</div>
+                <div class="code-name">#icon-youjian2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weibo"></use>
+                </svg>
+                <div class="name">微博</div>
+                <div class="code-name">#icon-weibo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qianbao"></use>
+                </svg>
+                <div class="name">钱包</div>
+                <div class="code-name">#icon-qianbao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zuanshi"></use>
+                </svg>
+                <div class="name">钻石</div>
+                <div class="code-name">#icon-zuanshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-mimashurukuang"></use>
+                </svg>
+                <div class="name">符号-密码输入框</div>
+                <div class="code-name">#icon-mimashurukuang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huibodianhua"></use>
+                </svg>
+                <div class="name">回拨电话</div>
+                <div class="code-name">#icon-huibodianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daotui"></use>
+                </svg>
+                <div class="name">倒退</div>
+                <div class="code-name">#icon-daotui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kuaijin"></use>
+                </svg>
+                <div class="name">快进</div>
+                <div class="code-name">#icon-kuaijin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuikuan"></use>
+                </svg>
+                <div class="name">退款</div>
+                <div class="code-name">#icon-tuikuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yiguanzhu"></use>
+                </svg>
+                <div class="name">关注作者 已关注</div>
+                <div class="code-name">#icon-yiguanzhu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-erji"></use>
+                </svg>
+                <div class="name">耳机</div>
+                <div class="code-name">#icon-erji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuwu"></use>
+                </svg>
+                <div class="name">服务</div>
+                <div class="code-name">#icon-fuwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixinzhifu1"></use>
+                </svg>
+                <div class="name">微信支付</div>
+                <div class="code-name">#icon-weixinzhifu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-diqiuyi"></use>
+                </svg>
+                <div class="name">地球仪</div>
+                <div class="code-name">#icon-diqiuyi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenxiang2"></use>
+                </svg>
+                <div class="name">项目</div>
+                <div class="code-name">#icon-fenxiang2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qipao1"></use>
+                </svg>
+                <div class="name">气泡</div>
+                <div class="code-name">#icon-qipao1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ditu"></use>
+                </svg>
+                <div class="name">地图</div>
+                <div class="code-name">#icon-ditu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daifahuo"></use>
+                </svg>
+                <div class="name">待发货</div>
+                <div class="code-name">#icon-daifahuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suiji"></use>
+                </svg>
+                <div class="name">随机</div>
+                <div class="code-name">#icon-suiji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zihao"></use>
+                </svg>
+                <div class="name">字号＋</div>
+                <div class="code-name">#icon-zihao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yidongguangbiao"></use>
+                </svg>
+                <div class="name">移动光标</div>
+                <div class="code-name">#icon-yidongguangbiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinjian"></use>
+                </svg>
+                <div class="name">信件_1</div>
+                <div class="code-name">#icon-xinjian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liebiao1"></use>
+                </svg>
+                <div class="name">列表</div>
+                <div class="code-name">#icon-liebiao1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuichu"></use>
+                </svg>
+                <div class="name">退出</div>
+                <div class="code-name">#icon-tuichu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yusan"></use>
+                </svg>
+                <div class="name">雨伞</div>
+                <div class="code-name">#icon-yusan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiandaolingjifen"></use>
+                </svg>
+                <div class="name">签到</div>
+                <div class="code-name">#icon-qiandaolingjifen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shandian"></use>
+                </svg>
+                <div class="name">闪电</div>
+                <div class="code-name">#icon-shandian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-didichuxing"></use>
+                </svg>
+                <div class="name">滴滴出行</div>
+                <div class="code-name">#icon-didichuxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-moban"></use>
+                </svg>
+                <div class="name">模板</div>
+                <div class="code-name">#icon-moban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liantong"></use>
+                </svg>
+                <div class="name">联通</div>
+                <div class="code-name">#icon-liantong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bingtu"></use>
+                </svg>
+                <div class="name">饼图</div>
+                <div class="code-name">#icon-bingtu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jifenshangcheng"></use>
+                </svg>
+                <div class="name">礼物</div>
+                <div class="code-name">#icon-jifenshangcheng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youhuiquan"></use>
+                </svg>
+                <div class="name">优惠券</div>
+                <div class="code-name">#icon-youhuiquan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-riqixuanze"></use>
+                </svg>
+                <div class="name">日期选择</div>
+                <div class="code-name">#icon-riqixuanze</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiayibu"></use>
+                </svg>
+                <div class="name">下一步</div>
+                <div class="code-name">#icon-xiayibu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiuyeju"></use>
+                </svg>
+                <div class="name">招聘就业</div>
+                <div class="code-name">#icon-jiuyeju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nan"></use>
+                </svg>
+                <div class="name">男</div>
+                <div class="code-name">#icon-nan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jisuanqi1"></use>
+                </svg>
+                <div class="name">计算器 (1)</div>
+                <div class="code-name">#icon-jisuanqi1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanzhengma"></use>
+                </svg>
+                <div class="name">验证码</div>
+                <div class="code-name">#icon-yanzhengma</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biye"></use>
+                </svg>
+                <div class="name">毕业</div>
+                <div class="code-name">#icon-biye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baocun"></use>
+                </svg>
+                <div class="name">保存</div>
+                <div class="code-name">#icon-baocun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangchuan"></use>
+                </svg>
+                <div class="name">上传</div>
+                <div class="code-name">#icon-shangchuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kefu"></use>
+                </svg>
+                <div class="name">客服</div>
+                <div class="code-name">#icon-kefu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-hongbao1"></use>
+                </svg>
+                <div class="name">红包</div>
+                <div class="code-name">#icon-hongbao1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuyin"></use>
+                </svg>
+                <div class="name">语音</div>
+                <div class="code-name">#icon-yuyin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baopei"></use>
+                </svg>
+                <div class="name">包配</div>
+                <div class="code-name">#icon-baopei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-plus"></use>
+                </svg>
+                <div class="name">加</div>
+                <div class="code-name">#icon-plus</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quxiaoguanzhux"></use>
+                </svg>
+                <div class="name">取消关注</div>
+                <div class="code-name">#icon-quxiaoguanzhux</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuzhidaima"></use>
+                </svg>
+                <div class="name">复制代码</div>
+                <div class="code-name">#icon-fuzhidaima</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guangbiao"></use>
+                </svg>
+                <div class="name">光标</div>
+                <div class="code-name">#icon-guangbiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qipao"></use>
+                </svg>
+                <div class="name">气泡</div>
+                <div class="code-name">#icon-qipao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhifubao1"></use>
+                </svg>
+                <div class="name">支付宝</div>
+                <div class="code-name">#icon-zhifubao1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wendang1"></use>
+                </svg>
+                <div class="name">文档</div>
+                <div class="code-name">#icon-wendang1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuju"></use>
+                </svg>
+                <div class="name">数据</div>
+                <div class="code-name">#icon-shuju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dunpai"></use>
+                </svg>
+                <div class="name">盾牌</div>
+                <div class="code-name">#icon-dunpai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chuanmao"></use>
+                </svg>
+                <div class="name">船锚</div>
+                <div class="code-name">#icon-chuanmao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shubiao"></use>
+                </svg>
+                <div class="name">鼠标</div>
+                <div class="code-name">#icon-shubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shijian1"></use>
+                </svg>
+                <div class="name">时间</div>
+                <div class="code-name">#icon-shijian1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dayinji"></use>
+                </svg>
+                <div class="name">打印机 打印 线性</div>
+                <div class="code-name">#icon-dayinji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gouwuche"></use>
+                </svg>
+                <div class="name">购物车</div>
+                <div class="code-name">#icon-gouwuche</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouyi"></use>
+                </svg>
+                <div class="name">收益</div>
+                <div class="code-name">#icon-shouyi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-Github1"></use>
+                </svg>
+                <div class="name">Github</div>
+                <div class="code-name">#icon-Github1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-QQ"></use>
+                </svg>
+                <div class="name">QQ</div>
+                <div class="code-name">#icon-QQ</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-aixin"></use>
+                </svg>
+                <div class="name">爱心</div>
+                <div class="code-name">#icon-aixin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-rizhi"></use>
+                </svg>
+                <div class="name">日志</div>
+                <div class="code-name">#icon-rizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-code"></use>
+                </svg>
+                <div class="name">代码</div>
+                <div class="code-name">#icon-code</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaomi"></use>
+                </svg>
+                <div class="name">小米</div>
+                <div class="code-name">#icon-xiaomi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jishiben"></use>
+                </svg>
+                <div class="name">记事本</div>
+                <div class="code-name">#icon-jishiben</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shiliangditu"></use>
+                </svg>
+                <div class="name">矢量地图</div>
+                <div class="code-name">#icon-shiliangditu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kuangjia"></use>
+                </svg>
+                <div class="name">框架版本</div>
+                <div class="code-name">#icon-kuangjia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lianjie1"></use>
+                </svg>
+                <div class="name">链接</div>
+                <div class="code-name">#icon-lianjie1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiazai"></use>
+                </svg>
+                <div class="name">下载</div>
+                <div class="code-name">#icon-xiazai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanjiang"></use>
+                </svg>
+                <div class="name">演讲稿  演讲  分析  PPT 线性</div>
+                <div class="code-name">#icon-yanjiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youxiji"></use>
+                </svg>
+                <div class="name">游戏 游戏厅 游戏机 游戏手柄 线性</div>
+                <div class="code-name">#icon-youxiji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wendang"></use>
+                </svg>
+                <div class="name">文档 (1)</div>
+                <div class="code-name">#icon-wendang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dakaiyanjing"></use>
+                </svg>
+                <div class="name">眼睛</div>
+                <div class="code-name">#icon-dakaiyanjing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuidi"></use>
+                </svg>
+                <div class="name">水滴</div>
+                <div class="code-name">#icon-shuidi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fahuoyunfeitongji"></use>
+                </svg>
+                <div class="name">发货运费统计</div>
+                <div class="code-name">#icon-fahuoyunfeitongji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixin"></use>
+                </svg>
+                <div class="name">微信</div>
+                <div class="code-name">#icon-weixin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiangbei"></use>
+                </svg>
+                <div class="name">奖杯</div>
+                <div class="code-name">#icon-jiangbei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zuojiantou"></use>
+                </svg>
+                <div class="name">左</div>
+                <div class="code-name">#icon-zuojiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjiantou"></use>
+                </svg>
+                <div class="name">右</div>
+                <div class="code-name">#icon-youjiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhishipan"></use>
+                </svg>
+                <div class="name">速度</div>
+                <div class="code-name">#icon-zhishipan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixin1"></use>
+                </svg>
+                <div class="name">微信</div>
+                <div class="code-name">#icon-weixin1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guge"></use>
+                </svg>
+                <div class="name">谷歌验证</div>
+                <div class="code-name">#icon-guge</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fengexian"></use>
+                </svg>
+                <div class="name">分割线</div>
+                <div class="code-name">#icon-fengexian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinyue"></use>
+                </svg>
+                <div class="name">音乐</div>
+                <div class="code-name">#icon-yinyue</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanhui"></use>
+                </svg>
+                <div class="name">返回</div>
+                <div class="code-name">#icon-fanhui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhifubao"></use>
+                </svg>
+                <div class="name">支付宝</div>
+                <div class="code-name">#icon-zhifubao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qizhi"></use>
+                </svg>
+                <div class="name">旗帜</div>
+                <div class="code-name">#icon-qizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiantou-xia"></use>
+                </svg>
+                <div class="name">箭头2-下</div>
+                <div class="code-name">#icon-jiantou-xia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiantou-you"></use>
+                </svg>
+                <div class="name">箭头2-右</div>
+                <div class="code-name">#icon-jiantou-you</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiantou-shang"></use>
+                </svg>
+                <div class="name">箭头2-上</div>
+                <div class="code-name">#icon-jiantou-shang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiantou-zuo"></use>
+                </svg>
+                <div class="name">箭头2-左</div>
+                <div class="code-name">#icon-jiantou-zuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daishenhe"></use>
+                </svg>
+                <div class="name">待审核</div>
+                <div class="code-name">#icon-daishenhe</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shengyin1"></use>
+                </svg>
+                <div class="name">声音</div>
+                <div class="code-name">#icon-shengyin1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianyuan"></use>
+                </svg>
+                <div class="name">电源</div>
+                <div class="code-name">#icon-dianyuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuxing"></use>
+                </svg>
+                <div class="name">树形</div>
+                <div class="code-name">#icon-shuxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanwushuju"></use>
+                </svg>
+                <div class="name">暂无记录</div>
+                <div class="code-name">#icon-zanwushuju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-paixu-jiangxu"></use>
+                </svg>
+                <div class="name">排序-降序</div>
+                <div class="code-name">#icon-paixu-jiangxu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-paixu-shengxu"></use>
+                </svg>
+                <div class="name">排序-升序</div>
+                <div class="code-name">#icon-paixu-shengxu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gongju"></use>
+                </svg>
+                <div class="name">工具</div>
+                <div class="code-name">#icon-gongju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shezhi"></use>
+                </svg>
+                <div class="name">设置</div>
+                <div class="code-name">#icon-shezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fangda"></use>
+                </svg>
+                <div class="name">放大</div>
+                <div class="code-name">#icon-fangda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiangji"></use>
+                </svg>
+                <div class="name">相机</div>
+                <div class="code-name">#icon-xiangji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-duoxuankuang"></use>
+                </svg>
+                <div class="name">多选框</div>
+                <div class="code-name">#icon-duoxuankuang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-_GJWdanyuangetianchongse"></use>
+                </svg>
+                <div class="name">16_GJW单元格填充色</div>
+                <div class="code-name">#icon-_GJWdanyuangetianchongse</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huaxue"></use>
+                </svg>
+                <div class="name">化学方程</div>
+                <div class="code-name">#icon-huaxue</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jieshu"></use>
+                </svg>
+                <div class="name">结束</div>
+                <div class="code-name">#icon-jieshu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-Mstore"></use>
+                </svg>
+                <div class="name">更多</div>
+                <div class="code-name">#icon-Mstore</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huodong"></use>
+                </svg>
+                <div class="name">活动</div>
+                <div class="code-name">#icon-huodong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-neirongguanli"></use>
+                </svg>
+                <div class="name">内容管理</div>
+                <div class="code-name">#icon-neirongguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gengduo3"></use>
+                </svg>
+                <div class="name">更多</div>
+                <div class="code-name">#icon-gengduo3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-VIP"></use>
+                </svg>
+                <div class="name">VIP</div>
+                <div class="code-name">#icon-VIP</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuaxin"></use>
+                </svg>
+                <div class="name">刷新</div>
+                <div class="code-name">#icon-shuaxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liwu"></use>
+                </svg>
+                <div class="name">礼物</div>
+                <div class="code-name">#icon-liwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shanglacaidan"></use>
+                </svg>
+                <div class="name">上拉菜单</div>
+                <div class="code-name">#icon-shanglacaidan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenjian1"></use>
+                </svg>
+                <div class="name">文件</div>
+                <div class="code-name">#icon-wenjian1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaoqianye"></use>
+                </svg>
+                <div class="name">标签页</div>
+                <div class="code-name">#icon-biaoqianye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenjianjia1"></use>
+                </svg>
+                <div class="name">文件夹</div>
+                <div class="code-name">#icon-wenjianjia1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiangmu1"></use>
+                </svg>
+                <div class="name">项目</div>
+                <div class="code-name">#icon-xiangmu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-duohangwenben"></use>
+                </svg>
+                <div class="name">多行文本</div>
+                <div class="code-name">#icon-duohangwenben</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gengduo2"></use>
+                </svg>
+                <div class="name">更多</div>
+                <div class="code-name">#icon-gengduo2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xitongguanli"></use>
+                </svg>
+                <div class="name">系统管理</div>
+                <div class="code-name">#icon-xitongguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bujinqi"></use>
+                </svg>
+                <div class="name">步进器</div>
+                <div class="code-name">#icon-bujinqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-beizi"></use>
+                </svg>
+                <div class="name">杯子</div>
+                <div class="code-name">#icon-beizi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-github"></use>
+                </svg>
+                <div class="name">github</div>
+                <div class="code-name">#icon-github</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guge1"></use>
+                </svg>
+                <div class="name">谷歌logo</div>
+                <div class="code-name">#icon-guge1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaochengxu"></use>
+                </svg>
+                <div class="name">小程序</div>
+                <div class="code-name">#icon-xiaochengxu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaoxi"></use>
+                </svg>
+                <div class="name">消息</div>
+                <div class="code-name">#icon-xiaoxi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-danhangwenben"></use>
+                </svg>
+                <div class="name">单行文本</div>
+                <div class="code-name">#icon-danhangwenben</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhongguoyidong1"></use>
+                </svg>
+                <div class="name">中国移动</div>
+                <div class="code-name">#icon-zhongguoyidong1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-taobao"></use>
+                </svg>
+                <div class="name">淘宝</div>
+                <div class="code-name">#icon-taobao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daoru"></use>
+                </svg>
+                <div class="name">导入</div>
+                <div class="code-name">#icon-daoru</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lajitong"></use>
+                </svg>
+                <div class="name">垃圾桶</div>
+                <div class="code-name">#icon-lajitong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jindutiao"></use>
+                </svg>
+                <div class="name">进度条</div>
+                <div class="code-name">#icon-jindutiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shousuo"></use>
+                </svg>
+                <div class="name">列表向左</div>
+                <div class="code-name">#icon-shousuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liebiaoxiangyou"></use>
+                </svg>
+                <div class="name">列表向右</div>
+                <div class="code-name">#icon-liebiaoxiangyou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zuzhi"></use>
+                </svg>
+                <div class="name">组织</div>
+                <div class="code-name">#icon-zuzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuhuaqi"></use>
+                </svg>
+                <div class="name">大楼</div>
+                <div class="code-name">#icon-fuhuaqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhuomian"></use>
+                </svg>
+                <div class="name">桌面</div>
+                <div class="code-name">#icon-zhuomian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianhua"></use>
+                </svg>
+                <div class="name">电话</div>
+                <div class="code-name">#icon-dianhua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhanghaodenglu"></use>
+                </svg>
+                <div class="name">账号登录</div>
+                <div class="code-name">#icon-zhanghaodenglu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yemian"></use>
+                </svg>
+                <div class="name">页面</div>
+                <div class="code-name">#icon-yemian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chaolianjie"></use>
+                </svg>
+                <div class="name">超链接</div>
+                <div class="code-name">#icon-chaolianjie</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fangdajing"></use>
+                </svg>
+                <div class="name">放大镜</div>
+                <div class="code-name">#icon-fangdajing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-test"></use>
+                </svg>
+                <div class="name">404</div>
+                <div class="code-name">#icon-icon-test</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lingdang"></use>
+                </svg>
+                <div class="name">铃铛</div>
+                <div class="code-name">#icon-lingdang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaiguan"></use>
+                </svg>
+                <div class="name">开关-关</div>
+                <div class="code-name">#icon-kaiguan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanzhong1"></use>
+                </svg>
+                <div class="name">选中</div>
+                <div class="code-name">#icon-xuanzhong1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhishi"></use>
+                </svg>
+                <div class="name">指示</div>
+                <div class="code-name">#icon-zhishi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xingxing"></use>
+                </svg>
+                <div class="name">星星</div>
+                <div class="code-name">#icon-xingxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nvxing"></use>
+                </svg>
+                <div class="name">女性</div>
+                <div class="code-name">#icon-nvxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huaban-"></use>
+                </svg>
+                <div class="name">地球，国际化，语言切换</div>
+                <div class="code-name">#icon-huaban-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quanping"></use>
+                </svg>
+                <div class="name">全屏</div>
+                <div class="code-name">#icon-quanping</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-junhengqi"></use>
+                </svg>
+                <div class="name">均衡器_画板 1</div>
+                <div class="code-name">#icon-junhengqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinxi"></use>
+                </svg>
+                <div class="name">信息</div>
+                <div class="code-name">#icon-xinxi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhifeiji"></use>
+                </svg>
+                <div class="name">纸飞机</div>
+                <div class="code-name">#icon-zhifeiji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jindubiao"></use>
+                </svg>
+                <div class="name">进度</div>
+                <div class="code-name">#icon-jindubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yonghu"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-yonghu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wifi"></use>
+                </svg>
+                <div class="name">wifi</div>
+                <div class="code-name">#icon-wifi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biyan"></use>
+                </svg>
+                <div class="name">闭眼</div>
+                <div class="code-name">#icon-biyan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bianji"></use>
+                </svg>
+                <div class="name">审核 笔记 记事本 写字</div>
+                <div class="code-name">#icon-bianji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suo"></use>
+                </svg>
+                <div class="name">锁</div>
+                <div class="code-name">#icon-suo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanting"></use>
+                </svg>
+                <div class="name">暂停</div>
+                <div class="code-name">#icon-zanting</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wuwangluo"></use>
+                </svg>
+                <div class="name">无网络</div>
+                <div class="code-name">#icon-wuwangluo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-caijian"></use>
+                </svg>
+                <div class="name">裁剪</div>
+                <div class="code-name">#icon-caijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ziduanshezhix"></use>
+                </svg>
+                <div class="name">字段设置@2x</div>
+                <div class="code-name">#icon-ziduanshezhix</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daishouhuo"></use>
+                </svg>
+                <div class="name">待收货</div>
+                <div class="code-name">#icon-daishouhuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jinru"></use>
+                </svg>
+                <div class="name">进入</div>
+                <div class="code-name">#icon-jinru</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xing"></use>
+                </svg>
+                <div class="name">动画</div>
+                <div class="code-name">#icon-xing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-taobao1"></use>
+                </svg>
+                <div class="name">淘宝</div>
+                <div class="code-name">#icon-taobao1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-VIPx"></use>
+                </svg>
+                <div class="name">VIP @3x</div>
+                <div class="code-name">#icon-VIPx</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zihao-"></use>
+                </svg>
+                <div class="name">字号-</div>
+                <div class="code-name">#icon-zihao-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baidu"></use>
+                </svg>
+                <div class="name">百度</div>
+                <div class="code-name">#icon-baidu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-QQ1"></use>
+                </svg>
+                <div class="name">qq</div>
+                <div class="code-name">#icon-QQ1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-test1"></use>
+                </svg>
+                <div class="name">500</div>
+                <div class="code-name">#icon-icon-test1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gowudai"></use>
+                </svg>
+                <div class="name">袋，购物，购物，电子商务</div>
+                <div class="code-name">#icon-gowudai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liebiao"></use>
+                </svg>
+                <div class="name">菜单/列表</div>
+                <div class="code-name">#icon-liebiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-spring"></use>
+                </svg>
+                <div class="name">spring</div>
+                <div class="code-name">#icon-spring</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinzeng"></use>
+                </svg>
+                <div class="name">新增</div>
+                <div class="code-name">#icon-xinzeng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaishi"></use>
+                </svg>
+                <div class="name">开始</div>
+                <div class="code-name">#icon-kaishi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangcheng"></use>
+                </svg>
+                <div class="name">商城</div>
+                <div class="code-name">#icon-shangcheng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kaisuo"></use>
+                </svg>
+                <div class="name">开锁</div>
+                <div class="code-name">#icon-kaisuo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-datouzhen"></use>
+                </svg>
+                <div class="name">大头针</div>
+                <div class="code-name">#icon-datouzhen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biao"></use>
+                </svg>
+                <div class="name">表</div>
+                <div class="code-name">#icon-biao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-cai"></use>
+                </svg>
+                <div class="name">踩</div>
+                <div class="code-name">#icon-cai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huzi"></use>
+                </svg>
+                <div class="name">胡子</div>
+                <div class="code-name">#icon-huzi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chengshi"></use>
+                </svg>
+                <div class="name">城市</div>
+                <div class="code-name">#icon-chengshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nianqia"></use>
+                </svg>
+                <div class="name">年卡</div>
+                <div class="code-name">#icon-nianqia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xin"></use>
+                </svg>
+                <div class="name">信</div>
+                <div class="code-name">#icon-xin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianxin1"></use>
+                </svg>
+                <div class="name">电信</div>
+                <div class="code-name">#icon-dianxin1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanzhu"></use>
+                </svg>
+                <div class="name">关注</div>
+                <div class="code-name">#icon-guanzhu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baidu1"></use>
+                </svg>
+                <div class="name">百度</div>
+                <div class="code-name">#icon-baidu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-beijing"></use>
+                </svg>
+                <div class="name">背景</div>
+                <div class="code-name">#icon-beijing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bangongshi"></use>
+                </svg>
+                <div class="name">办公室</div>
+                <div class="code-name">#icon-bangongshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanhui1"></use>
+                </svg>
+                <div class="name">返 回</div>
+                <div class="code-name">#icon-fanhui1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-paixu"></use>
+                </svg>
+                <div class="name">排序、排行</div>
+                <div class="code-name">#icon-paixu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xinjian1"></use>
+                </svg>
+                <div class="name">新建</div>
+                <div class="code-name">#icon-xinjian1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gaoguai"></use>
+                </svg>
+                <div class="name">搞怪</div>
+                <div class="code-name">#icon-gaoguai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shengjizhong"></use>
+                </svg>
+                <div class="name">升级中</div>
+                <div class="code-name">#icon-shengjizhong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-changfangxing1"></use>
+                </svg>
+                <div class="name">长方形</div>
+                <div class="code-name">#icon-changfangxing1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huiyuanzhongxin"></use>
+                </svg>
+                <div class="name">会员中心</div>
+                <div class="code-name">#icon-huiyuanzhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sousuokuang"></use>
+                </svg>
+                <div class="name">搜索框</div>
+                <div class="code-name">#icon-sousuokuang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huakuai"></use>
+                </svg>
+                <div class="name">滑块-01</div>
+                <div class="code-name">#icon-huakuai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pifu"></use>
+                </svg>
+                <div class="name">皮肤</div>
+                <div class="code-name">#icon-pifu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanbi1"></use>
+                </svg>
+                <div class="name">关 闭</div>
+                <div class="code-name">#icon-guanbi1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pingban"></use>
+                </svg>
+                <div class="name">平板-2</div>
+                <div class="code-name">#icon-pingban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xitieci"></use>
+                </svg>
+                <div class="name">吸铁磁</div>
+                <div class="code-name">#icon-xitieci</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jilianxuanzeqi"></use>
+                </svg>
+                <div class="name">-_级联下拉功能框</div>
+                <div class="code-name">#icon-jilianxuanzeqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhongguoyidong2"></use>
+                </svg>
+                <div class="name">中国移动</div>
+                <div class="code-name">#icon-zhongguoyidong2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-rili"></use>
+                </svg>
+                <div class="name">日历</div>
+                <div class="code-name">#icon-rili</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiazai"></use>
+                </svg>
+                <div class="name">加载</div>
+                <div class="code-name">#icon-jiazai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huawei"></use>
+                </svg>
+                <div class="name">华为</div>
+                <div class="code-name">#icon-huawei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shipin1"></use>
+                </svg>
+                <div class="name">视频</div>
+                <div class="code-name">#icon-shipin1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-liantong1"></use>
+                </svg>
+                <div class="name">联通</div>
+                <div class="code-name">#icon-liantong1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-neirong"></use>
+                </svg>
+                <div class="name">内容</div>
+                <div class="code-name">#icon-neirong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zanwuxiangmuxinxi"></use>
+                </svg>
+                <div class="name">暂无项目信息</div>
+                <div class="code-name">#icon-zanwuxiangmuxinxi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quanxianguanli"></use>
+                </svg>
+                <div class="name">权限管理</div>
+                <div class="code-name">#icon-quanxianguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-erweimadenglu"></use>
+                </svg>
+                <div class="name">二维码登录</div>
+                <div class="code-name">#icon-erweimadenglu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-danxuankuang"></use>
+                </svg>
+                <div class="name">单选框</div>
+                <div class="code-name">#icon-danxuankuang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jian"></use>
+                </svg>
+                <div class="name">减</div>
+                <div class="code-name">#icon-jian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jia"></use>
+                </svg>
+                <div class="name">加</div>
+                <div class="code-name">#icon-jia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yijiaozhuanjiao"></use>
+                </svg>
+                <div class="name">移交 转交</div>
+                <div class="code-name">#icon-yijiaozhuanjiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zidingyimoxing"></use>
+                </svg>
+                <div class="name">自定义</div>
+                <div class="code-name">#icon-zidingyimoxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-suoxiao"></use>
+                </svg>
+                <div class="name">缩小</div>
+                <div class="code-name">#icon-suoxiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinzhangyijieqing"></use>
+                </svg>
+                <div class="name">1印章(已结清)</div>
+                <div class="code-name">#icon-yinzhangyijieqing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanse"></use>
+                </svg>
+                <div class="name">颜色</div>
+                <div class="code-name">#icon-yanse</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qingkong"></use>
+                </svg>
+                <div class="name">清空</div>
+                <div class="code-name">#icon-qingkong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yingyongyuanma"></use>
+                </svg>
+                <div class="name">应用源码</div>
+                <div class="code-name">#icon-yingyongyuanma</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinfu"></use>
+                </svg>
+                <div class="name">音乐 (1)</div>
+                <div class="code-name">#icon-yinfu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuodong"></use>
+                </svg>
+                <div class="name">拖动</div>
+                <div class="code-name">#icon-tuodong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huixingzhen"></use>
+                </svg>
+                <div class="name">回形针</div>
+                <div class="code-name">#icon-huixingzhen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shalou"></use>
+                </svg>
+                <div class="name">沙漏</div>
+                <div class="code-name">#icon-shalou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengfangxing"></use>
+                </svg>
+                <div class="name">正方形</div>
+                <div class="code-name">#icon-zhengfangxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shipin"></use>
+                </svg>
+                <div class="name">视频</div>
+                <div class="code-name">#icon-shipin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanzhu1"></use>
+                </svg>
+                <div class="name">关注</div>
+                <div class="code-name">#icon-guanzhu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gantanhao"></use>
+                </svg>
+                <div class="name">感叹号</div>
+                <div class="code-name">#icon-gantanhao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-SqlServer"></use>
+                </svg>
+                <div class="name">Sql Server</div>
+                <div class="code-name">#icon-SqlServer</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-admin"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-admin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daima"></use>
+                </svg>
+                <div class="name">代码</div>
+                <div class="code-name">#icon-daima</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhaopian"></use>
+                </svg>
+                <div class="name">照片</div>
+                <div class="code-name">#icon-zhaopian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shoucang"></use>
+                </svg>
+                <div class="name">收 藏-产品详情</div>
+                <div class="code-name">#icon-shoucang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-siyouyun"></use>
+                </svg>
+                <div class="name">私有云</div>
+                <div class="code-name">#icon-siyouyun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenjianjia"></use>
+                </svg>
+                <div class="name">文件夹</div>
+                <div class="code-name">#icon-wenjianjia</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chouti"></use>
+                </svg>
+                <div class="name">抽屉</div>
+                <div class="code-name">#icon-chouti</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiaomi1"></use>
+                </svg>
+                <div class="name">小米</div>
+                <div class="code-name">#icon-xiaomi1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huawei1"></use>
+                </svg>
+                <div class="name">华为</div>
+                <div class="code-name">#icon-huawei1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pintu"></use>
+                </svg>
+                <div class="name">拼图</div>
+                <div class="code-name">#icon-pintu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weibo1"></use>
+                </svg>
+                <div class="name">微博</div>
+                <div class="code-name">#icon-weibo1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yingyong"></use>
+                </svg>
+                <div class="name">手机</div>
+                <div class="code-name">#icon-yingyong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuzhi"></use>
+                </svg>
+                <div class="name">复制</div>
+                <div class="code-name">#icon-fuzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaodan"></use>
+                </svg>
+                <div class="name">表单</div>
+                <div class="code-name">#icon-biaodan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zidingyi"></use>
+                </svg>
+                <div class="name">自定义</div>
+                <div class="code-name">#icon-zidingyi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gitee"></use>
+                </svg>
+                <div class="name">gitee</div>
+                <div class="code-name">#icon-gitee</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tubiaozhizuomoban"></use>
+                </svg>
+                <div class="name">轮播图</div>
+                <div class="code-name">#icon-tubiaozhizuomoban</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-huanxingjindutu"></use>
+                </svg>
+                <div class="name">环形进度图</div>
+                <div class="code-name">#icon-huanxingjindutu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhanqun"></use>
+                </svg>
+                <div class="name">站群</div>
+                <div class="code-name">#icon-zhanqun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sousuokuangA"></use>
+                </svg>
+                <div class="name">搜索框A</div>
+                <div class="code-name">#icon-sousuokuangA</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jiugongge"></use>
+                </svg>
+                <div class="name">九宫格</div>
+                <div class="code-name">#icon-jiugongge</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shaixuan"></use>
+                </svg>
+                <div class="name">筛选</div>
+                <div class="code-name">#icon-shaixuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenlei1"></use>
+                </svg>
+                <div class="name">分类</div>
+                <div class="code-name">#icon-fenlei1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wode1"></use>
+                </svg>
+                <div class="name">我的</div>
+                <div class="code-name">#icon-wode1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-juxing"></use>
+                </svg>
+                <div class="name">筛选</div>
+                <div class="code-name">#icon-juxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-juxing1"></use>
+                </svg>
+                <div class="name">浏览记录</div>
+                <div class="code-name">#icon-juxing1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biyan1"></use>
+                </svg>
+                <div class="name">闭眼</div>
+                <div class="code-name">#icon-biyan1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuichu1"></use>
+                </svg>
+                <div class="name">退出</div>
+                <div class="code-name">#icon-tuichu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhongguo"></use>
+                </svg>
+                <div class="name">中国</div>
+                <div class="code-name">#icon-zhongguo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quanqiu1"></use>
+                </svg>
+                <div class="name">全球</div>
+                <div class="code-name">#icon-quanqiu1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-QQ3"></use>
+                </svg>
+                <div class="name">QQ</div>
+                <div class="code-name">#icon-QQ3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixin2"></use>
+                </svg>
+                <div class="name">微信</div>
+                <div class="code-name">#icon-weixin2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-china"></use>
+                </svg>
+                <div class="name">中国</div>
+                <div class="code-name">#icon-icon-china</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-icon-shijie"></use>
+                </svg>
+                <div class="name">世界</div>
+                <div class="code-name">#icon-icon-shijie</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pdf"></use>
+                </svg>
+                <div class="name">pdf</div>
+                <div class="code-name">#icon-pdf</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youhuijuan"></use>
+                </svg>
+                <div class="name">优惠卷</div>
+                <div class="code-name">#icon-youhuijuan</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/main/webapp/static/ms-admin/4.7.2/iconfont/iconfont.json

@@ -0,0 +1,2550 @@
+{
+  "id": "1346428",
+  "name": "通用图标",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "75966",
+      "name": "灯泡",
+      "font_class": "dengpao",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "155392",
+      "name": "电话",
+      "font_class": "dianhua2",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "163381",
+      "name": "文档",
+      "font_class": "wenjian",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "164552",
+      "name": "点击",
+      "font_class": "dianji",
+      "unicode": "e861",
+      "unicode_decimal": 59489
+    },
+    {
+      "icon_id": "169884",
+      "name": "银行卡",
+      "font_class": "yinhangka",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "247483",
+      "name": "书",
+      "font_class": "shu",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "273185",
+      "name": "菜单",
+      "font_class": "menu",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "290145",
+      "name": "笔",
+      "font_class": "bi",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "290163",
+      "name": "火箭",
+      "font_class": "huojian",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "387353",
+      "name": "公文包",
+      "font_class": "gongwenbao",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "425012",
+      "name": "评分",
+      "font_class": "appxiugaiicon45",
+      "unicode": "e715",
+      "unicode_decimal": 59157
+    },
+    {
+      "icon_id": "454332",
+      "name": "格子",
+      "font_class": "gezi",
+      "unicode": "e725",
+      "unicode_decimal": 59173
+    },
+    {
+      "icon_id": "489374",
+      "name": "栅格2",
+      "font_class": "shange",
+      "unicode": "e6bd",
+      "unicode_decimal": 59069
+    },
+    {
+      "icon_id": "508362",
+      "name": "禁止",
+      "font_class": "jinzhi",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "530088",
+      "name": "赞",
+      "font_class": "zan",
+      "unicode": "e65c",
+      "unicode_decimal": 58972
+    },
+    {
+      "icon_id": "592049",
+      "name": "菜单",
+      "font_class": "caidan",
+      "unicode": "e790",
+      "unicode_decimal": 59280
+    },
+    {
+      "icon_id": "593507",
+      "name": "下",
+      "font_class": "xiajiantou",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "595827",
+      "name": "选中",
+      "font_class": "xuanzhong",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "596311",
+      "name": "问题",
+      "font_class": "wenti",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "615052",
+      "name": "挂电话2",
+      "font_class": "guadianhua",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "629544",
+      "name": "全球",
+      "font_class": "quanqiu",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "641911",
+      "name": "目标",
+      "font_class": "mubiao",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "655733",
+      "name": "分类",
+      "font_class": "fenlei",
+      "unicode": "e6b3",
+      "unicode_decimal": 59059
+    },
+    {
+      "icon_id": "689304",
+      "name": "下拉",
+      "font_class": "shangjiantou",
+      "unicode": "e822",
+      "unicode_decimal": 59426
+    },
+    {
+      "icon_id": "693682",
+      "name": "工作转交",
+      "font_class": "zhuanjiao",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "742277",
+      "name": "分享",
+      "font_class": "fenxiang1",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "792305",
+      "name": "phone5-电话",
+      "font_class": "dadianhua",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "792306",
+      "name": "phone4-电话",
+      "font_class": "jiedianhua",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "792466",
+      "name": "compass-指南针",
+      "font_class": "zhinanzhen",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "797549",
+      "name": "无声",
+      "font_class": "wusheng",
+      "unicode": "e7d1",
+      "unicode_decimal": 59345
+    },
+    {
+      "icon_id": "824921",
+      "name": "计算器",
+      "font_class": "jisuanqi",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "853071",
+      "name": "女",
+      "font_class": "nv",
+      "unicode": "e6c7",
+      "unicode_decimal": 59079
+    },
+    {
+      "icon_id": "960725",
+      "name": "定位",
+      "font_class": "dingwei",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "968135",
+      "name": "高德地图",
+      "font_class": "gaodeditu",
+      "unicode": "e727",
+      "unicode_decimal": 59175
+    },
+    {
+      "icon_id": "1007282",
+      "name": "眼",
+      "font_class": "yan",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "1009942",
+      "name": "初始化设置",
+      "font_class": "chushihuashezhi",
+      "unicode": "e73a",
+      "unicode_decimal": 59194
+    },
+    {
+      "icon_id": "1030838",
+      "name": "等待卖家确认运费-[转换]",
+      "font_class": "yunfei",
+      "unicode": "e740",
+      "unicode_decimal": 59200
+    },
+    {
+      "icon_id": "1105003",
+      "name": "警告",
+      "font_class": "jinggao",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "1109804",
+      "name": "github",
+      "font_class": "Github2",
+      "unicode": "eee2",
+      "unicode_decimal": 61154
+    },
+    {
+      "icon_id": "1121829",
+      "name": "男性",
+      "font_class": "nanxing",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "1124842",
+      "name": "响应式",
+      "font_class": "xiangyingshi",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "1155318",
+      "name": "＋喜欢",
+      "font_class": "shangpinshoucang",
+      "unicode": "e6be",
+      "unicode_decimal": 59070
+    },
+    {
+      "icon_id": "1165924",
+      "name": "笑脸",
+      "font_class": "xiaolian",
+      "unicode": "e761",
+      "unicode_decimal": 59233
+    },
+    {
+      "icon_id": "1165946",
+      "name": "发送消息",
+      "font_class": "fasong",
+      "unicode": "e732",
+      "unicode_decimal": 59186
+    },
+    {
+      "icon_id": "1171861",
+      "name": "邮件",
+      "font_class": "youjian",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    },
+    {
+      "icon_id": "1186712",
+      "name": "电信",
+      "font_class": "dianxin",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "1207946",
+      "name": "图片",
+      "font_class": "tupian",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "1211744",
+      "name": "足迹",
+      "font_class": "liulanjilu",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "1221568",
+      "name": "时钟",
+      "font_class": "shijian",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "1230471",
+      "name": "中国移动",
+      "font_class": "zhongguoyidong",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "1252775",
+      "name": "编辑器",
+      "font_class": "redact",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "1255217",
+      "name": "图表",
+      "font_class": "tubiao",
+      "unicode": "e6c0",
+      "unicode_decimal": 59072
+    },
+    {
+      "icon_id": "1333405",
+      "name": "文本",
+      "font_class": "putongwenben",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "1345325",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    },
+    {
+      "icon_id": "1345980",
+      "name": "主页",
+      "font_class": "zhuye",
+      "unicode": "e65a",
+      "unicode_decimal": 58970
+    },
+    {
+      "icon_id": "1400865",
+      "name": "完成",
+      "font_class": "wancheng",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "1440746",
+      "name": "电影",
+      "font_class": "dianying",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "1463161",
+      "name": "徽章",
+      "font_class": "huizhang",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "1478478",
+      "name": "火",
+      "font_class": "huo",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "1488894",
+      "name": "唱片",
+      "font_class": "changpian",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "1488901",
+      "name": "声音",
+      "font_class": "shengyin",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "1493850",
+      "name": "按钮",
+      "font_class": "anniu",
+      "unicode": "e721",
+      "unicode_decimal": 59169
+    },
+    {
+      "icon_id": "1503986",
+      "name": "楼层",
+      "font_class": "louceng",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "1512911",
+      "name": "眼镜",
+      "font_class": "yanjing",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "1555568",
+      "name": "我的",
+      "font_class": "wode",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "1605988",
+      "name": "自定义",
+      "font_class": "zidingyiguanli",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "1617730",
+      "name": "1010布局_导航栏",
+      "font_class": "buju_daohanglan",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "1623138",
+      "name": "链接",
+      "font_class": "lianjie",
+      "unicode": "e662",
+      "unicode_decimal": 58978
+    },
+    {
+      "icon_id": "1660737",
+      "name": "魔法棒",
+      "font_class": "mofabang",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "1707566",
+      "name": "评价",
+      "font_class": "pingjia",
+      "unicode": "e6c3",
+      "unicode_decimal": 59075
+    },
+    {
+      "icon_id": "1732457",
+      "name": "推荐 ",
+      "font_class": "tuijian",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "1758024",
+      "name": "QQ",
+      "font_class": "QQ2",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "1847749",
+      "name": "分享",
+      "font_class": "fenxiang",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "1899969",
+      "name": "评论",
+      "font_class": "pinglun",
+      "unicode": "e744",
+      "unicode_decimal": 59204
+    },
+    {
+      "icon_id": "1913426",
+      "name": "播放器_首页歌曲列表_32",
+      "font_class": "yinyuefuhao",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "1990437",
+      "name": "事件统计",
+      "font_class": "shijiantongji",
+      "unicode": "e6c1",
+      "unicode_decimal": 59073
+    },
+    {
+      "icon_id": "2042475",
+      "name": "颜色",
+      "font_class": "beijingse",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "2060160",
+      "name": "企业",
+      "font_class": "qiye",
+      "unicode": "e700",
+      "unicode_decimal": 59136
+    },
+    {
+      "icon_id": "2074020",
+      "name": "环形布局",
+      "font_class": "huanxingbuju",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "2083542",
+      "name": "钥匙",
+      "font_class": "yaoshi",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "2116272",
+      "name": "关闭",
+      "font_class": "guanbi",
+      "unicode": "e658",
+      "unicode_decimal": 58968
+    },
+    {
+      "icon_id": "2116287",
+      "name": "手机",
+      "font_class": "sohuji",
+      "unicode": "e65f",
+      "unicode_decimal": 58975
+    },
+    {
+      "icon_id": "2121728",
+      "name": "飞机",
+      "font_class": "feiji",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "2125041",
+      "name": "标签",
+      "font_class": "label",
+      "unicode": "e719",
+      "unicode_decimal": 59161
+    },
+    {
+      "icon_id": "2138297",
+      "name": "支付宝",
+      "font_class": "WePayLogo",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "2154433",
+      "name": "音频",
+      "font_class": "audio",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "2209474",
+      "name": "项目",
+      "font_class": "xiangmu",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "2222355",
+      "name": "邮件",
+      "font_class": "youjian2",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "2268695",
+      "name": "微博",
+      "font_class": "weibo",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "2284401",
+      "name": "钱包",
+      "font_class": "qianbao",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "2364639",
+      "name": "钻石",
+      "font_class": "zuanshi",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "2391793",
+      "name": "符号-密码输入框",
+      "font_class": "mimashurukuang",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "2410413",
+      "name": "回拨电话",
+      "font_class": "huibodianhua",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "2417627",
+      "name": "倒退",
+      "font_class": "daotui",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "2417653",
+      "name": "快进",
+      "font_class": "kuaijin",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "2432671",
+      "name": "退款",
+      "font_class": "tuikuan",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "2480244",
+      "name": "关注作者 已关注",
+      "font_class": "yiguanzhu",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "2512933",
+      "name": "耳机",
+      "font_class": "erji",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "2515053",
+      "name": "服务",
+      "font_class": "fuwu",
+      "unicode": "e702",
+      "unicode_decimal": 59138
+    },
+    {
+      "icon_id": "2524497",
+      "name": "微信支付",
+      "font_class": "weixinzhifu1",
+      "unicode": "e6f7",
+      "unicode_decimal": 59127
+    },
+    {
+      "icon_id": "2571121",
+      "name": "地球仪",
+      "font_class": "diqiuyi",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "2588914",
+      "name": "项目",
+      "font_class": "fenxiang2",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
+    {
+      "icon_id": "2649048",
+      "name": "气泡",
+      "font_class": "qipao1",
+      "unicode": "e655",
+      "unicode_decimal": 58965
+    },
+    {
+      "icon_id": "2683163",
+      "name": "地图",
+      "font_class": "ditu",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "2684116",
+      "name": "待发货",
+      "font_class": "daifahuo",
+      "unicode": "e74b",
+      "unicode_decimal": 59211
+    },
+    {
+      "icon_id": "2685809",
+      "name": "随机",
+      "font_class": "suiji",
+      "unicode": "e63c",
+      "unicode_decimal": 58940
+    },
+    {
+      "icon_id": "2777844",
+      "name": "字号＋",
+      "font_class": "zihao",
+      "unicode": "e6fe",
+      "unicode_decimal": 59134
+    },
+    {
+      "icon_id": "2823726",
+      "name": "移动光标",
+      "font_class": "yidongguangbiao",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "2853854",
+      "name": "信件_1",
+      "font_class": "xinjian",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "2863442",
+      "name": "列表",
+      "font_class": "liebiao1",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "2865875",
+      "name": "退出",
+      "font_class": "tuichu",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "2876745",
+      "name": "雨伞",
+      "font_class": "yusan",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "2894639",
+      "name": "签到",
+      "font_class": "qiandaolingjifen",
+      "unicode": "e6c4",
+      "unicode_decimal": 59076
+    },
+    {
+      "icon_id": "2913242",
+      "name": "闪电",
+      "font_class": "shandian",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "2947337",
+      "name": "滴滴出行",
+      "font_class": "didichuxing",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "3025578",
+      "name": "模板",
+      "font_class": "moban",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "3036563",
+      "name": "联通",
+      "font_class": "liantong",
+      "unicode": "e68c",
+      "unicode_decimal": 59020
+    },
+    {
+      "icon_id": "3039732",
+      "name": "饼图",
+      "font_class": "bingtu",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "3065011",
+      "name": "礼物",
+      "font_class": "jifenshangcheng",
+      "unicode": "e6c6",
+      "unicode_decimal": 59078
+    },
+    {
+      "icon_id": "3069848",
+      "name": "优惠券",
+      "font_class": "youhuiquan",
+      "unicode": "e6c5",
+      "unicode_decimal": 59077
+    },
+    {
+      "icon_id": "3093815",
+      "name": "日期选择",
+      "font_class": "riqixuanze",
+      "unicode": "e6b1",
+      "unicode_decimal": 59057
+    },
+    {
+      "icon_id": "3126352",
+      "name": "下一步",
+      "font_class": "xiayibu",
+      "unicode": "e659",
+      "unicode_decimal": 58969
+    },
+    {
+      "icon_id": "3129391",
+      "name": "招聘就业",
+      "font_class": "jiuyeju",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "3135792",
+      "name": "男",
+      "font_class": "nan",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "3142554",
+      "name": "计算器 (1)",
+      "font_class": "jisuanqi1",
+      "unicode": "e6b2",
+      "unicode_decimal": 59058
+    },
+    {
+      "icon_id": "3214569",
+      "name": "验证码",
+      "font_class": "yanzhengma",
+      "unicode": "e7a1",
+      "unicode_decimal": 59297
+    },
+    {
+      "icon_id": "3267099",
+      "name": "毕业",
+      "font_class": "biye",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "3287470",
+      "name": "保存",
+      "font_class": "baocun",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "3298366",
+      "name": "上传",
+      "font_class": "shangchuan",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "3323493",
+      "name": "客服",
+      "font_class": "kefu",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "3416769",
+      "name": "红包",
+      "font_class": "hongbao1",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    },
+    {
+      "icon_id": "3490745",
+      "name": "语音",
+      "font_class": "yuyin",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "3494102",
+      "name": "包配",
+      "font_class": "baopei",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "3555825",
+      "name": "加",
+      "font_class": "plus",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "3565490",
+      "name": "取消关注",
+      "font_class": "quxiaoguanzhux",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "3639956",
+      "name": "复制代码",
+      "font_class": "fuzhidaima",
+      "unicode": "e73b",
+      "unicode_decimal": 59195
+    },
+    {
+      "icon_id": "3648758",
+      "name": "光标",
+      "font_class": "guangbiao",
+      "unicode": "e6bb",
+      "unicode_decimal": 59067
+    },
+    {
+      "icon_id": "3719202",
+      "name": "气泡",
+      "font_class": "qipao",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "3829137",
+      "name": "支付宝",
+      "font_class": "zhifubao1",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "3831019",
+      "name": "文档",
+      "font_class": "wendang1",
+      "unicode": "e87b",
+      "unicode_decimal": 59515
+    },
+    {
+      "icon_id": "3991493",
+      "name": "数据",
+      "font_class": "shuju",
+      "unicode": "e746",
+      "unicode_decimal": 59206
+    },
+    {
+      "icon_id": "4010279",
+      "name": "盾牌",
+      "font_class": "dunpai",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "4017889",
+      "name": "船锚",
+      "font_class": "chuanmao",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "4103248",
+      "name": "鼠标",
+      "font_class": "shubiao",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "4187224",
+      "name": "时间",
+      "font_class": "shijian1",
+      "unicode": "e6b4",
+      "unicode_decimal": 59060
+    },
+    {
+      "icon_id": "4213162",
+      "name": "打印机 打印 线性",
+      "font_class": "dayinji",
+      "unicode": "e9b8",
+      "unicode_decimal": 59832
+    },
+    {
+      "icon_id": "4216847",
+      "name": "购物车",
+      "font_class": "gouwuche",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "4226165",
+      "name": "收益",
+      "font_class": "shouyi",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "4271705",
+      "name": "Github",
+      "font_class": "Github1",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "4284426",
+      "name": "QQ",
+      "font_class": "QQ",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "4321871",
+      "name": "爱心",
+      "font_class": "aixin",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "4339898",
+      "name": "日志",
+      "font_class": "rizhi",
+      "unicode": "e734",
+      "unicode_decimal": 59188
+    },
+    {
+      "icon_id": "4341088",
+      "name": "代码",
+      "font_class": "code",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "4341407",
+      "name": "小米",
+      "font_class": "xiaomi",
+      "unicode": "e693",
+      "unicode_decimal": 59027
+    },
+    {
+      "icon_id": "4349655",
+      "name": "记事本",
+      "font_class": "jishiben",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "4352066",
+      "name": "矢量地图",
+      "font_class": "shiliangditu",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "4355202",
+      "name": "框架版本",
+      "font_class": "kuangjia",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "4413492",
+      "name": "链接",
+      "font_class": "lianjie1",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "4427937",
+      "name": "下载",
+      "font_class": "xiazai",
+      "unicode": "e711",
+      "unicode_decimal": 59153
+    },
+    {
+      "icon_id": "4457626",
+      "name": "演讲稿  演讲  分析  PPT 线性",
+      "font_class": "yanjiang",
+      "unicode": "ea1e",
+      "unicode_decimal": 59934
+    },
+    {
+      "icon_id": "4457852",
+      "name": "游戏 游戏厅 游戏机 游戏手柄 线性",
+      "font_class": "youxiji",
+      "unicode": "ea51",
+      "unicode_decimal": 59985
+    },
+    {
+      "icon_id": "4460638",
+      "name": "文档 (1)",
+      "font_class": "wendang",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "4467122",
+      "name": "眼睛",
+      "font_class": "dakaiyanjing",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "4549366",
+      "name": "水滴",
+      "font_class": "shuidi",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "4562188",
+      "name": "发货运费统计",
+      "font_class": "fahuoyunfeitongji",
+      "unicode": "e74c",
+      "unicode_decimal": 59212
+    },
+    {
+      "icon_id": "4578305",
+      "name": "微信",
+      "font_class": "weixin",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "4657673",
+      "name": "奖杯",
+      "font_class": "jiangbei",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "4685689",
+      "name": "左",
+      "font_class": "zuojiantou",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "4685693",
+      "name": "右",
+      "font_class": "youjiantou",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
+      "icon_id": "4685777",
+      "name": "速度",
+      "font_class": "zhishipan",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "4701864",
+      "name": "微信",
+      "font_class": "weixin1",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "4734368",
+      "name": "谷歌验证",
+      "font_class": "guge",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "4890377",
+      "name": "分割线",
+      "font_class": "fengexian",
+      "unicode": "e71a",
+      "unicode_decimal": 59162
+    },
+    {
+      "icon_id": "4939715",
+      "name": "音乐",
+      "font_class": "yinyue",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "5072805",
+      "name": "返回",
+      "font_class": "fanhui",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "5075901",
+      "name": "支付宝",
+      "font_class": "zhifubao",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "5180858",
+      "name": "旗帜",
+      "font_class": "qizhi",
+      "unicode": "e65e",
+      "unicode_decimal": 58974
+    },
+    {
+      "icon_id": "5184456",
+      "name": "箭头2-下",
+      "font_class": "jiantou-xia",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "5184457",
+      "name": "箭头2-右",
+      "font_class": "jiantou-you",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "5184458",
+      "name": "箭头2-上",
+      "font_class": "jiantou-shang",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "5184461",
+      "name": "箭头2-左",
+      "font_class": "jiantou-zuo",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "5238455",
+      "name": "待审核",
+      "font_class": "daishenhe",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "5268917",
+      "name": "声音",
+      "font_class": "shengyin1",
+      "unicode": "e917",
+      "unicode_decimal": 59671
+    },
+    {
+      "icon_id": "5309436",
+      "name": "电源",
+      "font_class": "dianyuan",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "5310066",
+      "name": "树形",
+      "font_class": "shuxing",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "5327047",
+      "name": "暂无记录",
+      "font_class": "zanwushuju",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    },
+    {
+      "icon_id": "5330036",
+      "name": "排序-降序",
+      "font_class": "paixu-jiangxu",
+      "unicode": "e75d",
+      "unicode_decimal": 59229
+    },
+    {
+      "icon_id": "5330057",
+      "name": "排序-升序",
+      "font_class": "paixu-shengxu",
+      "unicode": "e75e",
+      "unicode_decimal": 59230
+    },
+    {
+      "icon_id": "5356828",
+      "name": "工具",
+      "font_class": "gongju",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "5380615",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "5467921",
+      "name": "放大",
+      "font_class": "fangda",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "5522192",
+      "name": "相机",
+      "font_class": "xiangji",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "5585124",
+      "name": "多选框",
+      "font_class": "duoxuankuang",
+      "unicode": "e820",
+      "unicode_decimal": 59424
+    },
+    {
+      "icon_id": "5589639",
+      "name": "16_GJW单元格填充色",
+      "font_class": "_GJWdanyuangetianchongse",
+      "unicode": "e71b",
+      "unicode_decimal": 59163
+    },
+    {
+      "icon_id": "5635721",
+      "name": "化学方程",
+      "font_class": "huaxue",
+      "unicode": "e6fa",
+      "unicode_decimal": 59130
+    },
+    {
+      "icon_id": "5803139",
+      "name": "结束",
+      "font_class": "jieshu",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "5807350",
+      "name": "更多",
+      "font_class": "Mstore",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "5845036",
+      "name": "活动",
+      "font_class": "huodong",
+      "unicode": "e704",
+      "unicode_decimal": 59140
+    },
+    {
+      "icon_id": "5891302",
+      "name": "内容管理",
+      "font_class": "neirongguanli",
+      "unicode": "e72f",
+      "unicode_decimal": 59183
+    },
+    {
+      "icon_id": "5959484",
+      "name": "更多",
+      "font_class": "gengduo3",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "6018607",
+      "name": "VIP",
+      "font_class": "VIP",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "6074731",
+      "name": "刷新",
+      "font_class": "shuaxin",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "6138603",
+      "name": "礼物",
+      "font_class": "liwu",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "6148944",
+      "name": "上拉菜单",
+      "font_class": "shanglacaidan",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "6205463",
+      "name": "文件",
+      "font_class": "wenjian1",
+      "unicode": "e867",
+      "unicode_decimal": 59495
+    },
+    {
+      "icon_id": "6211822",
+      "name": "标签页",
+      "font_class": "biaoqianye",
+      "unicode": "e71c",
+      "unicode_decimal": 59164
+    },
+    {
+      "icon_id": "6220954",
+      "name": "文件夹",
+      "font_class": "wenjianjia1",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "6249971",
+      "name": "项目",
+      "font_class": "xiangmu1",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "6251921",
+      "name": "多行文本",
+      "font_class": "duohangwenben",
+      "unicode": "e6b5",
+      "unicode_decimal": 59061
+    },
+    {
+      "icon_id": "6263358",
+      "name": "更多",
+      "font_class": "gengduo2",
+      "unicode": "e670",
+      "unicode_decimal": 58992
+    },
+    {
+      "icon_id": "6405627",
+      "name": "系统管理",
+      "font_class": "xitongguanli",
+      "unicode": "e730",
+      "unicode_decimal": 59184
+    },
+    {
+      "icon_id": "6616510",
+      "name": "步进器",
+      "font_class": "bujinqi",
+      "unicode": "e723",
+      "unicode_decimal": 59171
+    },
+    {
+      "icon_id": "6665974",
+      "name": "杯子",
+      "font_class": "beizi",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "6679496",
+      "name": "github",
+      "font_class": "github",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
+      "icon_id": "6692920",
+      "name": "谷歌logo",
+      "font_class": "guge1",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "6698011",
+      "name": "小程序",
+      "font_class": "xiaochengxu",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "6700967",
+      "name": "消息",
+      "font_class": "xiaoxi",
+      "unicode": "e747",
+      "unicode_decimal": 59207
+    },
+    {
+      "icon_id": "6793437",
+      "name": "单行文本",
+      "font_class": "danhangwenben",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "6834391",
+      "name": "中国移动",
+      "font_class": "zhongguoyidong1",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "6864040",
+      "name": "淘宝",
+      "font_class": "taobao",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "6867156",
+      "name": "导入",
+      "font_class": "daoru",
+      "unicode": "e729",
+      "unicode_decimal": 59177
+    },
+    {
+      "icon_id": "6877619",
+      "name": "垃圾桶",
+      "font_class": "lajitong",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "6894282",
+      "name": "进度条",
+      "font_class": "jindutiao",
+      "unicode": "e743",
+      "unicode_decimal": 59203
+    },
+    {
+      "icon_id": "6913484",
+      "name": "列表向左",
+      "font_class": "shousuo",
+      "unicode": "e831",
+      "unicode_decimal": 59441
+    },
+    {
+      "icon_id": "6913485",
+      "name": "列表向右",
+      "font_class": "liebiaoxiangyou",
+      "unicode": "e832",
+      "unicode_decimal": 59442
+    },
+    {
+      "icon_id": "6996235",
+      "name": "组织",
+      "font_class": "zuzhi",
+      "unicode": "e712",
+      "unicode_decimal": 59154
+    },
+    {
+      "icon_id": "7038032",
+      "name": "大楼",
+      "font_class": "fuhuaqi",
+      "unicode": "e706",
+      "unicode_decimal": 59142
+    },
+    {
+      "icon_id": "7092367",
+      "name": "桌面",
+      "font_class": "zhuomian",
+      "unicode": "e741",
+      "unicode_decimal": 59201
+    },
+    {
+      "icon_id": "7097597",
+      "name": "电话",
+      "font_class": "dianhua",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "7107192",
+      "name": "账号登录",
+      "font_class": "zhanghaodenglu",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "7128787",
+      "name": "页面",
+      "font_class": "yemian",
+      "unicode": "e709",
+      "unicode_decimal": 59145
+    },
+    {
+      "icon_id": "7131908",
+      "name": "超链接",
+      "font_class": "chaolianjie",
+      "unicode": "e742",
+      "unicode_decimal": 59202
+    },
+    {
+      "icon_id": "7148796",
+      "name": "放大镜",
+      "font_class": "fangdajing",
+      "unicode": "ea13",
+      "unicode_decimal": 59923
+    },
+    {
+      "icon_id": "7178319",
+      "name": "404",
+      "font_class": "icon-test",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "7185328",
+      "name": "铃铛",
+      "font_class": "lingdang",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "7186848",
+      "name": "开关-关",
+      "font_class": "kaiguan",
+      "unicode": "e6b7",
+      "unicode_decimal": 59063
+    },
+    {
+      "icon_id": "7192166",
+      "name": "选中",
+      "font_class": "xuanzhong1",
+      "unicode": "e6ce",
+      "unicode_decimal": 59086
+    },
+    {
+      "icon_id": "7195096",
+      "name": "指示",
+      "font_class": "zhishi",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "7284398",
+      "name": "星星",
+      "font_class": "xingxing",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "7299825",
+      "name": "女性",
+      "font_class": "nvxing",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "7350866",
+      "name": "地球，国际化，语言切换",
+      "font_class": "huaban-",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "7446847",
+      "name": "全屏",
+      "font_class": "quanping",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "7451343",
+      "name": "均衡器_画板 1",
+      "font_class": "junhengqi",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "7475939",
+      "name": "信息",
+      "font_class": "xinxi",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "7512708",
+      "name": "纸飞机",
+      "font_class": "zhifeiji",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "7521826",
+      "name": "进度",
+      "font_class": "jindubiao",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "7553853",
+      "name": "用户",
+      "font_class": "yonghu",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "7583318",
+      "name": "wifi",
+      "font_class": "wifi",
+      "unicode": "e9bb",
+      "unicode_decimal": 59835
+    },
+    {
+      "icon_id": "7602740",
+      "name": "闭眼",
+      "font_class": "biyan",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "7692470",
+      "name": "审核 笔记 记事本 写字",
+      "font_class": "bianji",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "7708043",
+      "name": "锁",
+      "font_class": "suo",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "7713136",
+      "name": "暂停",
+      "font_class": "zanting",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "7715413",
+      "name": "无网络",
+      "font_class": "wuwangluo",
+      "unicode": "ebf4",
+      "unicode_decimal": 60404
+    },
+    {
+      "icon_id": "7782114",
+      "name": "裁剪",
+      "font_class": "caijian",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "7855033",
+      "name": "字段设置@2x",
+      "font_class": "ziduanshezhix",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "7908319",
+      "name": "待收货",
+      "font_class": "daishouhuo",
+      "unicode": "e74e",
+      "unicode_decimal": 59214
+    },
+    {
+      "icon_id": "7926314",
+      "name": "进入",
+      "font_class": "jinru",
+      "unicode": "e7b4",
+      "unicode_decimal": 59316
+    },
+    {
+      "icon_id": "7950578",
+      "name": "动画",
+      "font_class": "xing",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "7962612",
+      "name": "淘宝",
+      "font_class": "taobao1",
+      "unicode": "e691",
+      "unicode_decimal": 59025
+    },
+    {
+      "icon_id": "8012431",
+      "name": "VIP @3x",
+      "font_class": "VIPx",
+      "unicode": "e6de",
+      "unicode_decimal": 59102
+    },
+    {
+      "icon_id": "8020703",
+      "name": "字号-",
+      "font_class": "zihao-",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "8033596",
+      "name": "百度",
+      "font_class": "baidu",
+      "unicode": "ea9a",
+      "unicode_decimal": 60058
+    },
+    {
+      "icon_id": "8055774",
+      "name": "qq",
+      "font_class": "QQ1",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "8057392",
+      "name": "500",
+      "font_class": "icon-test1",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "8079881",
+      "name": "袋，购物，购物，电子商务",
+      "font_class": "gowudai",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "8084544",
+      "name": "菜单/列表",
+      "font_class": "liebiao",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "8105630",
+      "name": "spring",
+      "font_class": "spring",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "8152143",
+      "name": "新增",
+      "font_class": "xinzeng",
+      "unicode": "e70b",
+      "unicode_decimal": 59147
+    },
+    {
+      "icon_id": "8152851",
+      "name": "开始",
+      "font_class": "kaishi",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "8187549",
+      "name": "商城",
+      "font_class": "shangcheng",
+      "unicode": "e736",
+      "unicode_decimal": 59190
+    },
+    {
+      "icon_id": "8213055",
+      "name": "开锁",
+      "font_class": "kaisuo",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "8231464",
+      "name": "大头针",
+      "font_class": "datouzhen",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "8349788",
+      "name": "表",
+      "font_class": "biao",
+      "unicode": "e854",
+      "unicode_decimal": 59476
+    },
+    {
+      "icon_id": "8399254",
+      "name": "踩",
+      "font_class": "cai",
+      "unicode": "e64b",
+      "unicode_decimal": 58955
+    },
+    {
+      "icon_id": "8531893",
+      "name": "胡子",
+      "font_class": "huzi",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "8544830",
+      "name": "城市",
+      "font_class": "chengshi",
+      "unicode": "e728",
+      "unicode_decimal": 59176
+    },
+    {
+      "icon_id": "8627549",
+      "name": "年卡",
+      "font_class": "nianqia",
+      "unicode": "e8a4",
+      "unicode_decimal": 59556
+    },
+    {
+      "icon_id": "8641412",
+      "name": "信",
+      "font_class": "xin",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "8661369",
+      "name": "电信",
+      "font_class": "dianxin1",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    },
+    {
+      "icon_id": "8669473",
+      "name": "关注",
+      "font_class": "guanzhu",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "8670230",
+      "name": "百度",
+      "font_class": "baidu1",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "8710830",
+      "name": "背景",
+      "font_class": "beijing",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "8733572",
+      "name": "办公室",
+      "font_class": "bangongshi",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "8746286",
+      "name": "返 回",
+      "font_class": "fanhui1",
+      "unicode": "e73e",
+      "unicode_decimal": 59198
+    },
+    {
+      "icon_id": "8802664",
+      "name": "排序、排行",
+      "font_class": "paixu",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "8810863",
+      "name": "新建",
+      "font_class": "xinjian1",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "8877978",
+      "name": "搞怪",
+      "font_class": "gaoguai",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "8921239",
+      "name": "升级中",
+      "font_class": "shengjizhong",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "8930750",
+      "name": "长方形",
+      "font_class": "changfangxing1",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "8964972",
+      "name": "会员中心",
+      "font_class": "huiyuanzhongxin",
+      "unicode": "e733",
+      "unicode_decimal": 59187
+    },
+    {
+      "icon_id": "8987629",
+      "name": "搜索框",
+      "font_class": "sousuokuang",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "9012211",
+      "name": "滑块-01",
+      "font_class": "huakuai",
+      "unicode": "e6b8",
+      "unicode_decimal": 59064
+    },
+    {
+      "icon_id": "9012308",
+      "name": "皮肤",
+      "font_class": "pifu",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
+      "icon_id": "9016785",
+      "name": "关 闭",
+      "font_class": "guanbi1",
+      "unicode": "e73c",
+      "unicode_decimal": 59196
+    },
+    {
+      "icon_id": "9086872",
+      "name": "平板-2",
+      "font_class": "pingban",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "9096596",
+      "name": "吸铁磁",
+      "font_class": "xitieci",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "9140895",
+      "name": "-_级联下拉功能框",
+      "font_class": "jilianxuanzeqi",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "9170376",
+      "name": "中国移动",
+      "font_class": "zhongguoyidong2",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "9179286",
+      "name": "日历",
+      "font_class": "rili",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "9210505",
+      "name": "加载",
+      "font_class": "jiazai",
+      "unicode": "e82d",
+      "unicode_decimal": 59437
+    },
+    {
+      "icon_id": "9250601",
+      "name": "华为",
+      "font_class": "huawei",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    },
+    {
+      "icon_id": "9289448",
+      "name": "视频",
+      "font_class": "shipin1",
+      "unicode": "e75c",
+      "unicode_decimal": 59228
+    },
+    {
+      "icon_id": "9318721",
+      "name": "联通",
+      "font_class": "liantong1",
+      "unicode": "e68e",
+      "unicode_decimal": 59022
+    },
+    {
+      "icon_id": "9320882",
+      "name": "内容",
+      "font_class": "neirong",
+      "unicode": "e737",
+      "unicode_decimal": 59191
+    },
+    {
+      "icon_id": "9400554",
+      "name": "暂无项目信息",
+      "font_class": "zanwuxiangmuxinxi",
+      "unicode": "e708",
+      "unicode_decimal": 59144
+    },
+    {
+      "icon_id": "9535007",
+      "name": "权限管理",
+      "font_class": "quanxianguanli",
+      "unicode": "e735",
+      "unicode_decimal": 59189
+    },
+    {
+      "icon_id": "9539052",
+      "name": "二维码登录",
+      "font_class": "erweimadenglu",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "9551483",
+      "name": "单选框",
+      "font_class": "danxuankuang",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "9559066",
+      "name": "减",
+      "font_class": "jian",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "9559067",
+      "name": "加",
+      "font_class": "jia",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "9575138",
+      "name": "移交 转交",
+      "font_class": "yijiaozhuanjiao",
+      "unicode": "e72e",
+      "unicode_decimal": 59182
+    },
+    {
+      "icon_id": "9587853",
+      "name": "自定义",
+      "font_class": "zidingyimoxing",
+      "unicode": "e73d",
+      "unicode_decimal": 59197
+    },
+    {
+      "icon_id": "9616083",
+      "name": "缩小",
+      "font_class": "suoxiao",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "9622876",
+      "name": "1印章(已结清)",
+      "font_class": "yinzhangyijieqing",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "9626004",
+      "name": "颜色",
+      "font_class": "yanse",
+      "unicode": "e82f",
+      "unicode_decimal": 59439
+    },
+    {
+      "icon_id": "9742421",
+      "name": "清空",
+      "font_class": "qingkong",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "9766839",
+      "name": "应用源码",
+      "font_class": "yingyongyuanma",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "9819998",
+      "name": "音乐 (1)",
+      "font_class": "yinfu",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "9857467",
+      "name": "拖动",
+      "font_class": "tuodong",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "9858901",
+      "name": "回形针",
+      "font_class": "huixingzhen",
+      "unicode": "e731",
+      "unicode_decimal": 59185
+    },
+    {
+      "icon_id": "9898928",
+      "name": "沙漏",
+      "font_class": "shalou",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "9927850",
+      "name": "正方形",
+      "font_class": "zhengfangxing",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "9949946",
+      "name": "视频",
+      "font_class": "shipin",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "9969950",
+      "name": "关注",
+      "font_class": "guanzhu1",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "9974757",
+      "name": "感叹号",
+      "font_class": "gantanhao",
+      "unicode": "e710",
+      "unicode_decimal": 59152
+    },
+    {
+      "icon_id": "9993219",
+      "name": "Sql Server",
+      "font_class": "SqlServer",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "10031238",
+      "name": "用户",
+      "font_class": "admin",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "10044057",
+      "name": "代码",
+      "font_class": "daima",
+      "unicode": "e69a",
+      "unicode_decimal": 59034
+    },
+    {
+      "icon_id": "10046833",
+      "name": "照片",
+      "font_class": "zhaopian",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "10100018",
+      "name": "收 藏-产品详情",
+      "font_class": "shoucang",
+      "unicode": "e748",
+      "unicode_decimal": 59208
+    },
+    {
+      "icon_id": "10102949",
+      "name": "私有云",
+      "font_class": "siyouyun",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "10120099",
+      "name": "文件夹",
+      "font_class": "wenjianjia",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "10120142",
+      "name": "抽屉",
+      "font_class": "chouti",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "10137023",
+      "name": "小米",
+      "font_class": "xiaomi1",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
+    {
+      "icon_id": "10142377",
+      "name": "华为",
+      "font_class": "huawei1",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "10165915",
+      "name": "拼图",
+      "font_class": "pintu",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "10202780",
+      "name": "微博",
+      "font_class": "weibo1",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "10206758",
+      "name": "手机",
+      "font_class": "yingyong",
+      "unicode": "e785",
+      "unicode_decimal": 59269
+    },
+    {
+      "icon_id": "10218987",
+      "name": "复制",
+      "font_class": "fuzhi",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "10388177",
+      "name": "表单",
+      "font_class": "biaodan",
+      "unicode": "e745",
+      "unicode_decimal": 59205
+    },
+    {
+      "icon_id": "10445236",
+      "name": "自定义",
+      "font_class": "zidingyi",
+      "unicode": "e6bc",
+      "unicode_decimal": 59068
+    },
+    {
+      "icon_id": "10543538",
+      "name": "gitee",
+      "font_class": "gitee",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "10599660",
+      "name": "轮播图",
+      "font_class": "tubiaozhizuomoban",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "10696171",
+      "name": "环形进度图",
+      "font_class": "huanxingjindutu",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "10795206",
+      "name": "站群",
+      "font_class": "zhanqun",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "11053422",
+      "name": "搜索框A",
+      "font_class": "sousuokuangA",
+      "unicode": "eaba",
+      "unicode_decimal": 60090
+    },
+    {
+      "icon_id": "11056427",
+      "name": "九宫格",
+      "font_class": "jiugongge",
+      "unicode": "e71f",
+      "unicode_decimal": 59167
+    },
+    {
+      "icon_id": "11095678",
+      "name": "筛选",
+      "font_class": "shaixuan",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "11095698",
+      "name": "分类",
+      "font_class": "fenlei1",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "11095699",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "11095700",
+      "name": "我的",
+      "font_class": "wode1",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "11096651",
+      "name": "筛选",
+      "font_class": "juxing",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "11096652",
+      "name": "浏览记录",
+      "font_class": "juxing1",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "11109804",
+      "name": "闭眼",
+      "font_class": "biyan1",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "11109939",
+      "name": "退出",
+      "font_class": "tuichu1",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "11109963",
+      "name": "中国",
+      "font_class": "zhongguo",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "11109964",
+      "name": "全球",
+      "font_class": "quanqiu1",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "11112827",
+      "name": "QQ",
+      "font_class": "QQ3",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "11112828",
+      "name": "微信",
+      "font_class": "weixin2",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "11125747",
+      "name": "中国",
+      "font_class": "icon-china",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "11125820",
+      "name": "世界",
+      "font_class": "icon-shijie",
+      "unicode": "e6fb",
+      "unicode_decimal": 59131
+    },
+    {
+      "icon_id": "11125940",
+      "name": "pdf",
+      "font_class": "pdf",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "11715388",
+      "name": "优惠卷",
+      "font_class": "youhuijuan",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    }
+  ]
+}

src/main/webapp/static/ms-admin/4.7.2/js/ms.upload.js

@@ -0,0 +1,295 @@
+/**
+ * 上传js
+ * 官方插件文档：https://www.plupload.com
+ * 参数方法文档：https://www.cnblogs.com/2050/p/3913184.html
+ */
+(function() {
+
+  
+
+    // 默认支持上传的文件类型
+    var mimeTypes = {
+        "image": {
+            title: "Image files",
+            extensions: "jpg,JPG,jpeg,PNG,gif,png"
+        },
+        "file": {
+            title: "Zip files",
+            extensions: "ZIP,zip,DOC,doc,docx,xls,XLS,xlsx,RAR,rar"
+        },
+        "video": {
+            title: "video files",
+            extensions: "MP3,MP4"
+        },
+        "all": {
+            title: "all files",
+            extensions: "jpg,JPG,jpeg,PNG,gif,png,ZIP,zip,DOC,doc,docx,xls,XLS,xlsx,RAR,rar"
+        }
+    };
+
+    /**
+     * 文件上传
+
+     * id: id属性
+     * {
+     * url:"", //(可选)默认ms.base + "/file/upload.do" 
+     * mime_types:"image", //(可选)默认图片，支持image、file、video、all(表示包含前三种)，也可以设置allowedFile参数覆盖
+     * allowedFile:""//(可选)自定义上传文件后缀例如：jpg,gif
+     * max_file_size:"1mb", //(可选)默认1mb,单位kb,mb,gb,tb，注意后端ms.properties文件也有配置上传大小，优先上传控件大小 
+     * multi_selection:false, //(可选)默认单文件 
+     * uploadPath:"", //(可选)默认上传upload文件夹下面(如果非upload，需要设置uploadFloderPath参数)对应的站点下面，例如uload/1/xxxxx.jpg 
+     * uploadFloderPath:"", //(可选)自定义上传文件夹路径，最终文件路径格式 uploadFloderPath/uploadPath/xxxxxx.jpg,注意这里的uploadPath已经没有了upload文件夹与站点id
+     * diyPath:"", //(可选)自定义上传文件夹路径，可以定义盘符路径
+     * isRename:true,//(可选)文件重命名,默认根据时间命名
+     * fileFiltered:function //每次选择一个文件都会触发
+     * filesAdded:function //每次选择好文件后都会触发
+     * beforeUpload:function //上传文件之前触发，确认上传 业务的情况下有用
+     * uploadProgress:function //处理进度条
+     * fileUploaded:function //（必填）上传成功返回，主要会用到第三个参数的response，这个值是上传成功后返回的数据
+     * }
+     */
+    function upload(id, cfg) { 
+        var uploadCfg = {
+            url: basePath+"/file/upload.do",
+            mime_types: mimeTypes["image"],
+            max_file_size: "1mb",
+            multi_selection: false,
+            uploadPath: "",
+            diyPath:"",
+            uploadFloderPath: "",
+            chunk: "",
+            chunks: "",
+            prevent_duplicates: true,
+            isRename: true, 
+            fileFiltered: function(uploader, file) {},
+            filesAdded: function(uploader, files) {},
+            beforeUpload: function(uploader, file) {},
+            uploadProgress: function(uploader, file) {},
+            fileUploaded: function(uploader, file, responseObject) {},
+
+            error: function(uploader, errObject) {
+                if (errObject.code == -600) {
+                	 $('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "文件超过" +
+	                        uploadCfg.max_file_size + "大小" }
+					 }).show();	
+                } else if (errObject.code == -601) {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "格式错误" }
+					 }).show();	
+                } else if (errObject.code == -700) {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "格式错误"}
+					 }).show();	
+                } else if (errObject.code == -300) {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "发生磁盘读写错误时的错误代码，例如本地上某个文件不可读"}
+					 }).show();	
+                } else if (errObject.code == -602) {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "文件已上传过，不能重复上传。"}
+					 }).show();	
+                } else if (errObject.code == -702) {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.file.name + "文件网页上传不支持，太大的文件请通过其他途径上传。"}
+					 }).show();	
+                } else {
+                	$('.ms-notifications').offset({top:43}).notify({
+		    		    type:'warning',
+					    message: { text:errObject.code + errObject.file.name}
+					 }).show();	
+                }
+            },
+        };
+        var multipart_params = {}; // 上传表单参数
+        multipart_params.maxSize = calculationMaxSize();
+        multipart_params.allowedFile = uploadCfg.mime_types.extensions;
+
+        // 判断cfg是否为json格式，不是则将默认参数传给cfg
+        if (cfg != undefined && validator.isJSON(JSON.stringify(cfg))) {
+
+            // 重新定义后台上传路径
+            if (cfg.url != undefined && cfg.url != "") {
+                uploadCfg.url = cfg.url;
+            }
+            // 允许上传的后缀
+            if (cfg.allowedFile != undefined && cfg.allowedFile != "") {
+            	uploadCfg.mime_types = 
+                    {
+                        title: "all files",
+                        extensions: cfg.allowedFile
+                    };
+                multipart_params.allowedFile = cfg.allowedFile;
+            }
+
+            //组织后台需要的参数
+            if (cfg.max_file_size != undefined && cfg.max_file_size != "") {
+                uploadCfg.max_file_size = cfg.max_file_size;
+                multipart_params.maxSize = calculationMaxSize();
+            }
+
+            if (cfg.path != undefined && cfg.path != "") {
+                uploadCfg.uploadPath = cfg.path;
+                multipart_params.uploadPath = cfg.path;
+            }
+            if (cfg.diyPath != undefined && cfg.diyPath != "") {
+            	uploadCfg.diyPath = cfg.diyPath;
+            	multipart_params.diyPath = cfg.diyPath;
+            }
+            if (cfg.uploadFloderPath != undefined && cfg.uploadFloderPath != "") {
+                uploadCfg.uploadFloderPath = cfg.uploadFloderPath;
+                multipart_params.uploadFloderPath = cfg.uploadFloderPath;
+            }
+            if (cfg.chunk != undefined && cfg.chunk != "") {
+                multipart_params.chunk = cfg.chunk;
+            }
+            if (cfg.chunks != undefined && cfg.chunks != "") {
+                multipart_params.chunks = cfg.chunks;
+            }
+
+            if (cfg.name != undefined && cfg.name != "") {
+                multipart_params.name = cfg.name;
+            }
+
+            if (cfg.isRename != undefined) {
+                multipart_params.isRename = cfg.isRename;
+            }
+
+            if (cfg.multi_selection != undefined ) {
+                uploadCfg.multi_selection = cfg.multi_selection;
+            }
+            if (cfg.prevent_duplicates != undefined) {
+            	uploadCfg.prevent_duplicates = cfg.prevent_duplicates;
+            }
+
+
+            //回调事件
+            if (cfg.fileUploaded != undefined && cfg.fileUploaded != "") {
+                uploadCfg.fileUploaded = cfg.fileUploaded;
+            }
+            if (cfg.filesAdded != undefined && cfg.filesAdded != "") {
+                uploadCfg.filesAdded = cfg.filesAdded;
+            }
+            if (cfg.fileFiltered != undefined && cfg.fileFiltered != "") {
+                uploadCfg.fileFiltered = cfg.fileFiltered;
+            }
+            if (cfg.beforeUpload != undefined && cfg.beforeUpload != "") {
+                uploadCfg.beforeUpload = cfg.beforeUpload;
+            }
+            if (cfg.uploadProgress != undefined && cfg.uploadProgress != "") {
+                uploadCfg.uploadProgress = cfg.uploadProgress;
+            }
+            if (cfg.error != undefined && cfg.error != "") {
+                uploadCfg.error = cfg.error;
+            }
+           
+        }
+
+        // 实例化一个plupload上传对象
+        var uploader = new plupload.Uploader({
+            browse_button: id, // 预览按钮元素
+            url: uploadCfg.url, // 上传地址
+            flash_swf_url: 'js/Moxie.swf',
+            silverlight_xap_url: 'js/Moxie.xap',
+            multi_selection: uploadCfg.multi_selection, // 禁止浏览框多选
+            multipart_params: multipart_params,
+            filters: { // 文件类型 大小设置,对不同场景的文件上传配置此参数
+                mime_types: [uploadCfg.mime_types],
+                max_file_size: uploadCfg.max_file_size, // 最大只能上传400kb的文件
+                prevent_duplicates: uploadCfg.prevent_duplicates //布尔类型
+                // 不允许选取重复文件
+            },
+        });
+
+        uploader.init();
+
+        /**
+         * 选择了多少文件就会触发多少次
+         *uploader为当前的plupload实例对象，file为触发此事件的文件对象
+         */
+        uploader.bind('FileFiltered', function(uploader, file) {
+            eval(uploadCfg.fileFiltered(uploader, file));
+        });
+
+        /**
+         * 当文件添加到上传队列后触发
+         * uploader为当前的plupload实例对象，files为一个数组，里面的元素为本次添加到上传队列里的文件对象
+         * 每一次选择文件都会触发，不管选择多个文件还是单个文件都只会触发一次
+         */
+        uploader.bind('FilesAdded', function(uploader, files) {
+            eval(uploadCfg.filesAdded(uploader, files));
+        });
+
+        /** 
+         * 当队列中的某一个文件正要开始上传前触发
+         * uploader为当前的plupload实例对象，file为触发此事件的文件对象
+         */
+        uploader.bind('BeforeUpload', function(uploader, file) {
+            eval(uploadCfg.beforeUpload(uploader, file));
+        });
+
+        /**
+         * 会在文件上传过程中不断触发，可以用此事件来显示上传进度
+         * uploader为当前的plupload实例对象，file为触发此事件的文件对象
+         */
+        uploader.bind('UploadProgress', function(uploader, file) {
+            eval(uploadCfg.uploadProgress(uploader, file));
+        });
+
+        /**
+         * 当队列中的某一个文件上传完成后触发监听函数参数：(uploader,file,responseObject)
+         * uploader为当前的plupload实例对象，
+         * file为触发此事件的文件对象，
+         * responseObject为服务器返回的信息对象，它有以下3个属性：
+         *    response：服务器返回的文本
+         *    responseHeaders：服务器返回的头信息
+         *    status：服务器返回的http状态码，比如200
+         */
+        uploader.bind('FileUploaded', function(uploader, file, responseObject) {
+            eval(uploadCfg.fileUploaded(uploader, file, responseObject));
+        });
+
+        /**        
+         * 当发生错误时触发监听函数参数：(uploader,errObject)
+         * uploader为当前的plupload实例对象，
+         * errObject为错误对象，它至少包含以下3个属性(因为不同类型的错误，属性可能会不同)：
+         * code：错误代码，具体请参考plupload上定义的表示错误代码的常量属性
+         * file：与该错误相关的文件对象
+         * message：错误信息
+         */
+        uploader.bind('Error', function(uploader, errObject) {
+            eval(uploadCfg.error(uploader, errObject));
+        });
+
+        /**
+         * 计算后台的上传大小，因为前端上传空间与后端的大小单位不一致
+         */
+        function calculationMaxSize() {
+            var size = parseInt(uploadCfg.max_file_size);
+
+            if (uploadCfg.max_file_size.indexOf("kb") > -1) {
+                return parseInt(size) / 1024;
+            } else if (uploadCfg.max_file_size.indexOf("mb") > -1) {
+                return size;
+            } else if (uploadCfg.max_file_size.indexOf("gb") > -1) {
+                return size * 1024;
+            } else if (uploadCfg.max_file_size.indexOf("tb") > -1) {
+                return size * 1024 * 1024;
+            }
+        }
+        return uploader;
+
+    }
+
+    if (ms == undefined) {
+        ms = {};
+    }
+
+    window.ms.upload = upload;
+}());