1052 lines
53 KiB
Java
1052 lines
53 KiB
Java
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="webkit" name="renderer"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
|
|
<meta content="no-cache" http-equiv="Pragma"/>
|
|
<meta http-equiv="Expires" content="0"/>
|
|
<meta content="width=device-width, initial-scale=1, user-scalable=1" name="viewport"/>
|
|
<title>图标选择</title>
|
|
<script src="/js/global.min.js?ctx=/js/a"></script>
|
|
<script src="/js/jquery/jquery-1.12.4.min.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="/js/common/h5fix.min.js"></script><![endif]-->
|
|
<link rel="stylesheet" href="/css/fonts/font-icons.min.css">
|
|
<link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/js/wdScrollTab/css/TabPanel.css">
|
|
<link rel="stylesheet" href="/js/adminlte/css/AdminLTE.min.css">
|
|
<link rel="stylesheet" href="/css/jsherp.css">
|
|
<link rel="stylesheet" href="/js/adminlte/css/skins/skin-blue-light2.css">
|
|
<link rel="stylesheet" href="/js/easyui/themes/default/easyui.css" type="text/css"/>
|
|
</head>
|
|
<body class="hold-transition box box-main">
|
|
<div class="wrapper">
|
|
<style>
|
|
.nav-tabs-custom {
|
|
margin-bottom: 0;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.simplelineicons div, .fontawesome-icons div, .bs-glyphicons li {
|
|
cursor: pointer;
|
|
line-height: 34px;
|
|
}
|
|
|
|
.simplelineicons div:hover, .fontawesome-icons div:hover, .bs-glyphicons li:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
.simplelineicons div i, .fontawesome-icons div i, .bs-glyphicons li i {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.bs-glyphicons {
|
|
padding-left: 0;
|
|
padding-bottom: 1px;
|
|
margin-bottom: 20px;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bs-glyphicons li {
|
|
float: left;
|
|
width: 25%;
|
|
height: 95px;
|
|
padding: 10px;
|
|
margin: 0 -1px -1px 0;
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
text-align: center;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.bs-glyphicons .glyphicon {
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.bs-glyphicons .glyphicon-class {
|
|
display: block;
|
|
text-align: center;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bs-glyphicons li {
|
|
width: 12.5%;
|
|
}
|
|
}
|
|
</style>
|
|
<input type="hidden" id="icon" value="icon-people"/>
|
|
<div class="nav-tabs-custom">
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="tab_1_1">
|
|
<div class="simplelineicons">
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-user"></i><span class="name"> icon-user</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-people"></i><span class="name"> icon-people</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-user-female"></i><span class="name"> icon-user-female</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-user-follow"></i><span class="name"> icon-user-follow</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-user-following"></i><span class="name"> icon-user-following</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-user-unfollow"></i><span class="name"> icon-user-unfollow</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-login"></i><span class="name"> icon-login</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-logout"></i><span class="name"> icon-logout</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-emotsmile"></i><span class="name"> icon-emotsmile</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-phone"></i><span class="name"> icon-phone</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-call-end"></i><span class="name"> icon-call-end</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-call-in"></i><span class="name"> icon-call-in</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-call-out"></i><span class="name"> icon-call-out</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-map"></i><span class="name"> icon-map</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-location-pin"></i><span class="name"> icon-location-pin</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-direction"></i><span class="name"> icon-direction</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-directions"></i><span class="name"> icon-directions</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-compass"></i><span class="name"> icon-compass</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-layers"></i><span class="name"> icon-layers</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-menu"></i><span class="name"> icon-menu</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-list"></i><span class="name"> icon-list</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-options-vertical"></i><span class="name"> icon-options-vertical</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-options"></i><span class="name"> icon-options</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-down"></i><span class="name"> icon-arrow-down</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-left"></i><span class="name"> icon-arrow-left</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-right"></i><span class="name"> icon-arrow-right</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-up"></i><span class="name"> icon-arrow-up</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-up-circle"></i><span class="name"> icon-arrow-up-circle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-left-circle"></i><span
|
|
class="name"> icon-arrow-left-circle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-right-circle"></i><span
|
|
class="name"> icon-arrow-right-circle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-arrow-down-circle"></i><span
|
|
class="name"> icon-arrow-down-circle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-check"></i><span class="name"> icon-check</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-clock"></i><span class="name"> icon-clock</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-plus"></i><span class="name"> icon-plus</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-minus"></i><span class="name"> icon-minus</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-close"></i><span class="name"> icon-close</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-event"></i><span class="name"> icon-event</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-exclamation"></i><span class="name"> icon-exclamation</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-organization"></i><span class="name"> icon-organization</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-trophy"></i><span class="name"> icon-trophy</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-screen-smartphone"></i><span
|
|
class="name"> icon-screen-smartphone</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-screen-desktop"></i><span class="name"> icon-screen-desktop</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-plane"></i><span class="name"> icon-plane</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-notebook"></i><span class="name"> icon-notebook</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-mustache"></i><span class="name"> icon-mustache</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-mouse"></i><span class="name"> icon-mouse</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-magnet"></i><span class="name"> icon-magnet</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-energy"></i><span class="name"> icon-energy</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-disc"></i><span class="name"> icon-disc</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-cursor"></i><span class="name"> icon-cursor</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-cursor-move"></i><span class="name"> icon-cursor-move</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-crop"></i><span class="name"> icon-crop</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-chemistry"></i><span class="name"> icon-chemistry</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-speedometer"></i><span class="name"> icon-speedometer</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-shield"></i><span class="name"> icon-shield</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-screen-tablet"></i><span class="name"> icon-screen-tablet</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-magic-wand"></i><span class="name"> icon-magic-wand</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-hourglass"></i><span class="name"> icon-hourglass</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-graduation"></i><span class="name"> icon-graduation</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-ghost"></i><span class="name"> icon-ghost</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-game-controller"></i><span class="name"> icon-game-controller</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-fire"></i><span class="name"> icon-fire</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-eyeglass"></i><span class="name"> icon-eyeglass</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-envelope-open"></i><span class="name"> icon-envelope-open</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-envelope-letter"></i><span class="name"> icon-envelope-letter</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-bell"></i><span class="name"> icon-bell</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-badge"></i><span class="name"> icon-badge</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-anchor"></i><span class="name"> icon-anchor</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-wallet"></i><span class="name"> icon-wallet</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-vector"></i><span class="name"> icon-vector</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-speech"></i><span class="name"> icon-speech</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-puzzle"></i><span class="name"> icon-puzzle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-printer"></i><span class="name"> icon-printer</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-present"></i><span class="name"> icon-present</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-playlist"></i><span class="name"> icon-playlist</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-pin"></i><span class="name"> icon-pin</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-picture"></i><span class="name"> icon-picture</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-handbag"></i><span class="name"> icon-handbag</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-globe-alt"></i><span class="name"> icon-globe-alt</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-globe"></i><span class="name"> icon-globe</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-folder-alt"></i><span class="name"> icon-folder-alt</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-folder"></i><span class="name"> icon-folder</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-film"></i><span class="name"> icon-film</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-feed"></i><span class="name"> icon-feed</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-drop"></i><span class="name"> icon-drop</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-drawer"></i><span class="name"> icon-drawer</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-docs"></i><span class="name"> icon-docs</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-doc"></i><span class="name"> icon-doc</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-diamond"></i><span class="name"> icon-diamond</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-cup"></i><span class="name"> icon-cup</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-calculator"></i><span class="name"> icon-calculator</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-bubbles"></i><span class="name"> icon-bubbles</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-briefcase"></i><span class="name"> icon-briefcase</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-book-open"></i><span class="name"> icon-book-open</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-basket-loaded"></i><span class="name"> icon-basket-loaded</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-basket"></i><span class="name"> icon-basket</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-bag"></i><span class="name"> icon-bag</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-action-undo"></i><span class="name"> icon-action-undo</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-action-redo"></i><span class="name"> icon-action-redo</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-wrench"></i><span class="name"> icon-wrench</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-umbrella"></i><span class="name"> icon-umbrella</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-trash"></i><span class="name"> icon-trash</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-tag"></i><span class="name"> icon-tag</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-support"></i><span class="name"> icon-support</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-frame"></i><span class="name"> icon-frame</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-size-fullscreen"></i><span class="name"> icon-size-fullscreen</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-size-actual"></i><span class="name"> icon-size-actual</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-shuffle"></i><span class="name"> icon-shuffle</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-share-alt"></i><span class="name"> icon-share-alt</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-share"></i><span class="name"> icon-share</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-rocket"></i><span class="name"> icon-rocket</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-question"></i><span class="name"> icon-question</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-pie-chart"></i><span class="name"> icon-pie-chart</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-pencil"></i><span class="name"> icon-pencil</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-note"></i><span class="name"> icon-note</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-loop"></i><span class="name"> icon-loop</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-home"></i><span class="name"> icon-home</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-grid"></i><span class="name"> icon-grid</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-graph"></i><span class="name"> icon-graph</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-microphone"></i><span class="name"> icon-microphone</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-music-tone-alt"></i><span class="name"> icon-music-tone-alt</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-music-tone"></i><span class="name"> icon-music-tone</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-earphones-alt"></i><span class="name"> icon-earphones-alt</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-earphones"></i><span class="name"> icon-earphones</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-equalizer"></i><span class="name"> icon-equalizer</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-like"></i><span class="name"> icon-like</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-dislike"></i><span class="name"> icon-dislike</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-start"></i><span class="name"> icon-control-start</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-rewind"></i><span class="name"> icon-control-rewind</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-play"></i><span class="name"> icon-control-play</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-pause"></i><span class="name"> icon-control-pause</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-forward"></i><span class="name"> icon-control-forward</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-control-end"></i><span class="name"> icon-control-end</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-volume-1"></i><span class="name"> icon-volume-1</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-volume-2"></i><span class="name"> icon-volume-2</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-volume-off"></i><span class="name"> icon-volume-off</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-calendar"></i><span class="name"> icon-calendar</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-bulb"></i><span class="name"> icon-bulb</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-chart"></i><span class="name"> icon-chart</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-ban"></i><span class="name"> icon-ban</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-bubble"></i><span class="name"> icon-bubble</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-camrecorder"></i><span class="name"> icon-camrecorder</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-camera"></i><span class="name"> icon-camera</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-cloud-download"></i><span class="name"> icon-cloud-download</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-cloud-upload"></i><span class="name"> icon-cloud-upload</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-envelope"></i><span class="name"> icon-envelope</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-eye"></i><span class="name"> icon-eye</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-flag"></i><span class="name"> icon-flag</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-heart"></i><span class="name"> icon-heart</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-info"></i><span class="name"> icon-info</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-key"></i><span class="name"> icon-key</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-link"></i><span class="name"> icon-link</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-lock"></i><span class="name"> icon-lock</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-lock-open"></i><span class="name"> icon-lock-open</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-magnifier"></i><span class="name"> icon-magnifier</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-magnifier-add"></i><span class="name"> icon-magnifier-add</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-magnifier-remove"></i><span class="name"> icon-magnifier-remove</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-paper-clip"></i><span class="name"> icon-paper-clip</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-paper-plane"></i><span class="name"> icon-paper-plane</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-power"></i><span class="name"> icon-power</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-refresh"></i><span class="name"> icon-refresh</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-reload"></i><span class="name"> icon-reload</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-settings"></i><span class="name"> icon-settings</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-star"></i><span class="name"> icon-star</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-symbol-female"></i><span class="name"> icon-symbol-female</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-symbol-male"></i><span class="name"> icon-symbol-male</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-target"></i><span class="name"> icon-target</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-credit-card"></i><span class="name"> icon-credit-card</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-paypal"></i><span class="name"> icon-paypal</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-tumblr"></i><span class="name"> icon-social-tumblr</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-twitter"></i><span class="name"> icon-social-twitter</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-facebook"></i><span class="name"> icon-social-facebook</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-instagram"></i><span class="name"> icon-social-instagram</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-linkedin"></i><span class="name"> icon-social-linkedin</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-pinterest"></i><span class="name"> icon-social-pinterest</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-github"></i><span class="name"> icon-social-github</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-google"></i><span class="name"> icon-social-google</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-reddit"></i><span class="name"> icon-social-reddit</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-skype"></i><span class="name"> icon-social-skype</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-dribbble"></i><span class="name"> icon-social-dribbble</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-behance"></i><span class="name"> icon-social-behance</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-foursqare"></i><span class="name"> icon-social-foursqare</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-soundcloud"></i><span
|
|
class="name"> icon-social-soundcloud</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-spotify"></i><span class="name"> icon-social-spotify</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-stumbleupon"></i><span
|
|
class="name"> icon-social-stumbleupon</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-youtube"></i><span class="name"> icon-social-youtube</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-dropbox"></i><span class="name"> icon-social-dropbox</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-vkontakte"></i><span class="name"> icon-social-vkontakte</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-4">
|
|
<div class="item-box">
|
|
<i class="icon-social-steam"></i><span class="name"> icon-social-steam</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a id="scroll-up" href="#" class="btn btn-sm"><i class="fa fa-angle-double-up"></i></a>
|
|
<script src="/js/layer/3.1/layer.js"></script>
|
|
<script src="/js/wdScrollTab/js/TabPanel.js"></script>
|
|
<script src="/js/wdScrollTab/js/TabPanel.extend.js"></script>
|
|
<script src="/js/wdScrollTab/js/TabPanel_i18n.js"></script>
|
|
<script src="/js/common/jsherp.js"></script>
|
|
<script src="/js/common/i18n/jsherp_zh_CN.js"></script> |