local test

show-server/.classpath

		<attributes>
			<attribute name="optional" value="true"/>
			<attribute name="maven.pomderived" value="true"/>
			<attribute name="test" value="true"/>
		</attributes>
	</classpathentry>
	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.6">
			<attribute name="maven.pomderived" value="true"/>
		</attributes>
	</classpathentry>
	<classpathentry kind="src" path="target/generated-sources/annotations">
		<attributes>
			<attribute name="optional" value="true"/>
			<attribute name="maven.pomderived" value="true"/>
			<attribute name="ignore_optional_problems" value="true"/>
			<attribute name="m2e-apt" value="true"/>
		</attributes>
	</classpathentry>
	<classpathentry kind="src" output="target/test-classes" path="target/generated-test-sources/test-annotations">
		<attributes>
			<attribute name="optional" value="true"/>
			<attribute name="maven.pomderived" value="true"/>
			<attribute name="ignore_optional_problems" value="true"/>
			<attribute name="m2e-apt" value="true"/>
			<attribute name="test" value="true"/>
		</attributes>
	</classpathentry>
	<classpathentry kind="output" path="src/main/webapp/WEB-INF/classes"/>
</classpath>

show-server/.factorypath

<factorypath>
    <factorypathentry kind="VARJAR" id="M2_REPO/javax/servlet/servlet-api/2.5/servlet-api-2.5.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/commons/commons-lang3/3.4/commons-lang3-3.4.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/log4j/log4j/1.2.8/log4j-1.2.8.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/dom4j/dom4j/1.6.1/dom4j-1.6.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/xml-apis/xml-apis/1.0.b2/xml-apis-1.0.b2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/jaxen/jaxen/1.1.1/jaxen-1.1.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/jdom/jdom/1.0/jdom-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/xerces/xercesImpl/2.6.2/xercesImpl-2.6.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/xom/xom/1.0/xom-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/xerces/xmlParserAPIs/2.6.2/xmlParserAPIs-2.6.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/xalan/xalan/2.6.0/xalan-2.6.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ibm/icu/icu4j/2.6.1/icu4j-2.6.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/mashape/unirest/unirest-java/1.3.8/unirest-java-1.3.8.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/httpcomponents/httpclient/4.3.2/httpclient-4.3.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/httpcomponents/httpcore/4.3.1/httpcore-4.3.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-logging/commons-logging/1.1.3/commons-logging-1.1.3.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/httpcomponents/httpasyncclient/4.0.1/httpasyncclient-4.0.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/httpcomponents/httpcore-nio/4.3.2/httpcore-nio-4.3.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/httpcomponents/httpmime/4.3.2/httpmime-4.3.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/json/json/20131018/json-20131018.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/beetl/beetl-core/2.2.3/beetl-core-2.2.3.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/antlr/antlr4-runtime/4.2/antlr4-runtime-4.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/abego/treelayout/org.abego.treelayout.core/1.0.1/org.abego.treelayout.core-1.0.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/antlr/antlr4-annotations/4.2/antlr4-annotations-4.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/velocity/velocity/1.7/velocity-1.7.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-collections/commons-collections/3.2/commons-collections-3.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-lang/commons-lang/2.4/commons-lang-2.4.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/java_memcache-release/2.5.3/java_memcache-release-2.5.3.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/ipu/ipu-basic/3.0/ipu-basic-3.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/ipu/ipu-common/3.0/ipu-common-3.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/poi/poi/3.9/poi-3.9.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/ipu/ipu-server-web/3.0/ipu-server-web-3.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-mobile-data/1.0/wade-mobile-data-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/ipu/ipu-cache/3.0/ipu-cache-3.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/redis/clients/jedis/2.9.0/jedis-2.9.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/apache/commons/commons-pool2/2.4.2/commons-pool2-2.4.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/alibaba/fastjson/1.2.38/fastjson-1.2.38.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-data/1.0/wade-data-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-cache/1.0/wade-cache-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-database/1.0/wade-database-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-apache/1.0/wade-apache-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-common/1.0/wade-common-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/com/ai/wade/wade-sqlite-jdbc/1.0/wade-sqlite-jdbc-1.0.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/org/jsoup/jsoup/1.7.2/jsoup-1.7.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-dbcp/commons-dbcp/1.4/commons-dbcp-1.4.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-pool/commons-pool/1.5.4/commons-pool-1.5.4.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/mysql/mysql-connector-java/5.1.39/mysql-connector-java-5.1.39.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-fileupload/commons-fileupload/1.3.1/commons-fileupload-1.3.1.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-io/commons-io/2.2/commons-io-2.2.jar" enabled="true" runInBatchMode="false"/>
    <factorypathentry kind="VARJAR" id="M2_REPO/commons-codec/commons-codec/1.3/commons-codec-1.3.jar" enabled="true" runInBatchMode="false"/>
</factorypath>

show-server/src/main/webapp/biz/js/plugins/share.js

		var musicPath = "/storage/emulated/0/share/music.mp3";
		var videoPath =  "/storage/emulated/0/share/video.mp4";
		
		if (WadeMobile.isAndroid()){
//		if (WadeMobile.isAndroid()){
			$('#wxsdk').removeAttr("hidden");
			var params = new $.DataMap();
			params.put("title", "IPU秀");
			$("#wechatFriendWeb").click(function() {
				WadeMobile.shareWebpageWechatFriend(params);
			});
		}
//		}
		
		$("#qqFriendText").click(function(){
			var text = $("#shareText").val();

show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js

				execute("shareTextQQFriend",[content]);
			},shareTextWeChatFriend:function(content){
				execute("shareTextWeChatFriend",[content]);
			},shareTextWeChatTimeline:function(content){
				execute("shareTextWeChatTimeline",[content]);
			},shareFileQQFriend:function(type,content){
				execute("shareFileQQFriend",[type,content]);
			},shareFileWeChatFriend:function(type,content){

show-server/src/main/webapp/ipu/ui/css/ipuUI.css

@charset "UTF-8";
html {
  font-size: 85.06667px;
}
  }
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset, lengend, button, input, textarea,
th, td {
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address, cite, dfn, em, var, i, strong {
address,
cite,
dfn,
em,
var,
i,
strong {
  font-style: normal;
}
ul, ol {
ul,
ol {
  list-style: none;
}
  text-decoration: none;
}
fieldset, img {
fieldset,
img {
  border: none;
}
button, input, select, textarea {
button,
input,
select,
textarea {
  font: inherit;
}
  border-spacing: 0;
}
caption, th {
caption,
th {
  text-align: left;
}
  box-sizing: border-box;
}
html, body {
html,
body {
  height: 100%;
  position: relative;
}
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  position: relative;
  min-width: 0.75rem;
  padding: 0 0.075rem;
  margin-top: 2.4;
  font-size: 0.14rem;
  line-height: 2.4;
  color: #fff;
  -webkit-appearance: none;
}
.ipu-btn:not(.ipu-disabled):not(:disabled):active, .ipu-btn.ipu-current {
.ipu-btn:not(.ipu-disabled):not(:disabled):active,
.ipu-btn.ipu-current {
  background: #0063a0;
}
.ipu-btn.ipu-disabled, .ipu-btn:disabled {
.ipu-btn.ipu-disabled,
.ipu-btn:disabled {
  opacity: .5;
}
  background-color: #ff4222;
}
.ipu-btn-warning:not(.ipu-disabled):not(:disabled):active, .ipu-btn-warning.ipu-current {
.ipu-btn-warning:not(.ipu-disabled):not(:disabled):active,
.ipu-btn-warning.ipu-current {
  background-color: #ee2200;
}
  background-color: #ff8444;
}
.ipu-btn-highlight:not(.ipu-disabled):not(:disabled):active, .ipu-btn-highlight.ipu-current {
.ipu-btn-highlight:not(.ipu-disabled):not(:disabled):active,
.ipu-btn-highlight.ipu-current {
  background: #ff6211;
}
  background-color: #4cd964;
}
.ipu-btn-success:not(.ipu-disabled):not(:disabled):active, .ipu-btn-success.ipu-current {
.ipu-btn-success:not(.ipu-disabled):not(:disabled):active,
.ipu-btn-success.ipu-current {
  background: #2ac845;
}
  border-radius: 0 .03rem .03rem 0;
}
.ipu-btn-group .ipu-btn + .ipu-btn {
.ipu-btn-group .ipu-btn+.ipu-btn {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(0, 0, 0, 0.2);
}
  align-items: center;
}
.ipu-input-wrap .ipu-btn, .ipu-input-wrap i {
.ipu-input-wrap .ipu-btn,
.ipu-input-wrap i {
  margin-right: .1rem;
}
  border-collapse: collapse;
}
.ipu-table td, .ipu-table th {
.ipu-table td,
.ipu-table th {
  text-align: center;
  background-color: #fff;
  padding: .08rem .025rem;
  border-bottom: 1px solid #e0e0e0;
}
.ipu-table-border-none th, .ipu-table-border-none td {
.ipu-table-border-none th,
.ipu-table-border-none td {
  border: none;
}
.ipu-table-border-row th, .ipu-table-border-row td {
.ipu-table-border-row th,
.ipu-table-border-row td {
  border-width: 0 0 1px 0;
}
.ipu-grid, .ipu-grid-trisect, .ipu-grid-halve {
.ipu-grid,
.ipu-grid-trisect,
.ipu-grid-halve {
  padding-left: .15rem;
  padding-right: .1rem;
  overflow: hidden;
  padding-top: .1rem;
}
.ipu-grid li, .ipu-grid-trisect li, .ipu-grid-halve li {
.ipu-grid li,
.ipu-grid-trisect li,
.ipu-grid-halve li {
  padding-right: .05rem;
  padding-bottom: .1rem;
  float: left;
  position: relative;
}
.ipu-grid-trisect > li {
.ipu-grid-trisect>li {
  width: 33.3333%;
}
  color: #666;
}
.ipu-grid-halve > li {
.ipu-grid-halve>li {
  width: 50%;
}
  padding-top: 55.17%;
}
.ipu-grid-trisect-img, .ipu-grid-halve-img {
.ipu-grid-trisect-img,
.ipu-grid-halve-img {
  width: 100%;
}
.ipu-grid-trisect-img img, .ipu-grid-halve-img img {
.ipu-grid-trisect-img img,
.ipu-grid-halve-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.ipu-grid-trisect-img.active, .ipu-grid-halve-img.active {
.ipu-grid-trisect-img.active,
.ipu-grid-halve-img.active {
  opacity: .5;
}
  overflow: auto;
}
.ipu-row > .ipu-col {
.ipu-row>.ipu-col {
  float: left;
  width: 100%;
}
.ipu-row > .ipu-col-10 {
.ipu-row>.ipu-col-10 {
  width: 10%;
}
.ipu-row > .ipu-col-20 {
.ipu-row>.ipu-col-20 {
  width: 20%;
}
.ipu-row > .ipu-col-25 {
.ipu-row>.ipu-col-25 {
  width: 25%;
}
.ipu-row > .ipu-col-33 {
.ipu-row>.ipu-col-33 {
  width: 33.3333%;
}
.ipu-row > .ipu-col-40 {
.ipu-row>.ipu-col-40 {
  width: 40%;
}
.ipu-row > .ipu-col-50 {
.ipu-row>.ipu-col-50 {
  width: 50%;
}
.ipu-row > .ipu-col-60 {
.ipu-row>.ipu-col-60 {
  width: 60%;
}
.ipu-row > .ipu-col-67 {
.ipu-row>.ipu-col-67 {
  width: 66.6667%;
}
.ipu-row > .ipu-col-75 {
.ipu-row>.ipu-col-75 {
  width: 75%;
}
.ipu-row > .ipu-col-80 {
.ipu-row>.ipu-col-80 {
  width: 80%;
}
.ipu-row > .ipu-col-90 {
.ipu-row>.ipu-col-90 {
  width: 90%;
}
.ipu-grid-nine, .ipu-grid-sixteen {
.ipu-grid-nine,
.ipu-grid-sixteen {
  position: relative;
  overflow: hidden;
}
.ipu-grid-nine > li, .ipu-grid-sixteen > li {
.ipu-grid-nine>li,
.ipu-grid-sixteen>li {
  float: left;
  position: relative;
  padding: 0.2rem 0.1rem;
  border-bottom: 1px solid #eae9eb;
}
.ipu-grid-nine > li:active, .ipu-grid-sixteen > li:active {
.ipu-grid-nine>li:active,
.ipu-grid-sixteen>li:active {
  background: #f4f4f4;
}
.ipu-grid-nine .ipu-icon, .ipu-grid-sixteen .ipu-icon {
.ipu-grid-nine .ipu-icon,
.ipu-grid-sixteen .ipu-icon {
  font-size: 0.32rem;
  display: block;
  line-height: 0.44rem;
}
.ipu-grid-nine .ipu-badge, .ipu-grid-nine .ipu-badge-muted, .ipu-grid-nine .ipu-badge-num, .ipu-grid-nine .ipu-badge-dot, .ipu-grid-sixteen .ipu-badge, .ipu-grid-sixteen .ipu-badge-muted, .ipu-grid-sixteen .ipu-badge-num, .ipu-grid-sixteen .ipu-badge-dot {
.ipu-grid-nine .ipu-badge,
.ipu-grid-nine .ipu-badge-muted,
.ipu-grid-nine .ipu-badge-num,
.ipu-grid-nine .ipu-badge-dot,
.ipu-grid-sixteen .ipu-badge,
.ipu-grid-sixteen .ipu-badge-muted,
.ipu-grid-sixteen .ipu-badge-num,
.ipu-grid-sixteen .ipu-badge-dot {
  position: absolute;
  top: 0.15rem;
  left: 65%;
  z-index: 99;
}
.ipu-grid-nine > li p, .ipu-grid-sixteen > li p {
.ipu-grid-nine>li p,
.ipu-grid-sixteen>li p {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ipu-grid-nine > li a, .ipu-grid-sixteen > li a {
.ipu-grid-nine>li a,
.ipu-grid-sixteen>li a {
  color: inherit;
  display: block;
  position: relative;
}
.ipu-grid-nine > li {
.ipu-grid-nine>li {
  width: 33.3333%;
}
.ipu-grid-nine > li:nth-child(3n+1) {
.ipu-grid-nine>li:nth-child(3n+1) {
  border-left: 1px solid #eae9eb;
}
.ipu-grid-nine > li:nth-child(1), .ipu-grid-nine > li:nth-child(2), .ipu-grid-nine > li:nth-child(3) {
.ipu-grid-nine>li:nth-child(1),
.ipu-grid-nine>li:nth-child(2),
.ipu-grid-nine>li:nth-child(3) {
  border-top: 1px solid #eae9eb;
}
.ipu-grid-sixteen > li {
.ipu-grid-sixteen>li {
  width: 25%;
}
.ipu-grid-sixteen > li:nth-child(4n+1) {
.ipu-grid-sixteen>li:nth-child(4n+1) {
  border-left: 1px solid #eae9eb;
}
.ipu-grid-sixteen > li:nth-child(1), .ipu-grid-sixteen > li:nth-child(2), .ipu-grid-sixteen > li:nth-child(3), .ipu-grid-sixteen > li:nth-child(4) {
.ipu-grid-sixteen>li:nth-child(1),
.ipu-grid-sixteen>li:nth-child(2),
.ipu-grid-sixteen>li:nth-child(3),
.ipu-grid-sixteen>li:nth-child(4) {
  border-top: 1px solid #eae9eb;
}
  }*/
}
.ipu-row-flex-ver > .ipu-col,
.ipu-row-flex-ver > [class*="ipu-flex-grow-"],
.ipu-row-flex-ver > .ipu-flex-col-auto,
.ipu-flex-vertical > .ipu-col,
.ipu-flex-vertical > [class*="ipu-flex-grow-"],
.ipu-flex-vertical > .ipu-flex-col-auto {
.ipu-row-flex-ver>.ipu-col,
.ipu-row-flex-ver>[class*="ipu-flex-grow-"],
.ipu-row-flex-ver>.ipu-flex-col-auto,
.ipu-flex-vertical>.ipu-col,
.ipu-flex-vertical>[class*="ipu-flex-grow-"],
.ipu-flex-vertical>.ipu-flex-col-auto {
  height: 0;
  width: auto;
}
.ipu-row-flex-ver > .ipu-col-auto,
.ipu-row-flex-ver > .ipu-flex-grow-0,
.ipu-flex-vertical > .ipu-col-auto,
.ipu-flex-vertical > .ipu-flex-grow-0 {
.ipu-row-flex-ver>.ipu-col-auto,
.ipu-row-flex-ver>.ipu-flex-grow-0,
.ipu-flex-vertical>.ipu-col-auto,
.ipu-flex-vertical>.ipu-flex-grow-0 {
  height: auto;
}
  flex-direction: row-reverse;
}
.ipu-flex-reverse.ipu-row-flex-ver, .ipu-flex-reverse.ipu-flex-vertical {
.ipu-flex-reverse.ipu-row-flex-ver,
.ipu-flex-reverse.ipu-flex-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  display: flex;
}
.ipu-flex-tiled > li {
.ipu-flex-tiled>li {
  width: 0;
  text-align: center;
  display: -webkit-box;
  justify-content: center;
}
.ipu-flex-tiled.ipu-flex-tiled-space > li + li, .ipu-flex-tiled.ipu-tiled-space > li + li {
.ipu-flex-tiled.ipu-flex-tiled-space>li+li,
.ipu-flex-tiled.ipu-tiled-space>li+li {
  margin-left: .1rem;
}
  table-layout: fixed;
}
.ipu-tiled > li {
.ipu-tiled>li {
  display: table-cell;
  width: 1%;
  text-align: center;
}
.ipu-tiled.ipu-tiled-space > li:first-child {
.ipu-tiled.ipu-tiled-space>li:first-child {
  padding-right: .05rem;
}
.ipu-tiled.ipu-tiled-space > li + li {
.ipu-tiled.ipu-tiled-space>li+li {
  padding-left: .05rem;
  padding-right: .05rem;
}
.ipu-tiled.ipu-tiled-space > li:last-child {
.ipu-tiled.ipu-tiled-space>li:last-child {
  padding-right: 0;
}
  font-size: 0.15rem;
}
.ipu-card + .ipu-card {
.ipu-card+.ipu-card {
  margin-top: .1rem;
}
.ipu-card > :first-child {
.ipu-card> :first-child {
  border-radius: 0.03rem 0.03rem 0 0;
}
.ipu-card > :last-child {
.ipu-card> :last-child {
  border-radius: 0 0 0.03rem 0.03rem;
}
.ipu-card > :not(:first-child) {
.ipu-card> :not(:first-child) {
  position: relative;
}
.ipu-card > :not(:first-child):before {
.ipu-card> :not(:first-child):before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
}
.ipu-card-list + .ipu-card-list {
.ipu-card-list+.ipu-card-list {
  margin-top: .1rem;
}
  border-radius: 0;
}
.ipu-list + .ipu-list {
.ipu-list+.ipu-list {
  margin-top: .1rem;
}
.ipu-list > ul {
.ipu-list>ul {
  position: relative;
}
.ipu-list > ul {
.ipu-list>ul {
  position: relative;
}
.ipu-list > ul:before {
.ipu-list>ul:before {
  content: '';
  position: absolute;
  left: 0;
  background-color: #e7e7e7;
}
.ipu-list > ul {
.ipu-list>ul {
  position: relative;
}
.ipu-list > ul:after {
.ipu-list>ul:after {
  content: '';
  position: absolute;
  left: 0;
  background-color: #e7e7e7;
}
.ipu-list > ul > li {
.ipu-list>ul>li {
  position: relative;
  background-color: #fff;
}
.ipu-list > ul > li:not(:last-child) .ipu-list-item-inner {
.ipu-list>ul>li:not(:last-child) .ipu-list-item-inner {
  position: relative;
}
.ipu-list > ul > li:not(:last-child) .ipu-list-item-inner:after {
.ipu-list>ul>li:not(:last-child) .ipu-list-item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  padding-bottom: 0.15rem;
}
.ipu-list-item-link, .ipu-list-item-link:active {
.ipu-list-item-link,
.ipu-list-item-link:active {
  color: inherit;
}
.ipu-list-item-link.ipu-active, .ipu-list-item-link:active.ipu-active {
.ipu-list-item-link.ipu-active,
.ipu-list-item-link:active.ipu-active {
  background-color: #eee;
}
  height: 1.3rem;
}
.ipu-list-block > ul > li:not(:first-child),
.ipu-list-block-space > ul > li:not(:first-child) {
.ipu-list-block>ul>li:not(:first-child),
.ipu-list-block-space>ul>li:not(:first-child) {
  position: relative;
}
.ipu-list-block > ul > li:not(:first-child):before,
.ipu-list-block-space > ul > li:not(:first-child):before {
.ipu-list-block>ul>li:not(:first-child):before,
.ipu-list-block-space>ul>li:not(:first-child):before {
  content: '';
  position: absolute;
  left: 0;
  background-color: #e7e7e7;
}
.ipu-list-block > ul > li:not(:last-child) .ipu-list-item-inner:after,
.ipu-list-block-space > ul > li:not(:last-child) .ipu-list-item-inner:after {
.ipu-list-block>ul>li:not(:last-child) .ipu-list-item-inner:after,
.ipu-list-block-space>ul>li:not(:last-child) .ipu-list-item-inner:after {
  content: none;
}
.ipu-list-block-space > ul > li:not(:last-child):after {
.ipu-list-block-space>ul>li:not(:last-child):after {
  position: relative;
}
.ipu-list-block-space > ul > li:not(:last-child):after:after {
.ipu-list-block-space>ul>li:not(:last-child):after:after {
  content: '';
  position: absolute;
  left: 0;
  background-color: #e7e7e7;
}
.ipu-list-block-space > ul > li + li {
.ipu-list-block-space>ul>li+li {
  margin-top: .1rem;
}
  border-radius: .02rem;
}
.ipu-timeline-container > li {
.ipu-timeline-container>li {
  position: relative;
  margin-bottom: .15rem;
}
.ipu-timeline-container > li:before,
.ipu-timeline-container > li:after {
.ipu-timeline-container>li:before,
.ipu-timeline-container>li:after {
  content: " ";
  display: table;
}
.ipu-timeline-container > li:after {
.ipu-timeline-container>li:after {
  clear: both;
}
.ipu-timeline-container > li > .ipu-timeline-item {
.ipu-timeline-container>li>.ipu-timeline-item {
  margin-top: 0px;
  background: #fff;
  color: #444;
  position: relative;
}
.ipu-timeline-container > li > .ipu-timeline-item:after {
.ipu-timeline-container>li>.ipu-timeline-item:after {
  border-radius: 6px;
  border: 1px solid #c8c7cc;
  display: block;
  pointer-events: none;
}
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-time {
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-time {
  color: #999;
  float: right;
  padding: .1rem;
  font-size: .12rem;
}
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-header {
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-header {
  margin: 0;
  color: #555;
  padding: .1rem;
  position: relative;
}
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-header:after {
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-header:after {
  border-bottom: 1px solid #ddd;
  display: block;
  content: '';
  pointer-events: none;
}
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-body,
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-footer {
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-body,
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-footer {
  padding: .1rem;
  font-size: 0.875em;
}
.ipu-timeline-container > li > .ipu-timeline-item > .ipu-timeline-footer {
.ipu-timeline-container>li>.ipu-timeline-item>.ipu-timeline-footer {
  background-color: #f4f4f4;
}
.ipu-timeline-container > li.ipu-time-label > span {
.ipu-timeline-container>li.ipu-time-label>span {
  padding: .05rem;
  display: inline-block;
  background-color: #d2d6de;
  color: #ffffff;
}
.ipu-timeline-container > li > .ipu-time-label {
.ipu-timeline-container>li>.ipu-time-label {
  width: .5rem;
  height: .3rem;
  font-size: 0.75em;
  border-radius: 4px;
}
.ipu-timeline-container > li > .ipu-iconfont {
.ipu-timeline-container>li>.ipu-iconfont {
  width: .3rem;
  height: .3rem;
  font-size: .15rem;
  line-height: 0.44rem;
}
.ipu-toolbar > .ipu-fn-left,
.ipu-toolbar > .ipu-fn-right {
.ipu-toolbar>.ipu-fn-left,
.ipu-toolbar>.ipu-fn-right {
  position: relative;
  z-index: 9;
  padding: 0 0.1rem;
  margin-top: .09rem;
}
.ipu-toolbar-btn.ipu-current, .ipu-toolbar-btn:active {
.ipu-toolbar-btn.ipu-current,
.ipu-toolbar-btn:active {
  color: #fff;
  background-color: #0063a0;
}
  border-right: none;
}
.ipu-badge, .ipu-badge-muted, .ipu-badge-num, .ipu-badge-corner, .ipu-badge-cornernum {
.ipu-badge,
.ipu-badge-muted,
.ipu-badge-num,
.ipu-badge-corner,
.ipu-badge-cornernum {
  display: inline-block;
  text-align: center;
  background: #f74c31;
  border-radius: .1rem;
}
.ipu-reddot, .ipu-reddot-border, .ipu-reddot-s {
.ipu-reddot,
.ipu-reddot-border,
.ipu-reddot-s {
  position: relative;
  display: inline-block;
  line-height: .22rem;
  padding: 0 .06rem;
}
.ipu-reddot:after, .ipu-reddot-border:after, .ipu-reddot-s:after {
.ipu-reddot:after,
.ipu-reddot-border:after,
.ipu-reddot-s:after {
  content: '';
  position: absolute;
  display: block;
  height: 0;
}
.ipu-category + .ipu-category {
.ipu-category+.ipu-category {
  margin-top: .1rem;
}
  z-index: 50;
}
.ipu-nav-sub > li {
.ipu-nav-sub>li {
  border-top: 1px solid #fff;
}
.ipu-nav-sub > li > a {
.ipu-nav-sub>li>a {
  display: block;
  height: .32rem;
  line-height: .36rem;
  vertical-align: middle;
}
.ipu-navbar .ipu-navbar-item.ipu-current, .ipu-navbar .ipu-navbar-item:active {
.ipu-navbar .ipu-navbar-item.ipu-current,
.ipu-navbar .ipu-navbar-item:active {
  color: #0083D3;
}
  overflow: hidden;
}
.ipu-nav-content > ul {
.ipu-nav-content>ul {
  position: relative;
  width: 200%;
  height: 100%;
  transition: all 300ms ease-out 0s;
}
.ipu-nav-content > ul > li {
.ipu-nav-content>ul>li {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f8f8f8;
}
.ipu-nav-content > ul > li:first-child {
.ipu-nav-content>ul>li:first-child {
  z-index: 1;
}
.ipu-nav-content > ul > li.ipu-show ~ li.ipu-show {
.ipu-nav-content>ul>li.ipu-show~li.ipu-show {
  left: 50%;
}
.ipu-nav-content > ul > li.ipu-show, .ipu-nav-content > ul > li.ipu-current {
.ipu-nav-content>ul>li.ipu-show,
.ipu-nav-content>ul>li.ipu-current {
  z-index: 10;
}
  color: #999;
}
.ipu-poppicker[data-type='date'] label, .ipu-poppicker[data-type='date'] .ipu-picker {
.ipu-poppicker[data-type='date'] label,
.ipu-poppicker[data-type='date'] .ipu-picker {
  width: 33.33%;
}
  display: none;
}
.ipu-poppicker[data-type='time'] label, .ipu-poppicker[data-type='time'] .ipu-picker {
.ipu-poppicker[data-type='time'] label,
.ipu-poppicker[data-type='time'] .ipu-picker {
  width: 50%;
}
  display: none;
}
.ipu-poppicker[data-type='hour'] label, .ipu-poppicker[data-type='hour'] .ipu-picker {
.ipu-poppicker[data-type='hour'] label,
.ipu-poppicker[data-type='hour'] .ipu-picker {
  width: 25%;
}
  display: none;
}
.ipu-poppicker[data-type='month'] label, .ipu-poppicker[data-type='month'] .ipu-picker {
.ipu-poppicker[data-type='month'] label,
.ipu-poppicker[data-type='month'] .ipu-picker {
  width: 50%;
}
  display: block;
}
.ipu-pages.ipu-anim, .ipu-page.ipu-anim {
.ipu-pages.ipu-anim,
.ipu-page.ipu-anim {
  overflow: auto;
  box-shadow: -0.01rem 0rem rgba(0, 0, 0, 0.6);
}
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  /* 撑起高度 */
}
.ipu-carousel-wrapper > li {
.ipu-carousel-wrapper>li {
  float: left;
  width: 5%;
}
  overflow: visible;
}
.ipu-hammer-carousel .ipu-carousel-wrapper > li {
.ipu-hammer-carousel .ipu-carousel-wrapper>li {
  position: relative;
  display: inline-block;
  width: 100%;
  float: none;
}
.ipu-modal-overlay, .ipu-preloader-indicator-overlay, .ipu-popup-overlay {
.ipu-modal-overlay,
.ipu-preloader-indicator-overlay,
.ipu-popup-overlay {
  position: absolute;
  left: 0;
  top: 0;
  transition-duration: 300ms;
}
.ipu-modal-overlay.ipu-modal-overlay-visible, .ipu-preloader-indicator-overlay.ipu-modal-overlay-visible, .ipu-popup-overlay.ipu-modal-overlay-visible {
.ipu-modal-overlay.ipu-modal-overlay-visible,
.ipu-preloader-indicator-overlay.ipu-modal-overlay-visible,
.ipu-popup-overlay.ipu-modal-overlay-visible {
  visibility: visible;
  opacity: 1;
}
  text-align: center;
}
.ipu-modal-title + .ipu-modal-text {
.ipu-modal-title+.ipu-modal-text {
  margin-top: 0.05rem;
}
  font-weight: 500;
}
html:not(.ipu-watch-active-state) .ipu-modal-button:active, .ipu-modal-button.active-state {
html:not(.ipu-watch-active-state) .ipu-modal-button:active,
.ipu-modal-button.active-state {
  background: #d4d4d4;
}
  margin: .08rem;
}
.ipu-actions-modal-button, .ipu-actions-modal-label {
.ipu-actions-modal-button,
.ipu-actions-modal-label {
  width: 100%;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #d2d2d6;
}
.ipu-actions-modal-button.ipu-actions-modal-button-warning, .ipu-actions-modal-label.ipu-actions-modal-button-warning {
.ipu-actions-modal-button.ipu-actions-modal-button-warning,
.ipu-actions-modal-label.ipu-actions-modal-button-warning {
  color: #ff4222;
}
.ipu-actions-modal-button.ipu-color-warning, .ipu-actions-modal-label.ipu-color-warning {
.ipu-actions-modal-button.ipu-color-warning,
.ipu-actions-modal-label.ipu-color-warning {
  color: #ff4222;
}
.ipu-actions-modal-button.ipu-color-highlight, .ipu-actions-modal-label.ipu-color-highlight {
.ipu-actions-modal-button.ipu-color-highlight,
.ipu-actions-modal-label.ipu-color-highlight {
  color: #ff8444;
}
.ipu-actions-modal-button.ipu-bg-primary, .ipu-actions-modal-label.ipu-bg-primary {
.ipu-actions-modal-button.ipu-bg-primary,
.ipu-actions-modal-label.ipu-bg-primary {
  background: #0083D3;
  color: white;
}
.ipu-actions-modal-button.ipu-bg-primary:active, .ipu-actions-modal-label.ipu-bg-primary:active {
.ipu-actions-modal-button.ipu-bg-primary:active,
.ipu-actions-modal-label.ipu-bg-primary:active {
  background: #0063a0;
}
.ipu-actions-modal-button.ipu-bg-warning, .ipu-actions-modal-label.ipu-bg-warning {
.ipu-actions-modal-button.ipu-bg-warning,
.ipu-actions-modal-label.ipu-bg-warning {
  background: #ff4222;
  color: white;
}
.ipu-actions-modal-button.ipu-bg-warning:active, .ipu-actions-modal-label.ipu-bg-warning:active {
.ipu-actions-modal-button.ipu-bg-warning:active,
.ipu-actions-modal-label.ipu-bg-warning:active {
  background: #ee2200;
}
.ipu-actions-modal-button.ipu-bg-hightlight, .ipu-actions-modal-label.ipu-bg-hightlight {
.ipu-actions-modal-button.ipu-bg-hightlight,
.ipu-actions-modal-label.ipu-bg-hightlight {
  background: #ff8444;
  color: white;
}
.ipu-actions-modal-button.ipu-bg-hightlight:active, .ipu-actions-modal-label.ipu-bg-hightlight:active {
.ipu-actions-modal-button.ipu-bg-hightlight:active,
.ipu-actions-modal-label.ipu-bg-hightlight:active {
  background: #ff6211;
}
.ipu-actions-modal-button:first-child, .ipu-actions-modal-label:first-child {
.ipu-actions-modal-button:first-child,
.ipu-actions-modal-label:first-child {
  border-radius: 4px 4px 0 0;
}
.ipu-actions-modal-button:last-child, .ipu-actions-modal-label:last-child {
.ipu-actions-modal-button:last-child,
.ipu-actions-modal-label:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.ipu-actions-modal-button:first-child:last-child, .ipu-actions-modal-label:first-child:last-child {
.ipu-actions-modal-button:first-child:last-child,
.ipu-actions-modal-label:first-child:last-child {
  border-radius: 4px;
}
.ipu-actions-modal-button.ipu-disabled, .ipu-actions-modal-label.ipu-disabled {
.ipu-actions-modal-button.ipu-disabled,
.ipu-actions-modal-label.ipu-disabled {
  opacity: 0.95;
  color: #8e8e93;
}
  color: #0083D3;
}
.ipu-actions-modal-button:active, .ipu-actions-modal-button.ipu-current-state {
.ipu-actions-modal-button:active,
.ipu-actions-modal-button.ipu-current-state {
  background: #dcdcdc;
}
  appearance: none;
}
input.ipu-modal-text-input + input.ipu-modal-text-input {
input.ipu-modal-text-input+input.ipu-modal-text-input {
  margin-top: .05rem;
}
  border-radius: 5px 5px 0 0;
}
input.ipu-modal-text-input.ipu-modal-text-input-double + input.ipu-modal-text-input {
input.ipu-modal-text-input.ipu-modal-text-input-double+input.ipu-modal-text-input {
  margin-top: 0;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.ipu-popup, .ipu-login-screen {
.ipu-popup,
.ipu-login-screen {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 100%, 0);
}
.ipu-popup.ipu-modal-in, .ipu-popup.ipu-modal-out, .ipu-login-screen.ipu-modal-in, .ipu-login-screen.ipu-modal-out {
.ipu-popup.ipu-modal-in,
.ipu-popup.ipu-modal-out,
.ipu-login-screen.ipu-modal-in,
.ipu-login-screen.ipu-modal-out {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.ipu-popup.ipu-modal-in, .ipu-login-screen.ipu-modal-in {
.ipu-popup.ipu-modal-in,
.ipu-login-screen.ipu-modal-in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ipu-popup.ipu-modal-out, .ipu-login-screen.ipu-modal-out {
.ipu-popup.ipu-modal-out,
.ipu-login-screen.ipu-modal-out {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
  z-index: 9800;
}
@media all and (max-width: 629px), (max-height: 629px) {
@media all and (max-width: 629px),
(max-height: 629px) {
  html.ipu-with-statusbar-overlay .ipu-popup {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
  background-color: #fff;
}
.ipu-tab-title > li {
.ipu-tab-title>li {
  width: 0%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  line-height: 0.45rem;
}
.ipu-tab-title > li.active {
.ipu-tab-title>li.active {
  position: relative;
}
.ipu-tab-title-link > li {
.ipu-tab-title-link>li {
  border-bottom: 1px solid #e0e0e0;
}
.ipu-tab-title-link > li.ipu-current {
.ipu-tab-title-link>li.ipu-current {
  border-bottom: 2px solid #0083D3;
  color: #0083D3;
}
  margin: .1rem;
}
.ipu-tab-title-button > li {
.ipu-tab-title-button>li {
  border-left: 1px solid #0083D3;
  font-size: 0.12rem;
  line-height: 2;
}
.ipu-tab-title-button > li.ipu-current {
.ipu-tab-title-button>li.ipu-current {
  background-color: #0083D3;
  color: #fff;
  border-bottom: none;
}
.ipu-tab-title-button > li:first-child {
.ipu-tab-title-button>li:first-child {
  border-left: none;
}
.ipu-tab-title-button > li:last-child {
.ipu-tab-title-button>li:last-child {
  border-right: none;
}
.ipu-tab-body-wrapper > li {
.ipu-tab-body-wrapper>li {
  display: none;
}
.ipu-tab-body-wrapper > li.ipu-current {
.ipu-tab-body-wrapper>li.ipu-current {
  display: block;
}
  flex-direction: column;
}
.ipu-tab-fixed > .ipu-tab-title {
.ipu-tab-fixed>.ipu-tab-title {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.ipu-tab-fixed > .ipu-tab-body {
.ipu-tab-fixed>.ipu-tab-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
}
.ipu-tab-fixed > .ipu-tab-body > .ipu-tab-body-wrapper {
.ipu-tab-fixed>.ipu-tab-body>.ipu-tab-body-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-x: visible;
}
.ipu-tab-fixed > .ipu-tab-body > .ipu-tab-body-wrapper > li {
.ipu-tab-fixed>.ipu-tab-body>.ipu-tab-body-wrapper>li {
  position: relative;
  height: 100%;
  font-size: 0.15rem;
.ipu-visibility-visible {
  visibility: visible;
}
}

show-server/src/main/webapp/template/webapp/plugins/share.html

								</div>
								<div class=" ipu-fn-m-t">
									<button class="ipu-btn" id="qqFriendText">QQ好友</button>
									<button class="ipu-btn" id="qqZoneText">QQ空间</button>
									<button class="ipu-btn" id="wechatFriendText">微信好友</button>
									<button class="ipu-btn" id="wechatTimeLineText">微信朋友圈</button>
									<button class="ipu-btn" id="moreText">更多分享</button>
								</div>
							</div>