6 lat temu · c93d71d20a
--- a/src/main/webapp/WEB-INF/html/zouma.html
+++ b/src/main/webapp/WEB-INF/html/zouma.html
@@ -3,38 +3,9 @@
 
				             display: block;
			
 
				             margin: auto;
			
 
				             max-width: 100%;
			
 
				-        }</style><link href=./zouma/zouma/css/app.b4db4ea532f92a8c7071e02fb6e24d9f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.150b28f2a37321bff663.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.15992ca130bdcc1407fe.js></script></body><script>function getQueryString(name) {
			
 
				+        }</style><link href=./zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.b7e9fca9110474726a56.js></script></body><script>function getQueryString(name) {
			
 
				         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
			
 
				         var r = window.location.search.substr(1).match(reg);
			
 
				         if (r != null) return unescape(r[2]);
			
 
				         return '';
			
 
				-    }
			
 
				-    var browser = {
			
 
				-        versions: function() {
			
 
				-            var u = navigator.userAgent,
			
 
				-                app = navigator.appVersion;
			
 
				-            return { //移动终端浏览器版本信息
			
 
				-                trident: u.indexOf('Trident') > -1, //IE内核
			
 
				-                presto: u.indexOf('Presto') > -1, //opera内核
			
 
				-                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
			
 
				-                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
			
 
				-                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
			
 
				-                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
			
 
				-                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
			
 
				-                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
			
 
				-                iPad: u.indexOf('iPad') > -1, //是否iPad
			
 
				-                webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
			
 
				-            };
			
 
				-        }(),
			
 
				-        language: (navigator.browserLanguage || navigator.language).toLowerCase()
			
 
				-    }
			
 
				-    if (getQueryString('nojump') == 1) {
			
 
				-
			
 
				-    } else {
			
 
				-        if (browser.versions.android || browser.versions.ios) {
			
 
				-            if (!browser.versions.iPad) {
			
 
				-                window.location.href = 'http://www.izouma.com/html/h5_index.html';
			
 
				-            }
			
 
				-
			
 
				-        }
			
 
				     }</script></html>
			
--- a/src/main/webapp/mobile/css/404.css
+++ b/src/main/webapp/mobile/css/404.css
@@ -0,0 +1,61 @@
 
				+body{
			
 
				+	background: #f3f2ee;
			
 
				+}
			
 
				+
			
 
				+	#sorry{
			
 
				+		position: absolute;
			
 
				+		top: 15%;
			
 
				+		left: 50%;
			
 
				+		margin-left: -12rem;
			
 
				+		font-size: 1.4rem;
			
 
				+		color: #77b3bf;
			
 
				+		width: 24rem;
			
 
				+		text-align: center;
			
 
				+	}
			
 
				+
			
 
				+	#sorry img{
			
 
				+		height: 2.2rem;
			
 
				+	}
			
 
				+
			
 
				+	#s404{
			
 
				+		width: 30rem;
			
 
				+		position: absolute;
			
 
				+		top: 30%;
			
 
				+		left: 50%;
			
 
				+		margin-left: -15rem;
			
 
				+	}
			
 
				+	
			
 
				+@media screen and (max-width: 350px){
			
 
				+	#s404{width:24rem; margin-left: -12rem;}
			
 
				+}
			
 
				+
			
 
				+	#choice{
			
 
				+		position: absolute;
			
 
				+		top: 60%;
			
 
				+		font-size: 1.4rem;
			
 
				+		color: #77b3bf;
			
 
				+		left: 15%;
			
 
				+	}
			
 
				+
			
 
				+	#btns{
			
 
				+		position: absolute;
			
 
				+		top: 70%;
			
 
				+		width: 22rem;
			
 
				+		left: 50%;
			
 
				+		margin-left: -11rem;
			
 
				+	}
			
 
				+
			
 
				+	.btn{
			
 
				+		font-size: 1.2rem;
			
 
				+		color: #77b3bf;
			
 
				+		width: 10rem;
			
 
				+		height: 3rem;
			
 
				+		line-height: 3rem;
			
 
				+		border: 1px solid rgb(213,211,208);
			
 
				+		border-radius: 10px;
			
 
				+		background: rgb(240,240,240);
			
 
				+	}
			
 
				+
			
 
				+	#btn2{
			
 
				+		float: right;
			
 
				+	}
			
--- a/src/main/webapp/mobile/css/amazeui.min.css
+++ b/src/main/webapp/mobile/css/amazeui.min.css
--- a/src/main/webapp/mobile/css/animate.css
+++ b/src/main/webapp/mobile/css/animate.css
@@ -0,0 +1,3272 @@
 
				+@charset "UTF-8";
			
 
				+
			
 
				+/*!
			
 
				+Animate.css - http://daneden.me/animate
			
 
				+Licensed under the MIT license - http://opensource.org/licenses/MIT
			
 
				+
			
 
				+Copyright (c) 2015 Daniel Eden
			
 
				+*/
			
 
				+
			
 
				+.animated {
			
 
				+  -webkit-animation-duration: 1s;
			
 
				+  animation-duration: 1s;
			
 
				+  -webkit-animation-fill-mode: both;
			
 
				+  animation-fill-mode: both;
			
 
				+}
			
 
				+
			
 
				+.animated.infinite {
			
 
				+  -webkit-animation-iteration-count: infinite;
			
 
				+  animation-iteration-count: infinite;
			
 
				+}
			
 
				+
			
 
				+.animated.hinge {
			
 
				+  -webkit-animation-duration: 2s;
			
 
				+  animation-duration: 2s;
			
 
				+}
			
 
				+
			
 
				+.animated.bounceIn,
			
 
				+.animated.bounceOut {
			
 
				+  -webkit-animation-duration: .75s;
			
 
				+  animation-duration: .75s;
			
 
				+}
			
 
				+
			
 
				+.animated.flipOutX,
			
 
				+.animated.flipOutY {
			
 
				+  -webkit-animation-duration: .75s;
			
 
				+  animation-duration: .75s;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounce {
			
 
				+  from, 20%, 53%, 80%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    -webkit-transform: translate3d(0,0,0);
			
 
				+    transform: translate3d(0,0,0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 43% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    -webkit-transform: translate3d(0, -30px, 0);
			
 
				+    transform: translate3d(0, -30px, 0);
			
 
				+  }
			
 
				+
			
 
				+  70% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    -webkit-transform: translate3d(0, -15px, 0);
			
 
				+    transform: translate3d(0, -15px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0,-4px,0);
			
 
				+    transform: translate3d(0,-4px,0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounce {
			
 
				+  from, 20%, 53%, 80%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    -webkit-transform: translate3d(0,0,0);
			
 
				+    transform: translate3d(0,0,0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 43% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    -webkit-transform: translate3d(0, -30px, 0);
			
 
				+    transform: translate3d(0, -30px, 0);
			
 
				+  }
			
 
				+
			
 
				+  70% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			
 
				+    -webkit-transform: translate3d(0, -15px, 0);
			
 
				+    transform: translate3d(0, -15px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0,-4px,0);
			
 
				+    transform: translate3d(0,-4px,0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounce {
			
 
				+  -webkit-animation-name: bounce;
			
 
				+  animation-name: bounce;
			
 
				+  -webkit-transform-origin: center bottom;
			
 
				+  transform-origin: center bottom;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flash {
			
 
				+  from, 50%, 100% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  25%, 75% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flash {
			
 
				+  from, 50%, 100% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  25%, 75% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.flash {
			
 
				+  -webkit-animation-name: flash;
			
 
				+  animation-name: flash;
			
 
				+}
			
 
				+
			
 
				+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
			
 
				+
			
 
				+@-webkit-keyframes pulse {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
			
 
				+    transform: scale3d(1.05, 1.05, 1.05);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes pulse {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
			
 
				+    transform: scale3d(1.05, 1.05, 1.05);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.pulse {
			
 
				+  -webkit-animation-name: pulse;
			
 
				+  animation-name: pulse;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rubberBand {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: scale3d(1.25, 0.75, 1);
			
 
				+    transform: scale3d(1.25, 0.75, 1);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: scale3d(0.75, 1.25, 1);
			
 
				+    transform: scale3d(0.75, 1.25, 1);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: scale3d(1.15, 0.85, 1);
			
 
				+    transform: scale3d(1.15, 0.85, 1);
			
 
				+  }
			
 
				+
			
 
				+  65% {
			
 
				+    -webkit-transform: scale3d(.95, 1.05, 1);
			
 
				+    transform: scale3d(.95, 1.05, 1);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: scale3d(1.05, .95, 1);
			
 
				+    transform: scale3d(1.05, .95, 1);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rubberBand {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: scale3d(1.25, 0.75, 1);
			
 
				+    transform: scale3d(1.25, 0.75, 1);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: scale3d(0.75, 1.25, 1);
			
 
				+    transform: scale3d(0.75, 1.25, 1);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: scale3d(1.15, 0.85, 1);
			
 
				+    transform: scale3d(1.15, 0.85, 1);
			
 
				+  }
			
 
				+
			
 
				+  65% {
			
 
				+    -webkit-transform: scale3d(.95, 1.05, 1);
			
 
				+    transform: scale3d(.95, 1.05, 1);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: scale3d(1.05, .95, 1);
			
 
				+    transform: scale3d(1.05, .95, 1);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rubberBand {
			
 
				+  -webkit-animation-name: rubberBand;
			
 
				+  animation-name: rubberBand;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes shake {
			
 
				+  from, 100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  10%, 30%, 50%, 70%, 90% {
			
 
				+    -webkit-transform: translate3d(-10px, 0, 0);
			
 
				+    transform: translate3d(-10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  20%, 40%, 60%, 80% {
			
 
				+    -webkit-transform: translate3d(10px, 0, 0);
			
 
				+    transform: translate3d(10px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes shake {
			
 
				+  from, 100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  10%, 30%, 50%, 70%, 90% {
			
 
				+    -webkit-transform: translate3d(-10px, 0, 0);
			
 
				+    transform: translate3d(-10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  20%, 40%, 60%, 80% {
			
 
				+    -webkit-transform: translate3d(10px, 0, 0);
			
 
				+    transform: translate3d(10px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.shake {
			
 
				+  -webkit-animation-name: shake;
			
 
				+  animation-name: shake;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes swing {
			
 
				+  20% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
			
 
				+    transform: rotate3d(0, 0, 1, 15deg);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
			
 
				+    transform: rotate3d(0, 0, 1, -10deg);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
			
 
				+    transform: rotate3d(0, 0, 1, 5deg);
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
			
 
				+    transform: rotate3d(0, 0, 1, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
			
 
				+    transform: rotate3d(0, 0, 1, 0deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes swing {
			
 
				+  20% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
			
 
				+    transform: rotate3d(0, 0, 1, 15deg);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
			
 
				+    transform: rotate3d(0, 0, 1, -10deg);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
			
 
				+    transform: rotate3d(0, 0, 1, 5deg);
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
			
 
				+    transform: rotate3d(0, 0, 1, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
			
 
				+    transform: rotate3d(0, 0, 1, 0deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.swing {
			
 
				+  -webkit-transform-origin: top center;
			
 
				+  transform-origin: top center;
			
 
				+  -webkit-animation-name: swing;
			
 
				+  animation-name: swing;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes tada {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  10%, 20% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  30%, 50%, 70%, 90% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			
 
				+  }
			
 
				+
			
 
				+  40%, 60%, 80% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes tada {
			
 
				+  from {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+
			
 
				+  10%, 20% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  30%, 50%, 70%, 90% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			
 
				+  }
			
 
				+
			
 
				+  40%, 60%, 80% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.tada {
			
 
				+  -webkit-animation-name: tada;
			
 
				+  animation-name: tada;
			
 
				+}
			
 
				+
			
 
				+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
			
 
				+
			
 
				+@-webkit-keyframes wobble {
			
 
				+  from {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+
			
 
				+  15% {
			
 
				+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			
 
				+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			
 
				+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			
 
				+  }
			
 
				+
			
 
				+  45% {
			
 
				+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			
 
				+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			
 
				+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes wobble {
			
 
				+  from {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+
			
 
				+  15% {
			
 
				+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			
 
				+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			
 
				+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			
 
				+  }
			
 
				+
			
 
				+  45% {
			
 
				+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			
 
				+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			
 
				+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			
 
				+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.wobble {
			
 
				+  -webkit-animation-name: wobble;
			
 
				+  animation-name: wobble;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes jello {
			
 
				+  from, 11.1%, 100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+
			
 
				+  22.2% {
			
 
				+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
			
 
				+    transform: skewX(-12.5deg) skewY(-12.5deg);
			
 
				+  }
			
 
				+
			
 
				+  33.3% {
			
 
				+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
			
 
				+    transform: skewX(6.25deg) skewY(6.25deg);
			
 
				+  }
			
 
				+
			
 
				+  44.4% {
			
 
				+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
			
 
				+    transform: skewX(-3.125deg) skewY(-3.125deg);
			
 
				+  }
			
 
				+
			
 
				+  55.5% {
			
 
				+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
			
 
				+    transform: skewX(1.5625deg) skewY(1.5625deg);
			
 
				+  }
			
 
				+
			
 
				+  66.6% {
			
 
				+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
			
 
				+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
			
 
				+  }
			
 
				+
			
 
				+  77.7% {
			
 
				+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
			
 
				+    transform: skewX(0.390625deg) skewY(0.390625deg);
			
 
				+  }
			
 
				+
			
 
				+  88.8% {
			
 
				+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			
 
				+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes jello {
			
 
				+  from, 11.1%, 100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+
			
 
				+  22.2% {
			
 
				+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
			
 
				+    transform: skewX(-12.5deg) skewY(-12.5deg);
			
 
				+  }
			
 
				+
			
 
				+  33.3% {
			
 
				+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
			
 
				+    transform: skewX(6.25deg) skewY(6.25deg);
			
 
				+  }
			
 
				+
			
 
				+  44.4% {
			
 
				+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
			
 
				+    transform: skewX(-3.125deg) skewY(-3.125deg);
			
 
				+  }
			
 
				+
			
 
				+  55.5% {
			
 
				+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
			
 
				+    transform: skewX(1.5625deg) skewY(1.5625deg);
			
 
				+  }
			
 
				+
			
 
				+  66.6% {
			
 
				+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
			
 
				+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
			
 
				+  }
			
 
				+
			
 
				+  77.7% {
			
 
				+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
			
 
				+    transform: skewX(0.390625deg) skewY(0.390625deg);
			
 
				+  }
			
 
				+
			
 
				+  88.8% {
			
 
				+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			
 
				+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.jello {
			
 
				+  -webkit-animation-name: jello;
			
 
				+  animation-name: jello;
			
 
				+  -webkit-transform-origin: center;
			
 
				+  transform-origin: center;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceIn {
			
 
				+  from, 20%, 40%, 60%, 80%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  20% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9);
			
 
				+    transform: scale3d(.9, .9, .9);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
			
 
				+    transform: scale3d(1.03, 1.03, 1.03);
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: scale3d(.97, .97, .97);
			
 
				+    transform: scale3d(.97, .97, .97);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceIn {
			
 
				+  from, 20%, 40%, 60%, 80%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  20% {
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1);
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9);
			
 
				+    transform: scale3d(.9, .9, .9);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
			
 
				+    transform: scale3d(1.03, 1.03, 1.03);
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: scale3d(.97, .97, .97);
			
 
				+    transform: scale3d(.97, .97, .97);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1, 1, 1);
			
 
				+    transform: scale3d(1, 1, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceIn {
			
 
				+  -webkit-animation-name: bounceIn;
			
 
				+  animation-name: bounceIn;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceInDown {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -3000px, 0);
			
 
				+    transform: translate3d(0, -3000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, 25px, 0);
			
 
				+    transform: translate3d(0, 25px, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(0, -10px, 0);
			
 
				+    transform: translate3d(0, -10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0, 5px, 0);
			
 
				+    transform: translate3d(0, 5px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceInDown {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -3000px, 0);
			
 
				+    transform: translate3d(0, -3000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, 25px, 0);
			
 
				+    transform: translate3d(0, 25px, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(0, -10px, 0);
			
 
				+    transform: translate3d(0, -10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0, 5px, 0);
			
 
				+    transform: translate3d(0, 5px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceInDown {
			
 
				+  -webkit-animation-name: bounceInDown;
			
 
				+  animation-name: bounceInDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceInLeft {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-3000px, 0, 0);
			
 
				+    transform: translate3d(-3000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(25px, 0, 0);
			
 
				+    transform: translate3d(25px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(-10px, 0, 0);
			
 
				+    transform: translate3d(-10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(5px, 0, 0);
			
 
				+    transform: translate3d(5px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceInLeft {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  0% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-3000px, 0, 0);
			
 
				+    transform: translate3d(-3000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(25px, 0, 0);
			
 
				+    transform: translate3d(25px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(-10px, 0, 0);
			
 
				+    transform: translate3d(-10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(5px, 0, 0);
			
 
				+    transform: translate3d(5px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceInLeft {
			
 
				+  -webkit-animation-name: bounceInLeft;
			
 
				+  animation-name: bounceInLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceInRight {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(3000px, 0, 0);
			
 
				+    transform: translate3d(3000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(-25px, 0, 0);
			
 
				+    transform: translate3d(-25px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(10px, 0, 0);
			
 
				+    transform: translate3d(10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(-5px, 0, 0);
			
 
				+    transform: translate3d(-5px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceInRight {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(3000px, 0, 0);
			
 
				+    transform: translate3d(3000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(-25px, 0, 0);
			
 
				+    transform: translate3d(-25px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(10px, 0, 0);
			
 
				+    transform: translate3d(10px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(-5px, 0, 0);
			
 
				+    transform: translate3d(-5px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceInRight {
			
 
				+  -webkit-animation-name: bounceInRight;
			
 
				+  animation-name: bounceInRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceInUp {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 3000px, 0);
			
 
				+    transform: translate3d(0, 3000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, -20px, 0);
			
 
				+    transform: translate3d(0, -20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(0, 10px, 0);
			
 
				+    transform: translate3d(0, 10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0, -5px, 0);
			
 
				+    transform: translate3d(0, -5px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceInUp {
			
 
				+  from, 60%, 75%, 90%, 100% {
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			
 
				+  }
			
 
				+
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 3000px, 0);
			
 
				+    transform: translate3d(0, 3000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, -20px, 0);
			
 
				+    transform: translate3d(0, -20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  75% {
			
 
				+    -webkit-transform: translate3d(0, 10px, 0);
			
 
				+    transform: translate3d(0, 10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  90% {
			
 
				+    -webkit-transform: translate3d(0, -5px, 0);
			
 
				+    transform: translate3d(0, -5px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceInUp {
			
 
				+  -webkit-animation-name: bounceInUp;
			
 
				+  animation-name: bounceInUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceOut {
			
 
				+  20% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9);
			
 
				+    transform: scale3d(.9, .9, .9);
			
 
				+  }
			
 
				+
			
 
				+  50%, 55% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceOut {
			
 
				+  20% {
			
 
				+    -webkit-transform: scale3d(.9, .9, .9);
			
 
				+    transform: scale3d(.9, .9, .9);
			
 
				+  }
			
 
				+
			
 
				+  50%, 55% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
			
 
				+    transform: scale3d(1.1, 1.1, 1.1);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceOut {
			
 
				+  -webkit-animation-name: bounceOut;
			
 
				+  animation-name: bounceOut;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceOutDown {
			
 
				+  20% {
			
 
				+    -webkit-transform: translate3d(0, 10px, 0);
			
 
				+    transform: translate3d(0, 10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 45% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, -20px, 0);
			
 
				+    transform: translate3d(0, -20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceOutDown {
			
 
				+  20% {
			
 
				+    -webkit-transform: translate3d(0, 10px, 0);
			
 
				+    transform: translate3d(0, 10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 45% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, -20px, 0);
			
 
				+    transform: translate3d(0, -20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceOutDown {
			
 
				+  -webkit-animation-name: bounceOutDown;
			
 
				+  animation-name: bounceOutDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceOutLeft {
			
 
				+  20% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(20px, 0, 0);
			
 
				+    transform: translate3d(20px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceOutLeft {
			
 
				+  20% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(20px, 0, 0);
			
 
				+    transform: translate3d(20px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceOutLeft {
			
 
				+  -webkit-animation-name: bounceOutLeft;
			
 
				+  animation-name: bounceOutLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceOutRight {
			
 
				+  20% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(-20px, 0, 0);
			
 
				+    transform: translate3d(-20px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceOutRight {
			
 
				+  20% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(-20px, 0, 0);
			
 
				+    transform: translate3d(-20px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceOutRight {
			
 
				+  -webkit-animation-name: bounceOutRight;
			
 
				+  animation-name: bounceOutRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes bounceOutUp {
			
 
				+  20% {
			
 
				+    -webkit-transform: translate3d(0, -10px, 0);
			
 
				+    transform: translate3d(0, -10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 45% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, 20px, 0);
			
 
				+    transform: translate3d(0, 20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes bounceOutUp {
			
 
				+  20% {
			
 
				+    -webkit-transform: translate3d(0, -10px, 0);
			
 
				+    transform: translate3d(0, -10px, 0);
			
 
				+  }
			
 
				+
			
 
				+  40%, 45% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: translate3d(0, 20px, 0);
			
 
				+    transform: translate3d(0, 20px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.bounceOutUp {
			
 
				+  -webkit-animation-name: bounceOutUp;
			
 
				+  animation-name: bounceOutUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeIn {
			
 
				+  -webkit-animation-name: fadeIn;
			
 
				+  animation-name: fadeIn;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInDown {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInDown {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInDown {
			
 
				+  -webkit-animation-name: fadeInDown;
			
 
				+  animation-name: fadeInDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInDownBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInDownBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInDownBig {
			
 
				+  -webkit-animation-name: fadeInDownBig;
			
 
				+  animation-name: fadeInDownBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInLeft {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInLeft {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInLeft {
			
 
				+  -webkit-animation-name: fadeInLeft;
			
 
				+  animation-name: fadeInLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInLeftBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInLeftBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInLeftBig {
			
 
				+  -webkit-animation-name: fadeInLeftBig;
			
 
				+  animation-name: fadeInLeftBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInRight {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInRight {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInRight {
			
 
				+  -webkit-animation-name: fadeInRight;
			
 
				+  animation-name: fadeInRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInRightBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInRightBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInRightBig {
			
 
				+  -webkit-animation-name: fadeInRightBig;
			
 
				+  animation-name: fadeInRightBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInUp {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInUp {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInUp {
			
 
				+  -webkit-animation-name: fadeInUp;
			
 
				+  animation-name: fadeInUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeInUpBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeInUpBig {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeInUpBig {
			
 
				+  -webkit-animation-name: fadeInUpBig;
			
 
				+  animation-name: fadeInUpBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOut {
			
 
				+  -webkit-animation-name: fadeOut;
			
 
				+  animation-name: fadeOut;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutDown {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutDown {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutDown {
			
 
				+  -webkit-animation-name: fadeOutDown;
			
 
				+  animation-name: fadeOutDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutDownBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutDownBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, 2000px, 0);
			
 
				+    transform: translate3d(0, 2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutDownBig {
			
 
				+  -webkit-animation-name: fadeOutDownBig;
			
 
				+  animation-name: fadeOutDownBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutLeft {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutLeft {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutLeft {
			
 
				+  -webkit-animation-name: fadeOutLeft;
			
 
				+  animation-name: fadeOutLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutLeftBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutLeftBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-2000px, 0, 0);
			
 
				+    transform: translate3d(-2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutLeftBig {
			
 
				+  -webkit-animation-name: fadeOutLeftBig;
			
 
				+  animation-name: fadeOutLeftBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutRight {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutRight {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutRight {
			
 
				+  -webkit-animation-name: fadeOutRight;
			
 
				+  animation-name: fadeOutRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutRightBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutRightBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(2000px, 0, 0);
			
 
				+    transform: translate3d(2000px, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutRightBig {
			
 
				+  -webkit-animation-name: fadeOutRightBig;
			
 
				+  animation-name: fadeOutRightBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutUp {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutUp {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutUp {
			
 
				+  -webkit-animation-name: fadeOutUp;
			
 
				+  animation-name: fadeOutUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutUpBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes fadeOutUpBig {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(0, -2000px, 0);
			
 
				+    transform: translate3d(0, -2000px, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.fadeOutUpBig {
			
 
				+  -webkit-animation-name: fadeOutUpBig;
			
 
				+  animation-name: fadeOutUpBig;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flip {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
			
 
				+    -webkit-animation-timing-function: ease-out;
			
 
				+    animation-timing-function: ease-out;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
			
 
				+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
			
 
				+    -webkit-animation-timing-function: ease-out;
			
 
				+    animation-timing-function: ease-out;
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
			
 
				+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
			
 
				+    transform: perspective(400px) scale3d(.95, .95, .95);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flip {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
			
 
				+    -webkit-animation-timing-function: ease-out;
			
 
				+    animation-timing-function: ease-out;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
			
 
				+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
			
 
				+    -webkit-animation-timing-function: ease-out;
			
 
				+    animation-timing-function: ease-out;
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
			
 
				+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
			
 
				+    transform: perspective(400px) scale3d(.95, .95, .95);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.animated.flip {
			
 
				+  -webkit-backface-visibility: visible;
			
 
				+  backface-visibility: visible;
			
 
				+  -webkit-animation-name: flip;
			
 
				+  animation-name: flip;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flipInX {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flipInX {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.flipInX {
			
 
				+  -webkit-backface-visibility: visible !important;
			
 
				+  backface-visibility: visible !important;
			
 
				+  -webkit-animation-name: flipInX;
			
 
				+  animation-name: flipInX;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flipInY {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flipInY {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  40% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
			
 
				+    -webkit-animation-timing-function: ease-in;
			
 
				+    animation-timing-function: ease-in;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.flipInY {
			
 
				+  -webkit-backface-visibility: visible !important;
			
 
				+  backface-visibility: visible !important;
			
 
				+  -webkit-animation-name: flipInY;
			
 
				+  animation-name: flipInY;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flipOutX {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flipOutX {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.flipOutX {
			
 
				+  -webkit-animation-name: flipOutX;
			
 
				+  animation-name: flipOutX;
			
 
				+  -webkit-backface-visibility: visible !important;
			
 
				+  backface-visibility: visible !important;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes flipOutY {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes flipOutY {
			
 
				+  from {
			
 
				+    -webkit-transform: perspective(400px);
			
 
				+    transform: perspective(400px);
			
 
				+  }
			
 
				+
			
 
				+  30% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.flipOutY {
			
 
				+  -webkit-backface-visibility: visible !important;
			
 
				+  backface-visibility: visible !important;
			
 
				+  -webkit-animation-name: flipOutY;
			
 
				+  animation-name: flipOutY;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes lightSpeedIn {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
			
 
				+    transform: translate3d(100%, 0, 0) skewX(-30deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: skewX(20deg);
			
 
				+    transform: skewX(20deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: skewX(-5deg);
			
 
				+    transform: skewX(-5deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes lightSpeedIn {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
			
 
				+    transform: translate3d(100%, 0, 0) skewX(-30deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    -webkit-transform: skewX(20deg);
			
 
				+    transform: skewX(20deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  80% {
			
 
				+    -webkit-transform: skewX(-5deg);
			
 
				+    transform: skewX(-5deg);
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.lightSpeedIn {
			
 
				+  -webkit-animation-name: lightSpeedIn;
			
 
				+  animation-name: lightSpeedIn;
			
 
				+  -webkit-animation-timing-function: ease-out;
			
 
				+  animation-timing-function: ease-out;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes lightSpeedOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
			
 
				+    transform: translate3d(100%, 0, 0) skewX(30deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes lightSpeedOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
			
 
				+    transform: translate3d(100%, 0, 0) skewX(30deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.lightSpeedOut {
			
 
				+  -webkit-animation-name: lightSpeedOut;
			
 
				+  animation-name: lightSpeedOut;
			
 
				+  -webkit-animation-timing-function: ease-in;
			
 
				+  animation-timing-function: ease-in;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateIn {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
			
 
				+    transform: rotate3d(0, 0, 1, -200deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateIn {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
			
 
				+    transform: rotate3d(0, 0, 1, -200deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateIn {
			
 
				+  -webkit-animation-name: rotateIn;
			
 
				+  animation-name: rotateIn;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateInDownLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateInDownLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateInDownLeft {
			
 
				+  -webkit-animation-name: rotateInDownLeft;
			
 
				+  animation-name: rotateInDownLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateInDownRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateInDownRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateInDownRight {
			
 
				+  -webkit-animation-name: rotateInDownRight;
			
 
				+  animation-name: rotateInDownRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateInUpLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateInUpLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateInUpLeft {
			
 
				+  -webkit-animation-name: rotateInUpLeft;
			
 
				+  animation-name: rotateInUpLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateInUpRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
			
 
				+    transform: rotate3d(0, 0, 1, -90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateInUpRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
			
 
				+    transform: rotate3d(0, 0, 1, -90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateInUpRight {
			
 
				+  -webkit-animation-name: rotateInUpRight;
			
 
				+  animation-name: rotateInUpRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateOut {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
			
 
				+    transform: rotate3d(0, 0, 1, 200deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateOut {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: center;
			
 
				+    transform-origin: center;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
			
 
				+    transform: rotate3d(0, 0, 1, 200deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateOut {
			
 
				+  -webkit-animation-name: rotateOut;
			
 
				+  animation-name: rotateOut;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateOutDownLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateOutDownLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    transform: rotate3d(0, 0, 1, 45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateOutDownLeft {
			
 
				+  -webkit-animation-name: rotateOutDownLeft;
			
 
				+  animation-name: rotateOutDownLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateOutDownRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateOutDownRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateOutDownRight {
			
 
				+  -webkit-animation-name: rotateOutDownRight;
			
 
				+  animation-name: rotateOutDownRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateOutUpLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateOutUpLeft {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: left bottom;
			
 
				+    transform-origin: left bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    transform: rotate3d(0, 0, 1, -45deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateOutUpLeft {
			
 
				+  -webkit-animation-name: rotateOutUpLeft;
			
 
				+  animation-name: rotateOutUpLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotateOutUpRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
			
 
				+    transform: rotate3d(0, 0, 1, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rotateOutUpRight {
			
 
				+  from {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform-origin: right bottom;
			
 
				+    transform-origin: right bottom;
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
			
 
				+    transform: rotate3d(0, 0, 1, 90deg);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rotateOutUpRight {
			
 
				+  -webkit-animation-name: rotateOutUpRight;
			
 
				+  animation-name: rotateOutUpRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes hinge {
			
 
				+  0% {
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+  }
			
 
				+
			
 
				+  20%, 60% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
			
 
				+    transform: rotate3d(0, 0, 1, 80deg);
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+  }
			
 
				+
			
 
				+  40%, 80% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
			
 
				+    transform: rotate3d(0, 0, 1, 60deg);
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 700px, 0);
			
 
				+    transform: translate3d(0, 700px, 0);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes hinge {
			
 
				+  0% {
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+  }
			
 
				+
			
 
				+  20%, 60% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
			
 
				+    transform: rotate3d(0, 0, 1, 80deg);
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+  }
			
 
				+
			
 
				+  40%, 80% {
			
 
				+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
			
 
				+    transform: rotate3d(0, 0, 1, 60deg);
			
 
				+    -webkit-transform-origin: top left;
			
 
				+    transform-origin: top left;
			
 
				+    -webkit-animation-timing-function: ease-in-out;
			
 
				+    animation-timing-function: ease-in-out;
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 700px, 0);
			
 
				+    transform: translate3d(0, 700px, 0);
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.hinge {
			
 
				+  -webkit-animation-name: hinge;
			
 
				+  animation-name: hinge;
			
 
				+}
			
 
				+
			
 
				+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
			
 
				+
			
 
				+@-webkit-keyframes rollIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			
 
				+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rollIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			
 
				+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: none;
			
 
				+    transform: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rollIn {
			
 
				+  -webkit-animation-name: rollIn;
			
 
				+  animation-name: rollIn;
			
 
				+}
			
 
				+
			
 
				+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
			
 
				+
			
 
				+@-webkit-keyframes rollOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			
 
				+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes rollOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			
 
				+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.rollOut {
			
 
				+  -webkit-animation-name: rollOut;
			
 
				+  animation-name: rollOut;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomIn {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomIn {
			
 
				+  -webkit-animation-name: zoomIn;
			
 
				+  animation-name: zoomIn;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomInDown {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomInDown {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomInDown {
			
 
				+  -webkit-animation-name: zoomInDown;
			
 
				+  animation-name: zoomInDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomInLeft {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomInLeft {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomInLeft {
			
 
				+  -webkit-animation-name: zoomInLeft;
			
 
				+  animation-name: zoomInLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomInRight {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomInRight {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomInRight {
			
 
				+  -webkit-animation-name: zoomInRight;
			
 
				+  animation-name: zoomInRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomInUp {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomInUp {
			
 
				+  from {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  60% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomInUp {
			
 
				+  -webkit-animation-name: zoomInUp;
			
 
				+  animation-name: zoomInUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomOut {
			
 
				+  from {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.3, .3, .3);
			
 
				+    transform: scale3d(.3, .3, .3);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomOut {
			
 
				+  -webkit-animation-name: zoomOut;
			
 
				+  animation-name: zoomOut;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomOutDown {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
			
 
				+    -webkit-transform-origin: center bottom;
			
 
				+    transform-origin: center bottom;
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomOutDown {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
			
 
				+    -webkit-transform-origin: center bottom;
			
 
				+    transform-origin: center bottom;
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomOutDown {
			
 
				+  -webkit-animation-name: zoomOutDown;
			
 
				+  animation-name: zoomOutDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomOutLeft {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
			
 
				+    transform: scale(.1) translate3d(-2000px, 0, 0);
			
 
				+    -webkit-transform-origin: left center;
			
 
				+    transform-origin: left center;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomOutLeft {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
			
 
				+    transform: scale(.1) translate3d(-2000px, 0, 0);
			
 
				+    -webkit-transform-origin: left center;
			
 
				+    transform-origin: left center;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomOutLeft {
			
 
				+  -webkit-animation-name: zoomOutLeft;
			
 
				+  animation-name: zoomOutLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomOutRight {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
			
 
				+    transform: scale(.1) translate3d(2000px, 0, 0);
			
 
				+    -webkit-transform-origin: right center;
			
 
				+    transform-origin: right center;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomOutRight {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
			
 
				+    transform: scale(.1) translate3d(2000px, 0, 0);
			
 
				+    -webkit-transform-origin: right center;
			
 
				+    transform-origin: right center;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomOutRight {
			
 
				+  -webkit-animation-name: zoomOutRight;
			
 
				+  animation-name: zoomOutRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes zoomOutUp {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
			
 
				+    -webkit-transform-origin: center bottom;
			
 
				+    transform-origin: center bottom;
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes zoomOutUp {
			
 
				+  40% {
			
 
				+    opacity: 1;
			
 
				+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    opacity: 0;
			
 
				+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
			
 
				+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
			
 
				+    -webkit-transform-origin: center bottom;
			
 
				+    transform-origin: center bottom;
			
 
				+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.zoomOutUp {
			
 
				+  -webkit-animation-name: zoomOutUp;
			
 
				+  animation-name: zoomOutUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideInDown {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideInDown {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideInDown {
			
 
				+  -webkit-animation-name: slideInDown;
			
 
				+  animation-name: slideInDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideInLeft {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideInLeft {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideInLeft {
			
 
				+  -webkit-animation-name: slideInLeft;
			
 
				+  animation-name: slideInLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideInRight {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideInRight {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideInRight {
			
 
				+  -webkit-animation-name: slideInRight;
			
 
				+  animation-name: slideInRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideInUp {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideInUp {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+    visibility: visible;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideInUp {
			
 
				+  -webkit-animation-name: slideInUp;
			
 
				+  animation-name: slideInUp;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideOutDown {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideOutDown {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(0, 100%, 0);
			
 
				+    transform: translate3d(0, 100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideOutDown {
			
 
				+  -webkit-animation-name: slideOutDown;
			
 
				+  animation-name: slideOutDown;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideOutLeft {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideOutLeft {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(-100%, 0, 0);
			
 
				+    transform: translate3d(-100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideOutLeft {
			
 
				+  -webkit-animation-name: slideOutLeft;
			
 
				+  animation-name: slideOutLeft;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideOutRight {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideOutRight {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(100%, 0, 0);
			
 
				+    transform: translate3d(100%, 0, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideOutRight {
			
 
				+  -webkit-animation-name: slideOutRight;
			
 
				+  animation-name: slideOutRight;
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes slideOutUp {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes slideOutUp {
			
 
				+  from {
			
 
				+    -webkit-transform: translate3d(0, 0, 0);
			
 
				+    transform: translate3d(0, 0, 0);
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+    visibility: hidden;
			
 
				+    -webkit-transform: translate3d(0, -100%, 0);
			
 
				+    transform: translate3d(0, -100%, 0);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.slideOutUp {
			
 
				+  -webkit-animation-name: slideOutUp;
			
 
				+  animation-name: slideOutUp;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/aos.css
+++ b/src/main/webapp/mobile/css/aos.css
--- a/src/main/webapp/mobile/css/bottom.css
+++ b/src/main/webapp/mobile/css/bottom.css
@@ -0,0 +1,123 @@
 
				+#beforeBottom{
			
 
				+    position: relative;
			
 
				+    height: 3.8rem;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+#fixedBottom{
			
 
				+	position: fixed;
			
 
				+    right: 0;
			
 
				+    left: 0;
			
 
				+	bottom: 0;
			
 
				+    margin-bottom: 0;
			
 
				+	z-index: 2;
			
 
				+    height: 3.8rem;
			
 
				+    width: 100%;
			
 
				+    background-color:#fff;
			
 
				+    /*margin-top: 0.7rem;*/
			
 
				+    border-top: 1px solid #cecece;
			
 
				+}
			
 
				+#find{
			
 
				+    position: absolute;
			
 
				+    height: 3.2rem;
			
 
				+    left: 6%;
			
 
				+    top:0.3rem;
			
 
				+}
			
 
				+#guess{
			
 
				+    position: absolute;
			
 
				+    height: 3.2rem;
			
 
				+    left: 26%;
			
 
				+    top:0.3rem;
			
 
				+}
			
 
				+#map{
			
 
				+     position: absolute;
			
 
				+     height: 5rem;
			
 
				+     left: 50%;
			
 
				+     margin-left: -2.5rem;
			
 
				+     padding:0.5rem;
			
 
				+     bottom:-0.3rem;
			
 
				+     border-radius:50%;
			
 
				+     background:#fff;
			
 
				+     border: 1px solid #cecece;
			
 
				+ }
			
 
				+#rank{
			
 
				+    position: absolute;
			
 
				+    height: 3.2rem;
			
 
				+    right: 26%;
			
 
				+    top:0.3rem;
			
 
				+}
			
 
				+#self{
			
 
				+    position: absolute;
			
 
				+    height: 3.2rem;
			
 
				+    right: 6%;
			
 
				+    top:0.3rem;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*overlay*/
			
 
				+#overlay-bottom{
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    z-index: 10;
			
 
				+    background-color: #000;
			
 
				+    opacity: 0.75;
			
 
				+    display: none;
			
 
				+}
			
 
				+
			
 
				+#overlay{
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    z-index: 11;
			
 
				+    display: none;
			
 
				+}
			
 
				+
			
 
				+#words{
			
 
				+    height: 1.8rem;
			
 
				+    position: absolute;
			
 
				+    top: 15%;
			
 
				+    left: 50%;
			
 
				+    margin-left: -8.4rem;
			
 
				+}
			
 
				+
			
 
				+#icons{
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -8.4rem;
			
 
				+    bottom:10%;
			
 
				+}
			
 
				+
			
 
				+.icon{
			
 
				+    height: 7rem;
			
 
				+    margin: 0 1.5rem 0.5rem;
			
 
				+}
			
 
				+
			
 
				+#close{
			
 
				+    width: 3rem;
			
 
				+    position: absolute;
			
 
				+    bottom: 0.4rem;
			
 
				+    left: 50%;
			
 
				+    margin-left: -1.5rem;
			
 
				+}
			
 
				+
			
 
				+#message_i1{
			
 
				+  display:none;
			
 
				+  background:#f00;
			
 
				+  border-radius:50%;
			
 
				+  width:6px;
			
 
				+  height:6px;
			
 
				+  right: 5%;
			
 
				+  top:0.5rem;
			
 
				+  position:absolute;
			
 
				+}
			
 
				+
			
 
				+.am-datepicker-next-icon, .am-datepicker-prev-icon {
			
 
				+	padding-top:8px;
			
 
				+}
			
 
				+
			
 
				+.unswipe{overflow:hidden;}
			
--- a/src/main/webapp/mobile/css/come.css
+++ b/src/main/webapp/mobile/css/come.css
@@ -0,0 +1,220 @@
 
				+li {
			
 
				+	display: block;
			
 
				+	max-width: 40rem;
			
 
				+	margin: auto;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+.title {
			
 
				+	height: 4.5rem;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+.font {
			
 
				+	display: inline-block;
			
 
				+	color: #fff;
			
 
				+	font-size: 1.4rem;
			
 
				+	font-weight: bolder;
			
 
				+}
			
 
				+
			
 
				+.aim-place {
			
 
				+	position: absolute;
			
 
				+	left: 7.4%;
			
 
				+}
			
 
				+
			
 
				+.aim-time-1 {
			
 
				+	position: absolute;
			
 
				+	left: 30%;
			
 
				+}
			
 
				+
			
 
				+.aim-time-2 {
			
 
				+	position: absolute;
			
 
				+	right: 6.5%;
			
 
				+}
			
 
				+
			
 
				+.smalluser {
			
 
				+	position: absolute;
			
 
				+	right: 4%;
			
 
				+	top: 0.2rem;
			
 
				+}
			
 
				+
			
 
				+.small-headicon {
			
 
				+	display: block;
			
 
				+	height: 2.2rem;
			
 
				+	width: 2.2rem;
			
 
				+	border-radius: 50%;
			
 
				+	margin: auto;
			
 
				+}
			
 
				+
			
 
				+.small-nickname {
			
 
				+	color: #fff;
			
 
				+	font-size: 1rem;
			
 
				+}
			
 
				+
			
 
				+.sex {
			
 
				+	height: 1.5rem;
			
 
				+	position: relative;
			
 
				+	top: 0.5rem;
			
 
				+	margin-left: 2px;
			
 
				+}
			
 
				+
			
 
				+.details-1 {
			
 
				+	height: 2.7rem;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+.details-2 {
			
 
				+	position: relative;
			
 
				+	padding: 1rem 6% 0.3rem 7.4%;
			
 
				+}
			
 
				+
			
 
				+.btn {
			
 
				+	height: 4rem;
			
 
				+	position: relative;
			
 
				+	border-top: 1px solid #fff;
			
 
				+}
			
 
				+
			
 
				+.big-headicon {
			
 
				+	width: 3.8rem;
			
 
				+	height: 3.8rem;
			
 
				+	border-radius: 50%;
			
 
				+}
			
 
				+
			
 
				+.big-nickname {
			
 
				+	display: inline-block;
			
 
				+	color: #fff;
			
 
				+	font-size: 1.4rem;
			
 
				+	position: absolute;
			
 
				+	left: 25%;
			
 
				+	margin-top: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+.position {
			
 
				+	color: #fff;
			
 
				+	font-size: 1rem;
			
 
				+	position: absolute;
			
 
				+	left: 25%;
			
 
				+	margin-top: 1.8rem;
			
 
				+	margin-left: -0.2rem;
			
 
				+}
			
 
				+
			
 
				+.ident,.level {
			
 
				+	font-size: 1rem;
			
 
				+	color: #fff;
			
 
				+	position: absolute;
			
 
				+	right: 6.6%;
			
 
				+	font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.ident {
			
 
				+	margin-top: 1rem;
			
 
				+}
			
 
				+
			
 
				+.level {
			
 
				+	margin-top: 2.3rem;
			
 
				+}
			
 
				+
			
 
				+.type {
			
 
				+	display: inline-block;
			
 
				+	width: 7rem;
			
 
				+	text-align: center;
			
 
				+	margin-left: 1rem;
			
 
				+}
			
 
				+
			
 
				+p {
			
 
				+	color: #fff;
			
 
				+	font-size: 1.3rem;
			
 
				+	line-height: 2rem;
			
 
				+	/*font-weight: bold;*/
			
 
				+}
			
 
				+
			
 
				+input {
			
 
				+	line-height: 2.4rem;
			
 
				+	width: 8rem;
			
 
				+	border-style: none;
			
 
				+	background-color: #fff;
			
 
				+	border-radius: 1.2rem;
			
 
				+	position: absolute;
			
 
				+	top: 0.8rem;
			
 
				+	right: 15.2%;
			
 
				+	box-shadow: 1px 1px 4px rgba(58,58,58,0.7);
			
 
				+}
			
 
				+
			
 
				+/*妫版粏澹婄猾锟�
			
 
				+	
			
 
				+	/*娑撴槒鍎楅弲顖濆*/
			
 
				+.main-bg-1 {
			
 
				+	background-color: #97c6c4;
			
 
				+}
			
 
				+
			
 
				+.main-bg-2 {
			
 
				+	background-color: #ecd27b;
			
 
				+}
			
 
				+
			
 
				+.main-bg-3 {
			
 
				+	background-color: #5da49e;
			
 
				+}
			
 
				+
			
 
				+.main-bg-4 {
			
 
				+	background-color: #e0785e;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+	.type-bg-1{background-color: #639593; border-radius: 4px;}
			
 
				+	.type-bg-2{background-color: #bea03c; border-radius: 4px;}
			
 
				+	.type-bg-3{background-color: #2a6a63; border-radius: 4px;}
			
 
				+	.type-bg-4{background-color: #ab4d35; border-radius: 4px;}
			
 
				+	
			
 
				+
			
 
				+.btn-font-1 {
			
 
				+	color: #97c6c4;
			
 
				+	font-size: 1.4rem;
			
 
				+}
			
 
				+
			
 
				+.btn-font-2 {
			
 
				+	color: #ecd27b;
			
 
				+	font-size: 1.4rem;
			
 
				+}
			
 
				+
			
 
				+.btn-font-3 {
			
 
				+	color: #5da49e;
			
 
				+	font-size: 1.4rem;
			
 
				+}
			
 
				+
			
 
				+.btn-font-4 {
			
 
				+	color: #e0785e;
			
 
				+	font-size: 1.4rem;
			
 
				+}
			
 
				+
			
 
				+.line-1 {
			
 
				+	line-height: 4.5rem;
			
 
				+}
			
 
				+
			
 
				+.line-2 {
			
 
				+	line-height: 2.7rem;
			
 
				+}
			
 
				+
			
 
				+.line-3 {
			
 
				+	line-height: 2rem;
			
 
				+}
			
 
				+
			
 
				+.top-radius {
			
 
				+	border-top-left-radius: 6px;
			
 
				+	border-top-right-radius: 6px;
			
 
				+	border-top: 1px solid rgba(255,255,255,0.2);
			
 
				+}
			
 
				+
			
 
				+.bottom-radius {
			
 
				+	border-bottom-left-radius: 6px;
			
 
				+	border-bottom-right-radius: 6px;
			
 
				+	border-bottom: 1px solid rgba(0,0,0,0.3);
			
 
				+}
			
 
				+
			
 
				+#empty-bg img{
			
 
				+    width: 40%;
			
 
				+    top: 35%;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -20%; 
			
 
				+}
			
--- a/src/main/webapp/mobile/css/contact.css
+++ b/src/main/webapp/mobile/css/contact.css
@@ -0,0 +1,59 @@
 
				+*{
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
			
 
				+}
			
 
				+.page{
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    background-image: linear-gradient(180deg, #CE00EE 0%, #00C2D7 100%);
			
 
				+
			
 
				+}
			
 
				+.input{
			
 
				+    display: block;
			
 
				+    width: 240px;
			
 
				+    margin: 0 auto 20px;
			
 
				+    outline: none;
			
 
				+    border: 0;
			
 
				+    border-radius: 22px;
			
 
				+    background-color: #fff;
			
 
				+    height: 44px;
			
 
				+    padding: 0 30px;
			
 
				+    font-size: 14px;
			
 
				+}
			
 
				+.area{
			
 
				+    display: block;
			
 
				+    width: 240px;
			
 
				+    height: 170px;
			
 
				+    margin: 0 auto 10px;
			
 
				+    outline: none;
			
 
				+    border: 0;
			
 
				+    border-radius: 10px;
			
 
				+    padding: 10px 30px;
			
 
				+    resize: none;
			
 
				+    font-size: 14px;
			
 
				+    line-height: 24px;
			
 
				+}
			
 
				+.top{
			
 
				+    min-height:80% ;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.top>p{
			
 
				+    font-size: 13px;
			
 
				+    color: rgba(255,255,255,.6);
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.btn{
			
 
				+    background-image: linear-gradient(270deg, #FBDA61 0%, #FF9355 100%);
			
 
				+    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.16);
			
 
				+    width: 310px;
			
 
				+    height: 55px;
			
 
				+    border-radius: 55px;
			
 
				+    font-size: 16px;
			
 
				+    color: #FFFFFF;
			
 
				+    outline: none;
			
 
				+    border: 0;
			
 
				+    display: block;
			
 
				+    margin: auto;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/dailogue.css
+++ b/src/main/webapp/mobile/css/dailogue.css
@@ -0,0 +1,127 @@
 
				+ul{
			
 
				+	padding:1.5rem 0.8rem; 
			
 
				+	/*margin-bottom: 5rem;*/
			
 
				+}
			
 
				+
			
 
				+li {
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	clear: both;
			
 
				+}
			
 
				+
			
 
				+.time {
			
 
				+	text-align: center;
			
 
				+	color: #c8c8c8;
			
 
				+	font-size: 1rem;
			
 
				+	margin-bottom: 1rem;
			
 
				+}
			
 
				+
			
 
				+.dailogue {
			
 
				+	font-size: 1.3rem;
			
 
				+}
			
 
				+
			
 
				+.dailogue img {
			
 
				+	width: 3.6rem;
			
 
				+	height: 3.6rem;
			
 
				+	border-radius: 50%;
			
 
				+	background-color: #abcdef;
			
 
				+}
			
 
				+
			
 
				+.headicon-other {
			
 
				+	float: left;
			
 
				+}
			
 
				+
			
 
				+.headicon-self {
			
 
				+	float: right;
			
 
				+}
			
 
				+
			
 
				+span {
			
 
				+	display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.left-trangle {
			
 
				+	width: 1rem;
			
 
				+	height: 1rem;
			
 
				+	border: 0.5rem solid;
			
 
				+	border-color: #ece9ed #fff #ece9ed #ece9ed;
			
 
				+	float: left;
			
 
				+	margin-top: 1rem;
			
 
				+}
			
 
				+
			
 
				+.right-trangle {
			
 
				+	width: 1rem;
			
 
				+	height: 1rem;
			
 
				+	border: 0.5rem solid;
			
 
				+	border-color: #ece9ed #ece9ed #ece9ed #05c0ab;
			
 
				+	float: right;
			
 
				+	margin-top: 1rem;
			
 
				+}
			
 
				+
			
 
				+.left,.right {
			
 
				+	min-height: 3.5rem;
			
 
				+	max-width: 18rem;
			
 
				+	border-radius: 10px;
			
 
				+	padding: 1rem;
			
 
				+	line-height: 1.8rem;
			
 
				+}
			
 
				+
			
 
				+.left {
			
 
				+	background-color: #fff;
			
 
				+	color: #606060;
			
 
				+	float: left;
			
 
				+}
			
 
				+
			
 
				+.right {
			
 
				+	background-color: #05c0ab;
			
 
				+	color: #fff;
			
 
				+	float: right;
			
 
				+}
			
 
				+
			
 
				+.margin {
			
 
				+	margin-bottom: 1rem;
			
 
				+}
			
 
				+
			
 
				+header {
			
 
				+	background-color: #fff;
			
 
				+	position: fixed;
			
 
				+	bottom: 0;
			
 
				+	z-index: 10;
			
 
				+	width: 100%;
			
 
				+	height: 3.8rem;
			
 
				+}
			
 
				+
			
 
				+textarea {
			
 
				+	height: 3.8rem;
			
 
				+	line-height: 2rem;
			
 
				+	width: 100%;
			
 
				+	color: #777;
			
 
				+	border-style: none;
			
 
				+	resize: none;
			
 
				+	font-size: 1.5rem;
			
 
				+	padding: 1rem 4.5rem 0 1.5rem;
			
 
				+}
			
 
				+
			
 
				+section {
			
 
				+	width: 4.4rem;
			
 
				+	height: 3.8rem;
			
 
				+	background-color: #fff;
			
 
				+	position: fixed;
			
 
				+	right: 0;
			
 
				+	bottom: 0;
			
 
				+}
			
 
				+
			
 
				+#beforeheader{
			
 
				+	width: 100%;
			
 
				+	height: 5rem;
			
 
				+	position: relative;
			
 
				+	bottom: 0;
			
 
				+}
			
 
				+
			
 
				+#send {
			
 
				+	width: 2.5rem;
			
 
				+	position: absolute;
			
 
				+	top: 50%;
			
 
				+	left: 50%;
			
 
				+	margin-top: -1.125rem;
			
 
				+	margin-left: -1.2rem;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/discover.css
+++ b/src/main/webapp/mobile/css/discover.css
@@ -0,0 +1,226 @@
 
				+#release{
			
 
				+    width: 3.8rem;
			
 
				+    position: fixed;
			
 
				+    z-index: 2;
			
 
				+    right: 2rem;
			
 
				+    bottom: 6rem;
			
 
				+}
			
 
				+
			
 
				+/*nav*/
			
 
				+
			
 
				+
			
 
				+
			
 
				+/*contents*/
			
 
				+
			
 
				+.find{
			
 
				+	width: 96%;
			
 
				+	position: relative;
			
 
				+	padding: 1rem 13px 0.8rem;
			
 
				+	border: 1px solid #d0d0d0;
			
 
				+	border-radius: 8px;
			
 
				+	background-color: #fff;
			
 
				+	margin-left: 2%;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+.head{
			
 
				+	height: 5rem;
			
 
				+}
			
 
				+
			
 
				+.userIcon{
			
 
				+	position: absolute;
			
 
				+	width: 4rem;
			
 
				+	height: 4rem;
			
 
				+	border-radius: 50%;
			
 
				+}
			
 
				+
			
 
				+.nickName{
			
 
				+	display: block;
			
 
				+	font-size: 1.2rem;
			
 
				+	line-height: 2.1rem;
			
 
				+	color: #818181;
			
 
				+	margin-left: 4.5rem;
			
 
				+}
			
 
				+
			
 
				+.newsDate{
			
 
				+	display: block;
			
 
				+	font-size: 1.1rem;
			
 
				+	line-height: 2.1rem;
			
 
				+	color: #05c0ab;
			
 
				+	margin-left: 4.5rem;
			
 
				+}
			
 
				+
			
 
				+.takeCare{
			
 
				+	position: absolute;
			
 
				+	right: 1.3rem;
			
 
				+	margin-top: -3rem;
			
 
				+	width: 5.3rem;
			
 
				+	height: 2.3rem;
			
 
				+	font-size: 1.2rem;
			
 
				+	border-style: none;
			
 
				+	border-radius: 3px;
			
 
				+	-o-border-radius: 3px;
			
 
				+	-moz-border-radius: 3px;
			
 
				+	-webkit-border-radius: 3px;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+
			
 
				+.care{
			
 
				+    color: #fff;
			
 
				+    background-color: #05c0ab;
			
 
				+}
			
 
				+
			
 
				+.care-ed{
			
 
				+    color: #adadad;
			
 
				+    background-color: #ece9ed;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.content{
			
 
				+	font-size: 1.2rem;
			
 
				+	line-height: 2.1rem;
			
 
				+	color: #818181;
			
 
				+}
			
 
				+
			
 
				+.photoPic li{
			
 
				+	margin: 2px;
			
 
				+	overflow:hidden;
			
 
				+}
			
 
				+
			
 
				+.like{
			
 
				+	height: 2rem;
			
 
				+	border-top: 1px solid rgba(208,208,208,0.5);
			
 
				+}
			
 
				+
			
 
				+.likeBtn{
			
 
				+    font-size: 1.3rem;
			
 
				+    color: #7b8190;
			
 
				+    min-width: 2rem;
			
 
				+    text-align: right;
			
 
				+    padding-left: 2rem;
			
 
				+    border-style: none;
			
 
				+}
			
 
				+
			
 
				+.likeIcon{
			
 
				+	background: url(../images/icons/like.png);
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-size: 1.5rem 1.3rem;
			
 
				+}
			
 
				+
			
 
				+.likeIcon-ed{
			
 
				+	background: url(../images/icons/like-ed.png);
			
 
				+	background-repeat: no-repeat;
			
 
				+	background-size: 1.5rem 1.3rem;
			
 
				+}
			
 
				+
			
 
				+/*show and hide*/
			
 
				+.show{
			
 
				+	display: block;
			
 
				+}
			
 
				+
			
 
				+.hide{
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+.am-gallery-overlay>li {padding: 0;}
			
 
				+
			
 
				+.empty-bg{display: none;}
			
 
				+    .empty-bg img{
			
 
				+        width: 40%;
			
 
				+        margin-top: 3rem;
			
 
				+        position: absolute;
			
 
				+        left: 50%;
			
 
				+        margin-left: -20%; 
			
 
				+        }
			
 
				+
			
 
				+/*瑙ｉ攣鐘舵�*/
			
 
				+.unlock-find{
			
 
				+	width: 96%;
			
 
				+	margin-left: 2%;
			
 
				+	border: 1px solid #d0d0d0;
			
 
				+	border-radius: 8px;
			
 
				+	overflow: hidden;
			
 
				+	background: #fff;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+.unlock-find li{
			
 
				+	width: 100%;
			
 
				+	/*max-height: 20rem;
			
 
				+	overflow: hidden; */
			
 
				+	margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+.unlock-find li img{
			
 
				+	width: 100%;
			
 
				+}
			
 
				+
			
 
				+.unlock-content{
			
 
				+	padding: 0 1rem;
			
 
				+	border-bottom: 1px solid rgb(208,208,208);
			
 
				+}
			
 
				+
			
 
				+.unlock-user{
			
 
				+	width: 100%;
			
 
				+	min-height: 3.2rem;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+.unlock-user img{
			
 
				+	width: 3.8rem;
			
 
				+	height: 3.8rem;
			
 
				+	border-radius: 50%;
			
 
				+	position: absolute;
			
 
				+	bottom: 0.3rem;
			
 
				+}
			
 
				+
			
 
				+.unlock-nickname{
			
 
				+	margin-left: 4.2rem;
			
 
				+	font-size: 1.2rem;
			
 
				+	line-height: 2.1rem;
			
 
				+	color: #818181;
			
 
				+}
			
 
				+
			
 
				+.unlock-time{
			
 
				+	position: absolute;
			
 
				+	font-size: 1rem;
			
 
				+	line-height: 2.1rem;
			
 
				+	color: #05c0ab;
			
 
				+	top: 1.5rem;
			
 
				+	left: 4.2rem;
			
 
				+}
			
 
				+
			
 
				+.unlock-content p{
			
 
				+	font-size: 1.3rem;
			
 
				+	line-height: 1.8rem;
			
 
				+	color: #818181;
			
 
				+	margin-top: 0.8rem;
			
 
				+	margin-bottom: 0.8rem;
			
 
				+}
			
 
				+
			
 
				+.unlock-system{
			
 
				+    padding: 0.5rem 1rem;
			
 
				+    background: rgb(248,248,248);
			
 
				+    font-size: 1.2rem;
			
 
				+    color: #757474;
			
 
				+    line-height: 2rem;
			
 
				+}
			
 
				+
			
 
				+.unlock-system span{color: #05c0ab;}
			
 
				+
			
 
				+.unlock-system input{margin-right: 0.5rem;}
			
 
				+
			
 
				+.praiseUser{
			
 
				+	position:relative;
			
 
				+	/*border-top: 1px solid rgb(208,208,208);*/
			
 
				+	background: rgb(248,248,248);
			
 
				+	width:100%;
			
 
				+	min-height:2rem;
			
 
				+	padding:0 1rem 0.5rem;
			
 
				+	font-size: 1.2rem;
			
 
				+	line-height:1.5rem;
			
 
				+	color:#05c0ab;
			
 
				+}
			
 
				+
			
 
				+a{color:#05c0ab;}
			
--- a/src/main/webapp/mobile/css/fonts/glyphicons-halflings-regular.woff
+++ b/src/main/webapp/mobile/css/fonts/glyphicons-halflings-regular.woff
--- a/src/main/webapp/mobile/css/fonts/glyphicons-halflings-regular.woff2
+++ b/src/main/webapp/mobile/css/fonts/glyphicons-halflings-regular.woff2
--- a/src/main/webapp/mobile/css/friendpage.css
+++ b/src/main/webapp/mobile/css/friendpage.css
@@ -0,0 +1,221 @@
 
				+/*涓汉淇℃伅1*/
			
 
				+.self{
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+    color:#fff;
			
 
				+    text-shadow:1px 1px 1px #000;
			
 
				+}
			
 
				+.self ul{text-align: center;}
			
 
				+#headIcon{
			
 
				+	position: relative;
			
 
				+    height: 6.3rem;
			
 
				+    width: 6.3rem;
			
 
				+    top: 0.5rem;
			
 
				+    left: 50%;
			
 
				+    margin-left: -3.15rem;
			
 
				+    border-radius: 50%;
			
 
				+}
			
 
				+.icons1{
			
 
				+    width: 4rem;
			
 
				+    position: absolute;
			
 
				+    top: 25.64%;
			
 
				+}
			
 
				+#mail{
			
 
				+    left: 9.375%;
			
 
				+}
			
 
				+#care{
			
 
				+    right: 9.375%;
			
 
				+}
			
 
				+#intro{
			
 
				+    position: relative;
			
 
				+    margin-top:1rem;
			
 
				+    text-align: center;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+#ID{
			
 
				+    display: block;
			
 
				+    font-size: 1.8rem;
			
 
				+    margin-top: 0.5rem;
			
 
				+}
			
 
				+#ID img{
			
 
				+    width: 1.5rem;
			
 
				+}
			
 
				+#profile{
			
 
				+    display: block;
			
 
				+    font-size: 1rem;
			
 
				+    line-height:1.5rem;
			
 
				+    margin-top: 0.3rem;
			
 
				+    width: 70%;
			
 
				+    position: relative;
			
 
				+    left: 15%;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*瀵艰埅*/
			
 
				+#margin{
			
 
				+    width: 100%;
			
 
				+    height: 45px;
			
 
				+    background-color: transparent;
			
 
				+}
			
 
				+#nav-bar{
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-color: transparent;
			
 
				+    padding: 0;
			
 
				+    text-align: center;
			
 
				+    color:#fff;
			
 
				+    text-shadow:1px 1px 1px #000;
			
 
				+    
			
 
				+}
			
 
				+.nav{
			
 
				+    width: 5rem;
			
 
				+    height: 40px;
			
 
				+    font-size: 1.5rem;
			
 
				+    margin-top:7px;
			
 
				+}
			
 
				+.current{
			
 
				+    background: url("../images/green.png")no-repeat;
			
 
				+    background-size: 4.4rem 0.3rem;
			
 
				+    background-position-y: 2.5rem;
			
 
				+    background-position-x: 0.4rem;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*涓婚〉*/
			
 
				+
			
 
				+#infos{
			
 
				+    width: 96%;
			
 
				+    margin-left: 2%;
			
 
				+    margin-bottom: 0.5rem;
			
 
				+    border-radius: 8px;
			
 
				+    height: 2.6rem;
			
 
				+    background-color: #05c0ab;
			
 
				+    color: #fff;
			
 
				+    font-size: 1.3rem;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+#infos span{
			
 
				+    display: inline-block;
			
 
				+    margin-top: 0.4rem;
			
 
				+}
			
 
				+
			
 
				+.icons2{
			
 
				+    height: 1.3rem;
			
 
				+    margin-right: 0.5rem;
			
 
				+    margin-top: 0.2rem;
			
 
				+}
			
 
				+
			
 
				+/*鐩稿唽鍐呭*/
			
 
				+.album{
			
 
				+    background-color: #fff;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+.cities{
			
 
				+    width: 24rem;
			
 
				+    margin: 1rem 0 1.5rem 3rem;
			
 
				+}
			
 
				+.photos{
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+.withiOS{
			
 
				+    position:absolute;
			
 
				+}
			
 
				+
			
 
				+.withAndroid{
			
 
				+	margin-left:20px;
			
 
				+}
			
 
				+
			
 
				+.photoCoverCity{
			
 
				+    display: block;
			
 
				+    color: #343434;
			
 
				+    font-weight: bold;
			
 
				+    width:100%;
			
 
				+    text-align:center;
			
 
				+    margin-top:11px;
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 350px){
			
 
				+    .cities{width: 20rem;}
			
 
				+}
			
 
				+
			
 
				+/*鍏虫敞鍐呭*/
			
 
				+#guanzhu ,#fans{
			
 
				+   padding: 0 0.7rem;
			
 
				+    background-color: #fff;
			
 
				+}
			
 
				+#guanzhu li,#fans li{
			
 
				+    height: 5.2rem;
			
 
				+    line-height: 5.5rem;
			
 
				+    font-size: 1.3rem;
			
 
				+    color: #818181;
			
 
				+    border-bottom: 1px solid #f1f3f4;
			
 
				+    position: relative;
			
 
				+    display: block;
			
 
				+    padding-left: 6.5rem;
			
 
				+}
			
 
				+
			
 
				+#guanzhu li a,#fans li a{color: #818181;}
			
 
				+
			
 
				+.headpic{
			
 
				+    width: 3.8rem;
			
 
				+    height: 3.8rem;
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    margin-top: -1.9rem;
			
 
				+    left: 1.5rem;
			
 
				+    border-radius: 50%;
			
 
				+}
			
 
				+.takecare{
			
 
				+    width: 5.3rem;
			
 
				+    height: 2.4rem;
			
 
				+    position: absolute;
			
 
				+    border-style: none;
			
 
				+    border-radius: 3px;
			
 
				+    text-align: center;
			
 
				+    font-size: 1rem;
			
 
				+    right: 1.5rem;
			
 
				+    margin-top:1.5rem;
			
 
				+}
			
 
				+
			
 
				+.care{
			
 
				+    color: #fff;
			
 
				+    background-color: #05c0ab;
			
 
				+}
			
 
				+
			
 
				+.care-ed{
			
 
				+    color: #adadad;
			
 
				+    background-color: #ece9ed;
			
 
				+}
			
 
				+
			
 
				+.empty-bg, .empty-bg-2 {display: none;}
			
 
				+.empty-bg img{
			
 
				+	width: 40%;
			
 
				+    margin-top: 3rem;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -20%; 
			
 
				+}
			
 
				+
			
 
				+.empty-bg-2 img{
			
 
				+    width: 25%;
			
 
				+    top: 2rem;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -10%; 
			
 
				+}
			
 
				+
			
 
				+#gotomap{
			
 
				+    width: 3.8rem;
			
 
				+    position: fixed;
			
 
				+    z-index: 2;
			
 
				+    right: 2rem;
			
 
				+    bottom: 4.5rem;
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 350px){
			
 
				+    #gotomap{width: 3.2rem;}
			
 
				+}
			
--- a/src/main/webapp/mobile/css/guess.css
+++ b/src/main/webapp/mobile/css/guess.css
@@ -0,0 +1,178 @@
 
				+#top_part{
			
 
				+	width:100%;
			
 
				+	height:65%;
			
 
				+	position:relative;
			
 
				+}
			
 
				+
			
 
				+#bottom_part{
			
 
				+	width:100%;
			
 
				+	height:35%;
			
 
				+	padding:2% 3%;
			
 
				+}
			
 
				+
			
 
				+.box_border{
			
 
				+	box-shadow: 3px 3px 4px rgba(0,0,0,.4);
			
 
				+	border-radius:10px;
			
 
				+	background:#fff;
			
 
				+}
			
 
				+
			
 
				+#image_wraper{
			
 
				+	position:relative;
			
 
				+	z-index:2;
			
 
				+	height:97%;
			
 
				+	width:96%;
			
 
				+	margin-top:0.5rem;
			
 
				+	margin-left:2%;
			
 
				+	overflow:hidden;
			
 
				+	border:1px solid #acacac;
			
 
				+}
			
 
				+
			
 
				+#background_1{
			
 
				+	position:absolute;
			
 
				+	z-index:1;
			
 
				+	height:98%;
			
 
				+	width:94%;
			
 
				+	top:0;
			
 
				+	margin-left:3%;
			
 
				+}
			
 
				+
			
 
				+#background_2{
			
 
				+	position:absolute;
			
 
				+	z-index:0;
			
 
				+	height:99%;
			
 
				+	width:92%;
			
 
				+	top:0;
			
 
				+	margin-left:4%;
			
 
				+}
			
 
				+
			
 
				+.image_main{
			
 
				+	width:100%;
			
 
				+	height:100%;
			
 
				+	position:absolute;
			
 
				+	background:#fff;
			
 
				+}
			
 
				+
			
 
				+.image{width:100%;height:85%;}
			
 
				+
			
 
				+.image button{width:100%;height:100%;}
			
 
				+
			
 
				+.user_info{
			
 
				+	width:100%;
			
 
				+	height:15%;
			
 
				+	position:relative;
			
 
				+	padding:0 1rem;
			
 
				+}
			
 
				+
			
 
				+.buttons{
			
 
				+	position:absolute;
			
 
				+	height:100%;
			
 
				+	right:0;
			
 
				+	text-align:right;
			
 
				+}
			
 
				+
			
 
				+.buttons button{
			
 
				+	position:absolute;
			
 
				+	width:30px;
			
 
				+	height:40px;
			
 
				+	top:50%;
			
 
				+	margin-top:-20px;
			
 
				+}
			
 
				+
			
 
				+.add_friend{
			
 
				+	background:url(../images/guess_add.png) no-repeat;
			
 
				+	background-size:cover;
			
 
				+	right:50px;
			
 
				+}
			
 
				+
			
 
				+.help{
			
 
				+	background:url(../images/guess_help.png) no-repeat;
			
 
				+	background-size:cover;
			
 
				+	right:5px;
			
 
				+}
			
 
				+
			
 
				+/*#guess_next{
			
 
				+	width:80px;
			
 
				+	height:30px;
			
 
				+	position:fixed;
			
 
				+	right:20px;
			
 
				+	margin-top:-2px;
			
 
				+	background:url(../images/choice-next.png) no-repeat;
			
 
				+	background-size:contain;
			
 
				+	boeder-radius:5px;
			
 
				+}*/
			
 
				+
			
 
				+.choice{
			
 
				+	position:relative;
			
 
				+	height:40px;
			
 
				+	line-height:40px;
			
 
				+	width:42%;
			
 
				+	display:inline-block;
			
 
				+	border-radius:20px;
			
 
				+	margin-left:5%;
			
 
				+	background:#fff;
			
 
				+	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
			
 
				+	color:#343434;
			
 
				+}
			
 
				+
			
 
				+.current{
			
 
				+	color:#fff;
			
 
				+	background:#05c0ab;
			
 
				+}
			
 
				+
			
 
				+.choice img{
			
 
				+	height:30px;
			
 
				+	width:30px;
			
 
				+	margin:5px 5px 0;
			
 
				+}
			
 
				+
			
 
				+.choice span{
			
 
				+	position:absolute;
			
 
				+	width:63%;
			
 
				+	left:30%;
			
 
				+	white-space:nowrap;
			
 
				+	overflow:hidden;
			
 
				+	text-overflow:ellipsis;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+@media screen and (min-width:350px){
			
 
				+#top_part{
			
 
				+	height:70%;
			
 
				+}
			
 
				+#bottom_part{
			
 
				+	height:30%;
			
 
				+}
			
 
				+.buttons button{
			
 
				+	width:40px;
			
 
				+	height:55px;
			
 
				+	margin-top:-28px;
			
 
				+}
			
 
				+.add_friend{
			
 
				+	right:60px;
			
 
				+}
			
 
				+.help{
			
 
				+	right:10px;
			
 
				+}
			
 
				+}
			
 
				+
			
 
				+/*·ÖÏí*/
			
 
				+#gotoshare{
			
 
				+	position: fixed;
			
 
				+	z-index: 10;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#gotoshare img{
			
 
				+	height: 8rem;
			
 
				+	position: absolute;
			
 
				+	right: 1rem;
			
 
				+	top: 1rem;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/guess_result.css
+++ b/src/main/webapp/mobile/css/guess_result.css
@@ -0,0 +1,44 @@
 
				+body{background-color: #fff;}
			
 
				+
			
 
				+#main{
			
 
				+	width:100%;
			
 
				+	position:fixed;
			
 
				+}
			
 
				+
			
 
				+#main span{
			
 
				+	position:fixed;
			
 
				+	right:1rem;
			
 
				+	bottom:5rem;
			
 
				+	color:#343434;
			
 
				+	text-decoration:underline;
			
 
				+}
			
 
				+
			
 
				+#histroy{
			
 
				+	width:100%;
			
 
				+	position:relative;
			
 
				+	margin-top:1rem;
			
 
				+	display:none;
			
 
				+}
			
 
				+
			
 
				+.wraper{
			
 
				+	width:96%;
			
 
				+	margin:0 auto 1rem;
			
 
				+	border:1px solid #999;
			
 
				+	border-radius:10px;
			
 
				+	overflow:hidden;
			
 
				+	background:#fff;
			
 
				+	color:#343434;
			
 
				+}
			
 
				+
			
 
				+.wraper img{
			
 
				+	width:100%;
			
 
				+}
			
 
				+
			
 
				+.wraper span{
			
 
				+	display:inline-block;
			
 
				+	width:49%;
			
 
				+	padding: 10px;
			
 
				+	white-space: nowrap;
			
 
				+	overflow: hidden;
			
 
				+	text-overflow: ellipsis;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/help.css
+++ b/src/main/webapp/mobile/css/help.css
@@ -0,0 +1,155 @@
 
				+#container{
			
 
				+	width: 100%;
			
 
				+	position: relative;
			
 
				+	background: #e95c64;
			
 
				+	padding-bottom: 20px;
			
 
				+}
			
 
				+
			
 
				+#title{
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+	background: url(../images/bg-top.png) no-repeat;
			
 
				+	background-size: 100% 235px;
			
 
				+}
			
 
				+
			
 
				+#uesrId{
			
 
				+	position: absolute;
			
 
				+	width: 55%;
			
 
				+	top: 34%;
			
 
				+	left: 4%;
			
 
				+	text-align: center;
			
 
				+	color: #fecb00;
			
 
				+	font-size: 23px;
			
 
				+	font-weight: bolder;
			
 
				+	white-space:nowrap;
			
 
				+    overflow:hidden;
			
 
				+    text-overflow:ellipsis;
			
 
				+    transform:rotate(4deg);
			
 
				+	-ms-transform:rotate(4deg);
			
 
				+	-moz-transform:rotate(4deg);
			
 
				+	-webkit-transform:rotate(4deg);
			
 
				+	-o-transform:rotate(4deg);
			
 
				+}
			
 
				+@media screen and (min-width: 350px){
			
 
				+#uesrId{font-size: 27px;}
			
 
				+}
			
 
				+@media screen and (min-width: 400px){
			
 
				+#uesrId{font-size: 30px;}
			
 
				+}
			
 
				+
			
 
				+#ad-title{
			
 
				+	margin-top: 10px;
			
 
				+	width: 98%;
			
 
				+}
			
 
				+
			
 
				+#ad-guess{
			
 
				+	width: 90%;
			
 
				+	margin-top: 5px;
			
 
				+	margin-left: 5%;
			
 
				+}
			
 
				+
			
 
				+#question{
			
 
				+	width: 96%;
			
 
				+	margin-left: 2%;
			
 
				+	margin-top: 10px;
			
 
				+	border-radius: 10px;
			
 
				+	overflow: hidden;
			
 
				+	box-shadow: 4px 4px 4px rgba(0,0,0,.3);
			
 
				+	background: #fff;
			
 
				+}
			
 
				+
			
 
				+#picture{
			
 
				+	width: 100%;
			
 
				+}
			
 
				+
			
 
				+.wraper{
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+	margin: 15px 10px;
			
 
				+}
			
 
				+
			
 
				+.choice-content{
			
 
				+	position: relative;
			
 
				+	display: inline-block;
			
 
				+	width: 50%;
			
 
				+	height: 30px;
			
 
				+	border-radius: 15px;
			
 
				+	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
			
 
				+}
			
 
				+
			
 
				+.choice{
			
 
				+	width: 24px;
			
 
				+	height: 24px;
			
 
				+	margin-left: 5px;
			
 
				+	margin-top: 3px;
			
 
				+}
			
 
				+
			
 
				+.choice-content span{
			
 
				+	margin-left: 8px;
			
 
				+	width: 75%;
			
 
				+	color: #343434;
			
 
				+	position: absolute;
			
 
				+	top: 7px;
			
 
				+	font-size: 15px;
			
 
				+	white-space:nowrap;
			
 
				+    overflow:hidden;
			
 
				+    text-overflow:ellipsis;
			
 
				+}
			
 
				+
			
 
				+.bingo{
			
 
				+	width: 40px;
			
 
				+	position: absolute;
			
 
				+	right: -5px;
			
 
				+	visibility: hidden;
			
 
				+}
			
 
				+
			
 
				+.count{
			
 
				+	font-size: 20px;
			
 
				+	position: absolute;
			
 
				+	top: 7px;
			
 
				+	right: 40px;
			
 
				+}
			
 
				+
			
 
				+#sure{
			
 
				+	width: 200px;
			
 
				+	height: 100px;
			
 
				+	display: block;
			
 
				+	margin: 10px auto 0;
			
 
				+	background: url(../images/ad-button.png) no-repeat;
			
 
				+	background-size: 200px 100px;
			
 
				+}
			
 
				+
			
 
				+#webar{
			
 
				+	position: relative;
			
 
				+	width: 100%;
			
 
				+	height: 80%;
			
 
				+	background: #bffaee;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+#more{
			
 
				+	width: 94%;
			
 
				+	margin: 10% 3% 3%;
			
 
				+}
			
 
				+
			
 
				+#erweima{
			
 
				+	width: 40%;
			
 
				+	margin: 10% 30% 5%;
			
 
				+}
			
 
				+
			
 
				+#webar span{
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	text-align: center;
			
 
				+	color: #648b76;
			
 
				+	font-size: 20px;
			
 
				+	position: relative;
			
 
				+	z-index: 1;
			
 
				+}
			
 
				+
			
 
				+#bottom{
			
 
				+	position: absolute;
			
 
				+	width: 100%;
			
 
				+	bottom: 0;
			
 
				+	left: 0;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/homepage.css
+++ b/src/main/webapp/mobile/css/homepage.css
@@ -0,0 +1,272 @@
 
				+/*涓汉淇℃伅1*/
			
 
				+.self{
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+    color:#fff;
			
 
				+    text-shadow:1px 1px 1px #000;
			
 
				+    padding-bottom:1rem;
			
 
				+}
			
 
				+#headIcon{
			
 
				+	position: relative;
			
 
				+    height: 6.3rem;
			
 
				+    width: 6.3rem;
			
 
				+    top: 0.5rem;
			
 
				+    left: 50%;
			
 
				+    margin-left: -3.15rem;
			
 
				+    border-radius: 50%;
			
 
				+}
			
 
				+#mail{
			
 
				+	width: 4rem;
			
 
				+    position: absolute;
			
 
				+    top: 25.64%;
			
 
				+    left: 9.375%;
			
 
				+}
			
 
				+#message_i2{
			
 
				+  display:none;
			
 
				+  background:#f00;
			
 
				+  border-radius:50%;
			
 
				+  width:6px;
			
 
				+  height:6px;
			
 
				+  top: 27.64%;
			
 
				+  left: 20%;
			
 
				+  position:absolute;
			
 
				+}
			
 
				+#search{
			
 
				+    width: 4rem;
			
 
				+    position: absolute;
			
 
				+    top: 25.64%;
			
 
				+    right: 9.375%;
			
 
				+}
			
 
				+#intro{
			
 
				+    position: relative;
			
 
				+    margin-top:1rem;
			
 
				+    text-align: center;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+#ID{
			
 
				+    display: block;
			
 
				+    font-size: 1.8rem;
			
 
				+    margin-top: 0.5rem;
			
 
				+}
			
 
				+#ID img{
			
 
				+    width: 1.5rem;
			
 
				+}
			
 
				+#profile{
			
 
				+    display: block;
			
 
				+    font-size: 1rem;
			
 
				+    line-height:1.5rem;
			
 
				+    margin-top: 0.3rem;
			
 
				+    width: 70%;
			
 
				+    position: relative;
			
 
				+    left: 15%;
			
 
				+}
			
 
				+
			
 
				+/*瀵艰埅*/
			
 
				+#margin{
			
 
				+    width: 100%;
			
 
				+    height: 45px;
			
 
				+    background-color: transparent;
			
 
				+}
			
 
				+#nav-bar{
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-color: transparent;
			
 
				+    padding: 0;
			
 
				+    text-align: center;
			
 
				+    color:#fff;
			
 
				+    text-shadow:1px 1px 1px #000;
			
 
				+    
			
 
				+}
			
 
				+.nav{
			
 
				+    width: 5rem;
			
 
				+    height: 40px;
			
 
				+    font-size: 1.5rem;
			
 
				+    margin-top:7px;
			
 
				+}
			
 
				+.current{
			
 
				+    background: url("../images/green.png")no-repeat;
			
 
				+    background-size: 4.4rem 0.3rem;
			
 
				+    background-position-y: 2.5rem;
			
 
				+    background-position-x: 0.4rem;
			
 
				+}
			
 
				+
			
 
				+/*鐩稿唽鍐呭*/
			
 
				+.album{
			
 
				+    background-color: #fff;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+.cities{
			
 
				+    width: 24rem;
			
 
				+    margin: 1rem 0 1.5rem 3rem;
			
 
				+}
			
 
				+.photos{
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+.withiOS{
			
 
				+    position:absolute;
			
 
				+}
			
 
				+
			
 
				+.withAndroid{
			
 
				+	margin-left:20px;
			
 
				+}
			
 
				+
			
 
				+.photoCoverCity{
			
 
				+    display: block;
			
 
				+    color: #343434;
			
 
				+    font-weight: bold;
			
 
				+    width:100%;
			
 
				+    text-align:center;
			
 
				+    margin-top:11px;
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 350px){
			
 
				+    .cities{width: 20rem;}
			
 
				+}
			
 
				+
			
 
				+/*鍏虫敞鍐呭*/
			
 
				+#guanzhu ,#fans{
			
 
				+    padding: 0 0.7rem;
			
 
				+    background-color: #fff;
			
 
				+}
			
 
				+#guanzhu li,#fans li{
			
 
				+    height: 5.2rem;
			
 
				+    line-height: 5.5rem;
			
 
				+    font-size: 1.3rem;
			
 
				+    color: #818181;
			
 
				+    border-bottom: 1px solid #f1f3f4;
			
 
				+    position: relative;
			
 
				+    display: block;
			
 
				+    padding-left: 6.5rem;
			
 
				+}
			
 
				+
			
 
				+#guanzhu li a,#fans li a{color: #818181;}
			
 
				+
			
 
				+.headpic{
			
 
				+    width: 3.8rem;
			
 
				+    height: 3.8rem;
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    margin-top: -1.9rem;
			
 
				+    left: 1.5rem;
			
 
				+    border-radius: 50%;
			
 
				+}
			
 
				+.takecare{
			
 
				+    width: 5.3rem;
			
 
				+    height: 2.4rem;
			
 
				+    position: absolute;
			
 
				+    border-style: none;
			
 
				+    border-radius: 3px;
			
 
				+    text-align: center;
			
 
				+    font-size: 1rem;
			
 
				+    right: 1.5rem;
			
 
				+    margin-top:1.5rem;
			
 
				+}
			
 
				+
			
 
				+.care{
			
 
				+    color: #fff;
			
 
				+    background-color: #05c0ab;
			
 
				+}
			
 
				+
			
 
				+.care-ed{
			
 
				+    color: #adadad;
			
 
				+    background-color: #ece9ed;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.empty-bg, .empty-bg-2 {display: none;}
			
 
				+
			
 
				+.empty-bg img{
			
 
				+    width: 40%;
			
 
				+    margin-top: 3rem;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -20%; 
			
 
				+}
			
 
				+
			
 
				+.empty-bg-2 img{
			
 
				+    width: 25%;
			
 
				+    top: 2rem;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -10%; 
			
 
				+}
			
 
				+
			
 
				+/*好友请求*/
			
 
				+#application{
			
 
				+	position:fixed;
			
 
				+	z-index:1;
			
 
				+	width:100%;
			
 
				+	bottom:3.8rem;
			
 
				+}
			
 
				+
			
 
				+#application #main-text{
			
 
				+		padding: 0.5rem 2rem;
			
 
				+		background-color: #fff;
			
 
				+		color: #818181;
			
 
				+		font-size: 1.3rem;
			
 
				+		line-height: 1.9;
			
 
				+		box-shadow:0px 3px 5px #c9c6ca;
			
 
				+	}
			
 
				+
			
 
				+#application span{
			
 
				+		color: #05c0ab;
			
 
				+	}
			
 
				+
			
 
				+/*buttons*/
			
 
				+
			
 
				+#application .btns{
			
 
				+		height: 4rem;
			
 
				+		background-color: #05c0ab;
			
 
				+		border-top: 5px solid #05c0ab;
			
 
				+		text-align: center;
			
 
				+	}
			
 
				+
			
 
				+#application .btn{
			
 
				+		width: 8.5rem;
			
 
				+		height: 2.9rem;
			
 
				+		border-radius: 1.55rem;
			
 
				+		box-shadow: 1px 1px 2px rgba(0,0,0,.4);
			
 
				+		border-style: none;
			
 
				+		margin: 0 2rem;
			
 
				+		font-size: 1.2rem;
			
 
				+	}
			
 
				+@media screen and (min-width:350px){
			
 
				+	#application .btn{
			
 
				+		margin: 0 3rem;
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+#application .first{
			
 
				+		color: #fff;
			
 
				+		background-color: #05c0ab;
			
 
				+	}
			
 
				+
			
 
				+#application .second{
			
 
				+		color: #05c0ab;
			
 
				+		background-color: #fff;
			
 
				+	}
			
 
				+
			
 
				+/*分享*/
			
 
				+#gotoshare{
			
 
				+	position: fixed;
			
 
				+	z-index: 10;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#gotoshare img{
			
 
				+	height: 8rem;
			
 
				+	position: absolute;
			
 
				+	right: 1rem;
			
 
				+	top: 1rem;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/htmleaf-demo.css
+++ b/src/main/webapp/mobile/css/htmleaf-demo.css
@@ -0,0 +1,233 @@
 
				+@font-face {
			
 
				+	font-family: 'icomoon';
			
 
				+	src:url('../fonts/icomoon.eot?rretjt');
			
 
				+	src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
			
 
				+		url('../fonts/icomoon.woff?rretjt') format('woff'),
			
 
				+		url('../fonts/icomoon.ttf?rretjt') format('truetype'),
			
 
				+		url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
			
 
				+	font-weight: normal;
			
 
				+	font-style: normal;
			
 
				+}
			
 
				+
			
 
				+[class^="icon-"], [class*=" icon-"] {
			
 
				+	font-family: 'icomoon';
			
 
				+	speak: none;
			
 
				+	font-style: normal;
			
 
				+	font-weight: normal;
			
 
				+	font-variant: normal;
			
 
				+	text-transform: none;
			
 
				+	line-height: 1;
			
 
				+
			
 
				+	/* Better Font Rendering =========== */
			
 
				+	-webkit-font-smoothing: antialiased;
			
 
				+	-moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+body, html { font-size: 100%; 	padding: 0; margin: 0;}
			
 
				+
			
 
				+/* Reset */
			
 
				+*,
			
 
				+*:after,
			
 
				+*:before {
			
 
				+	-webkit-box-sizing: border-box;
			
 
				+	-moz-box-sizing: border-box;
			
 
				+	box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
			
 
				+.clearfix:before,
			
 
				+.clearfix:after {
			
 
				+	content: " ";
			
 
				+	display: table;
			
 
				+}
			
 
				+
			
 
				+.clearfix:after {
			
 
				+	clear: both;
			
 
				+}
			
 
				+
			
 
				+body{
			
 
				+	background: #494A5F;
			
 
				+	color: #D5D6E2;
			
 
				+	font-weight: 500;
			
 
				+	font-size: 1.05em;
			
 
				+	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
			
 
				+}
			
 
				+a{color: #2fa0ec;outline: none;text-decoration: none;}
			
 
				+a:hover,a:focus{color:#74777b;text-decoration: none;}
			
 
				+
			
 
				+.htmleaf-container{
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.bgcolor-1 { background: #f0efee; }
			
 
				+.bgcolor-2 { background: #f9f9f9; }
			
 
				+.bgcolor-3 { background: #e8e8e8; }/*light grey*/
			
 
				+.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
			
 
				+.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
			
 
				+.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
			
 
				+.bgcolor-7 { background: #d0d6d6; }/*White tea*/
			
 
				+.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
			
 
				+.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
			
 
				+.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
			
 
				+.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
			
 
				+.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
			
 
				+.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
			
 
				+/* Header */
			
 
				+.htmleaf-header{
			
 
				+	padding: 1em 190px 1em;
			
 
				+	letter-spacing: -1px;
			
 
				+	text-align: center;
			
 
				+	background: #66677c;
			
 
				+}
			
 
				+.htmleaf-header h1 {
			
 
				+	color: #D5D6E2;
			
 
				+	font-weight: 600;
			
 
				+	font-size: 2em;
			
 
				+	line-height: 1;
			
 
				+	margin-bottom: 0;
			
 
				+	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
			
 
				+}
			
 
				+.htmleaf-header h1 span {
			
 
				+	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
			
 
				+	display: block;
			
 
				+	font-size: 60%;
			
 
				+	font-weight: 400;
			
 
				+	padding: 0.8em 0 0.5em 0;
			
 
				+	color: #c3c8cd;
			
 
				+}
			
 
				+/*nav*/
			
 
				+.htmleaf-demo a{color: #fff;text-decoration: none;}
			
 
				+.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
			
 
				+.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
			
 
				+.htmleaf-demo a:hover{opacity: 0.6;}
			
 
				+.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
			
 
				+/* Top Navigation Style */
			
 
				+.htmleaf-links {
			
 
				+	position: relative;
			
 
				+	display: inline-block;
			
 
				+	white-space: nowrap;
			
 
				+	font-size: 1.5em;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+
			
 
				+.htmleaf-links::after {
			
 
				+	position: absolute;
			
 
				+	top: 0;
			
 
				+	left: 50%;
			
 
				+	margin-left: -1px;
			
 
				+	width: 2px;
			
 
				+	height: 100%;
			
 
				+	background: #dbdbdb;
			
 
				+	content: '';
			
 
				+	-webkit-transform: rotate3d(0,0,1,22.5deg);
			
 
				+	transform: rotate3d(0,0,1,22.5deg);
			
 
				+}
			
 
				+
			
 
				+.htmleaf-icon {
			
 
				+	display: inline-block;
			
 
				+	margin: 0.5em;
			
 
				+	padding: 0em 0;
			
 
				+	width: 1.5em;
			
 
				+	text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+.htmleaf-icon span {
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+.htmleaf-icon:before {
			
 
				+	margin: 0 5px;
			
 
				+	text-transform: none;
			
 
				+	font-weight: normal;
			
 
				+	font-style: normal;
			
 
				+	font-variant: normal;
			
 
				+	font-family: 'icomoon';
			
 
				+	line-height: 1;
			
 
				+	speak: none;
			
 
				+	-webkit-font-smoothing: antialiased;
			
 
				+}
			
 
				+/* footer */
			
 
				+.htmleaf-footer{width: 100%;padding-top: 10px;}
			
 
				+.htmleaf-small{font-size: 0.8em;}
			
 
				+.center{text-align: center;}
			
 
				+/****/
			
 
				+.related {
			
 
				+	color: #fff;
			
 
				+	background: #494A5F;
			
 
				+	text-align: center;
			
 
				+	font-size: 1.25em;
			
 
				+	padding: 0.5em 0;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.related > a {
			
 
				+	vertical-align: top;
			
 
				+	width: calc(100% - 20px);
			
 
				+	max-width: 340px;
			
 
				+	display: inline-block;
			
 
				+	text-align: center;
			
 
				+	margin: 20px 10px;
			
 
				+	padding: 25px;
			
 
				+	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
			
 
				+}
			
 
				+.related a {
			
 
				+	display: inline-block;
			
 
				+	text-align: left;
			
 
				+	margin: 20px auto;
			
 
				+	padding: 10px 20px;
			
 
				+	opacity: 0.8;
			
 
				+	-webkit-transition: opacity 0.3s;
			
 
				+	transition: opacity 0.3s;
			
 
				+	-webkit-backface-visibility: hidden;
			
 
				+}
			
 
				+
			
 
				+.related a:hover,
			
 
				+.related a:active {
			
 
				+	opacity: 1;
			
 
				+}
			
 
				+
			
 
				+.related a img {
			
 
				+	max-width: 100%;
			
 
				+	opacity: 0.8;
			
 
				+	border-radius: 4px;
			
 
				+}
			
 
				+.related a:hover img,
			
 
				+.related a:active img {
			
 
				+	opacity: 1;
			
 
				+}
			
 
				+.related h3{font-family: "Microsoft YaHei", sans-serif;}
			
 
				+.related a h3 {
			
 
				+	font-weight: 300;
			
 
				+	margin-top: 0.15em;
			
 
				+	color: #fff;
			
 
				+}
			
 
				+/* icomoon */
			
 
				+.icon-htmleaf-home-outline:before {
			
 
				+	content: "\e5000";
			
 
				+}
			
 
				+
			
 
				+.icon-htmleaf-arrow-forward-outline:before {
			
 
				+	content: "\e5001";
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 50em) {
			
 
				+	.htmleaf-header {
			
 
				+		padding: 3em 10% 4em;
			
 
				+	}
			
 
				+	.htmleaf-header h1 {
			
 
				+        font-size:2em;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+@media screen and (max-width: 40em) {
			
 
				+	.htmleaf-header h1 {
			
 
				+		font-size: 1.5em;
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 30em) {
			
 
				+    .htmleaf-header h1 {
			
 
				+        font-size:1.2em;
			
 
				+    }
			
 
				+}
			
--- a/src/main/webapp/mobile/css/index.css
+++ b/src/main/webapp/mobile/css/index.css
@@ -0,0 +1,87 @@
 
				+*{
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
			
 
				+}
			
 
				+.page{
			
 
				+    background-image: linear-gradient(180deg, #CE00EE 0%, #00C2D7 100%);
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.title-img{
			
 
				+    position: absolute;
			
 
				+    top:11.6%;
			
 
				+    width: 100%;
			
 
				+    height: 20%;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.title-img>img{
			
 
				+    width: 290px;
			
 
				+    height: 126px;!important;
			
 
				+}
			
 
				+.left-bottom-img{
			
 
				+    width: 64.5%;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+    display: none;
			
 
				+}
			
 
				+.right-bottom-img{
			
 
				+    width:55.2%;
			
 
				+    position: absolute;
			
 
				+    bottom: 6.6%;
			
 
				+    right: 0;
			
 
				+    display: none;
			
 
				+}
			
 
				+.right-bottom-img-2{
			
 
				+    width: 64%;
			
 
				+    position: absolute;
			
 
				+    bottom: 9.6%;
			
 
				+    right: 0;
			
 
				+    display: none;
			
 
				+}
			
 
				+.left-top-img{
			
 
				+    width: 85.5%;
			
 
				+    position: absolute;
			
 
				+    left:0;
			
 
				+    top: 0;
			
 
				+    display: none;
			
 
				+}
			
 
				+.next{
			
 
				+    width:18px;
			
 
				+    height: 30px;
			
 
				+    position: absolute;
			
 
				+    right:9px;
			
 
				+    top: 50%;
			
 
				+    margin-top: -25px;
			
 
				+    display: none;
			
 
				+    opacity: .8;
			
 
				+}
			
 
				+
			
 
				+.bershake{
			
 
				+    animation: shakemove 1s ease-in infinite;
			
 
				+}
			
 
				+
			
 
				+@keyframes shakemove {
			
 
				+    0%{
			
 
				+        width:18px;
			
 
				+        height: 30px;
			
 
				+        margin-top: -25px;
			
 
				+
			
 
				+    }
			
 
				+    50%{
			
 
				+        width:22px;
			
 
				+        height: 36px;
			
 
				+        margin-top: -28px;
			
 
				+
			
 
				+    }
			
 
				+    100%{
			
 
				+        width:18px;
			
 
				+        height: 30px;
			
 
				+        margin-top: -25px;
			
 
				+
			
 
				+    }
			
 
				+}
			
--- a/src/main/webapp/mobile/css/location.css
+++ b/src/main/webapp/mobile/css/location.css
@@ -0,0 +1,16 @@
 
				+		.span{color: #9b9b9b; font-size: 1.5rem;}
			
 
				+		
			
 
				+		select{
			
 
				+			width: 14rem;
			
 
				+			height: 2.6rem;
			
 
				+			color: #9b9b9b;
			
 
				+			margin-left: 1rem;
			
 
				+			padding-left: 1rem;
			
 
				+			border-radius: 3px;
			
 
				+			border: solid 1px #a3a3a3;
			
 
				+			background-color: #fff;
			
 
				+			appearance:none;
			
 
				+			-o-appearance:none;
			
 
				+  			-moz-appearance:none;
			
 
				+  			-webkit-appearance:none;
			
 
				+		}
			
--- a/src/main/webapp/mobile/css/login.css
+++ b/src/main/webapp/mobile/css/login.css
@@ -0,0 +1,312 @@
 
				+.hide{display:none;}
			
 
				+
			
 
				+/*Òýµ¼Ò³Ãæ*/
			
 
				+#login_guide{
			
 
				+	width:400%;
			
 
				+	height:100%;
			
 
				+	background:#05c0ab;
			
 
				+}
			
 
				+
			
 
				+.guide{
			
 
				+	display:inline-block;
			
 
				+	width:100%;
			
 
				+	height:100%;
			
 
				+	position:absolute;
			
 
				+	top:0;
			
 
				+}
			
 
				+
			
 
				+#guide1{left:0;} 
			
 
				+#guide2{left:100%;} 
			
 
				+#guide3{left:200%;} 
			
 
				+#guide4{left:300%;} 
			
 
				+
			
 
				+.title_ad{
			
 
				+	width:60%;
			
 
				+	margin-left:20%;
			
 
				+	margin-top:10%;
			
 
				+	background:transparent;
			
 
				+}
			
 
				+
			
 
				+.guide_main{
			
 
				+	width:70%;
			
 
				+	margin-left:15%;
			
 
				+	margin-top:10%;
			
 
				+}
			
 
				+
			
 
				+.guide-index{
			
 
				+	position:absolute;
			
 
				+	bottom:0;
			
 
				+	left:50%;
			
 
				+	margin-left:-5rem;
			
 
				+	width:10rem;
			
 
				+	height:3rem;
			
 
				+}
			
 
				+
			
 
				+.outside{
			
 
				+	width:12px;
			
 
				+	height:12px;
			
 
				+	position:relative;
			
 
				+	display:inline-block;
			
 
				+	border-radius:50%;
			
 
				+	margin:0.5rem 0.2rem;
			
 
				+}
			
 
				+
			
 
				+.inside{
			
 
				+	width:6px;
			
 
				+	height:6px;
			
 
				+	display:inline-block;
			
 
				+	border-radius:50%;
			
 
				+	background:#fff;
			
 
				+	position:absolute;
			
 
				+	top:2px;
			
 
				+	left:2px;
			
 
				+}
			
 
				+
			
 
				+.current{border:1px solid #fff;}
			
 
				+.unvisiable{border:1px solid transparent;}
			
 
				+
			
 
				+#guide_finish{
			
 
				+	/*display:block;
			
 
				+	width:88px;
			
 
				+	height:27px;
			
 
				+	margin:30px auto 0;
			
 
				+	background:transparent;*/
			
 
				+	width:180px;
			
 
				+	height:30x;
			
 
				+	line-height:30px;
			
 
				+	border:1px solid #fff;
			
 
				+	border-radius:3px;
			
 
				+	margin:30px auto 0;
			
 
				+	text-align:center;
			
 
				+	color:#fff;
			
 
				+	font-size:20px;
			
 
				+}
			
 
				+
			
 
				+/*µÇÂ¼×¢²áÒ³Ãæ*/
			
 
				+#bg{width: 100%;
			
 
				+	 height: 100%;
			
 
				+	 position: fixed;
			
 
				+	 top: 0;
			
 
				+	 left: 0;
			
 
				+	 z-index:-1;
			
 
				+	}
			
 
				+
			
 
				+#bg-overlay{width: 100%;
			
 
				+		 height: 100%;
			
 
				+		 background-color: rgba(0,0,0,0.5);
			
 
				+		 position: fixed;
			
 
				+		 top: 0;
			
 
				+		 left: 0;
			
 
				+		}
			
 
				+		
			
 
				+.footer{text-decoration:underline;}
			
 
				+		   
			
 
				+/*iphone6/iphone6+*/
			
 
				+@media screen and (min-width: 330px){
			
 
				+
			
 
				+	#logo{width: 7.5rem;
			
 
				+		  position: absolute;
			
 
				+		  left: 50%;
			
 
				+		  margin-left: -2.8rem;
			
 
				+		  top: 8%;}
			
 
				+
			
 
				+	.input{width: 100%;
			
 
				+		   position: absolute;
			
 
				+		   top: 28%;}
			
 
				+
			
 
				+	.title{width: 85%;
			
 
				+		   position: relative;
			
 
				+		   margin: auto;
			
 
				+		   margin-bottom: 0.6rem;
			
 
				+		   font-size: 1.5rem;
			
 
				+		   color: #fff;
			
 
				+		   background-color: rgba(255,255,255,0.3);
			
 
				+		   border-radius: 3px;}
			
 
				+
			
 
				+	.title span{display: inline-block;
			
 
				+				width: 8rem;
			
 
				+				line-height: 3.4rem;
			
 
				+			    margin: 0 1rem;
			
 
				+				text-align: left;}
			
 
				+
			
 
				+	.title input:not(#btnSendCode){border-style: none;
			
 
				+				 height: 3.4rem;
			
 
				+				 width:55%;
			
 
				+				 text-align: left;
			
 
				+				 font-size: 1.5rem;
			
 
				+		    	 color: #fff;
			
 
				+				 background-color: rgba(255,255,255,0);}
			
 
				+
			
 
				+	.wrong{width: 1.6rem;
			
 
				+		   position: absolute;
			
 
				+		   top: 50%;
			
 
				+		   margin-top: -0.8rem;
			
 
				+		   right: 1rem;
			
 
				+		   display: none;}
			
 
				+
			
 
				+	#logbtn, #regisbtn{width: 15rem;
			
 
				+			position: absolute;
			
 
				+			top: 110%;
			
 
				+			left: 50%;
			
 
				+			margin-left: -7.5rem;
			
 
				+			height: 3rem;
			
 
				+			background-color: #30b38d;
			
 
				+			border-style: none;
			
 
				+			border-radius: 1.5rem;
			
 
				+			color: #fff;
			
 
				+			font-size: 1.6rem;
			
 
				+			font-weight: bold;}
			
 
				+
			
 
				+	section{color: #fff;
			
 
				+			font-size: 1.3rem;
			
 
				+			width: 10rem;
			
 
				+			text-align: center;
			
 
				+			position: absolute;
			
 
				+			margin-top: 7rem;
			
 
				+			left: 50%;
			
 
				+			margin-left: -4rem;
			
 
				+			}
			
 
				+
			
 
				+	#btnSendCode{height: 2rem;
			
 
				+				line-height: 2.2rem;
			
 
				+				 width: auto;
			
 
				+				 padding:0 5px;
			
 
				+				 border-radius:3px;
			
 
				+				 border-style: none;
			
 
				+				 background: #fff;
			
 
				+				 color: #000;
			
 
				+				 opacity:0.6;
			
 
				+			     position: absolute;
			
 
				+			     top: 50%;
			
 
				+			     margin-top: -1rem;
			
 
				+			     right: 0.3rem;}
			
 
				+
			
 
				+	.footer{text-align: center;
			
 
				+		   width: 15rem;
			
 
				+		   position: absolute;
			
 
				+		   bottom:1.5rem;
			
 
				+		   left: 50%;
			
 
				+		   margin-left: -7rem;
			
 
				+		   font-size: 1.3rem;
			
 
				+		   color: #fff;}
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/*iphone5/iphone4*/
			
 
				+@media screen and (max-width: 330px){
			
 
				+
			
 
				+	#logo{width: 5rem;
			
 
				+		  position: absolute;
			
 
				+		  left: 50%;
			
 
				+		  margin-left: -1.8rem;
			
 
				+		  top: 8%;}
			
 
				+
			
 
				+	.input{width: 100%;
			
 
				+		   position: absolute;
			
 
				+		   top: 23%;}
			
 
				+
			
 
				+	.title{width: 85%;
			
 
				+		   position: relative;
			
 
				+		   margin: auto;
			
 
				+		   margin-bottom: 0.6rem;
			
 
				+		   font-size: 1.2rem;
			
 
				+		   color: #fff;
			
 
				+		   background-color: rgba(255,255,255,0.3);
			
 
				+		   border-radius: 3px;}
			
 
				+
			
 
				+	.title span{display: inline-block;
			
 
				+				width: 8rem;
			
 
				+				line-height: 2.5rem;
			
 
				+			    margin-left: 1rem;
			
 
				+				text-align: left;}
			
 
				+
			
 
				+	.title input:not(#btnSendCode){border-style: none;
			
 
				+				 height: 2.5rem;
			
 
				+				 width:45%;
			
 
				+				 text-align: left;
			
 
				+				 font-size: 1.2rem;
			
 
				+		    	 color: #fff;
			
 
				+				 background-color: rgba(255,255,255,0);}
			
 
				+
			
 
				+	.wrong{width: 1.6rem;
			
 
				+		   position: absolute;
			
 
				+		   top: 50%;
			
 
				+		   margin-top: -0.8rem;
			
 
				+		   right: 1rem;
			
 
				+		   display: none;}
			
 
				+
			
 
				+	#logbtn, #regisbtn{width: 10rem;
			
 
				+			position: absolute;
			
 
				+			top: 110%;
			
 
				+			left: 50%;
			
 
				+			margin-left: -4.5rem;
			
 
				+			height: 3rem;
			
 
				+			background-color: #30b38d;
			
 
				+			border-style: none;
			
 
				+			border-radius: 1.5rem;
			
 
				+			color: #fff;
			
 
				+			font-size: 1.3rem;
			
 
				+			font-weight: bold;}
			
 
				+
			
 
				+	section{color: #fff;
			
 
				+			font-size: 1rem;
			
 
				+			width: 10rem;
			
 
				+			text-align: center;
			
 
				+			position: absolute;
			
 
				+			margin-top: 5rem;
			
 
				+			left: 50%;
			
 
				+			margin-left: -4rem;
			
 
				+			}
			
 
				+
			
 
				+	#btnSendCode{height: 1.6rem;
			
 
				+				line-height: 1.8rem;
			
 
				+				 width: auto;
			
 
				+				 padding:0 5px;
			
 
				+				 border-radius:3px;
			
 
				+				 border-style:none;
			
 
				+				 background: #fff;
			
 
				+				 color: #000;
			
 
				+				 opacity:0.6;
			
 
				+			     position: absolute;
			
 
				+			     top: 50%;
			
 
				+			     margin-top: -0.8rem;
			
 
				+			     right: 0.3rem;}
			
 
				+
			
 
				+	.footer{text-align: center;
			
 
				+		   width: 15rem;
			
 
				+		   position: absolute;
			
 
				+		   bottom:1.5rem;
			
 
				+		   left: 50%;
			
 
				+		   margin-left: -7rem;
			
 
				+		   font-size: 1rem;
			
 
				+		   color: #fff;
			
 
				+		   }
			
 
				+}
			
 
				+
			
 
				+#register, #regis{display: block;}
			
 
				+#login, #log{display: none;}
			
 
				+
			
 
				+@media (max-height: 400px) { 
			
 
				+  #wrap {
			
 
				+    display: none;
			
 
				+  }
			
 
				+  #logo {
			
 
				+    display: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+p {
			
 
				+	font-size: 1.5rem;
			
 
				+	line-height: 2rem;
			
 
				+	color: #fff;
			
 
				+	text-align: center;
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/src/main/webapp/mobile/css/map.css
+++ b/src/main/webapp/mobile/css/map.css
@@ -0,0 +1,287 @@
 
				+.hide {
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+/*loading*/
			
 
				+#loading {
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	position: fixed;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	background:#05c0ab;
			
 
				+	z-index:10000;
			
 
				+}
			
 
				+
			
 
				+#loading div{
			
 
				+	width: 40%;
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	left: 50%;
			
 
				+	margin-left: -20%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+
			
 
				+#loading img{
			
 
				+	width: 4rem;
			
 
				+	margin-bottom: 2rem;
			
 
				+}
			
 
				+
			
 
				+/*½âËø×´Ì¬*/
			
 
				+#wrapunlockstate{
			
 
				+	width:100%;
			
 
				+	background:#05c0ab;
			
 
				+	position:fixed;
			
 
				+	z-index:5;
			
 
				+	color:#fff;
			
 
				+	font-size:1.2rem;
			
 
				+	text-align:center;
			
 
				+}
			
 
				+.unlockstate{
			
 
				+	width:100%;
			
 
				+	height:2rem;
			
 
				+	line-height:2rem;
			
 
				+	overflow:hidden;
			
 
				+	white-space:nowrap;
			
 
				+	text-overflow:ellipsis;
			
 
				+}
			
 
				+
			
 
				+/*Ö÷ÌåÄÚÈÝ*/
			
 
				+#showmaincontent{
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+/*share*/
			
 
				+#share {
			
 
				+	width: 75%;
			
 
				+	height: 3rem;
			
 
				+	line-height: 3rem;
			
 
				+	position: relative;
			
 
				+	font-size: 1.1rem;
			
 
				+	color: #fff;
			
 
				+	margin: 1rem auto 0;
			
 
				+	border: 1px solid #fff;
			
 
				+	border-radius: 4px;
			
 
				+	background-color: rgba(255, 255, 255, 0.1);
			
 
				+	text-align:center;
			
 
				+}
			
 
				+#share img {
			
 
				+	width: 2rem;
			
 
				+	margin-left: 5%;
			
 
				+	position: absolute;
			
 
				+	top: 50%;
			
 
				+	margin-top: -1rem;
			
 
				+}
			
 
				+#share span {
			
 
				+	margin-left: 18%;
			
 
				+}
			
 
				+#conquer{
			
 
				+	position:fixed;
			
 
				+	right:1rem;
			
 
				+	top:0.5rem;
			
 
				+	width:1.5rem;
			
 
				+}
			
 
				+@media screen and (min-width:350px){
			
 
				+#conquer{
			
 
				+	width:2rem;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (min-width:400px){
			
 
				+#conquer{
			
 
				+	width:2.3rem;
			
 
				+}
			
 
				+}
			
 
				+
			
 
				+/*map*/
			
 
				+#main {
			
 
				+	width: 100%;
			
 
				+	position: absolute;
			
 
				+	top:45%;
			
 
				+}
			
 
				+#mapDiv {
			
 
				+	background:transparent;
			
 
				+	margin: 1rem auto 0; 
			
 
				+	width: 100%; 
			
 
				+	}
			
 
				+@media screen and (max-width:350px){
			
 
				+	#main {
			
 
				+	top:40%;
			
 
				+}
			
 
				+	#mapDiv{margin: 5px auto 0;}
			
 
				+}
			
 
				+.turnTo{position: absolute; left: 2%; top: 30%; width: 3rem;}
			
 
				+
			
 
				+#canvas{
			
 
				+	position:relative;
			
 
				+	display:block;
			
 
				+	width: 300px;
			
 
				+	height: 165px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+#container {
			
 
				+	position:absolute;
			
 
				+	width: 300px;
			
 
				+	height: 165px;
			
 
				+	left:50%;
			
 
				+	margin-top:-165px;
			
 
				+	margin-left: -150px;
			
 
				+}
			
 
				+
			
 
				+.circle{
			
 
				+	position:absolute;
			
 
				+	color:#fff;
			
 
				+}
			
 
				+
			
 
				+#middle{
			
 
				+	width:146px;
			
 
				+	height:146px;
			
 
				+	top:0;
			
 
				+	left:50%;
			
 
				+	margin-left:-73px;
			
 
				+	text-align:center;
			
 
				+	background:url(../images/circle.png) no-repeat;
			
 
				+	background-size:contain;
			
 
				+}
			
 
				+
			
 
				+#left, #right{
			
 
				+	bottom:0;
			
 
				+	width:116px;
			
 
				+	height:116px;
			
 
				+	border-radius:50%;
			
 
				+	padding-top:10px;
			
 
				+}
			
 
				+#left{left:0;padding-left:15px;} #right{right:0;text-align:right;padding-right:15px;}
			
 
				+
			
 
				+.title{
			
 
				+	display:block;
			
 
				+	font-size:15px;
			
 
				+	margin-top:20px;
			
 
				+}
			
 
				+
			
 
				+#middle .title{
			
 
				+	margin-top:15px;
			
 
				+}
			
 
				+
			
 
				+.percent{
			
 
				+	display:block;
			
 
				+	font-size:27px;
			
 
				+	font-weight:bold;
			
 
				+	margin-top:3px;
			
 
				+	line-height:20px;
			
 
				+}
			
 
				+
			
 
				+#left .percent{margin-left:15px;margin-top:10px;}
			
 
				+#right .percent{margin-right:20px;margin-top:10px;}
			
 
				+
			
 
				+.smallcircle{
			
 
				+	position:absolute;
			
 
				+	bottom:15px;
			
 
				+	width:42px;
			
 
				+	height:42px;
			
 
				+	border-radius:50%;
			
 
				+	text-align:center;
			
 
				+}
			
 
				+
			
 
				+#smallleft{left:27px;} #smallright{right:27px;}
			
 
				+
			
 
				+.smallpercent{
			
 
				+	display:block;
			
 
				+	margin-top:3px;
			
 
				+	font-size:16px;
			
 
				+	font-weight:bold;
			
 
				+}
			
 
				+
			
 
				+#tip{
			
 
				+	position:relative;
			
 
				+	height:2rem;
			
 
				+	line-height:2rem;
			
 
				+	display:block;
			
 
				+	width:90%;
			
 
				+	text-align:center;
			
 
				+	font-size:15px;
			
 
				+	font-weight:bold;
			
 
				+	color:#fff;
			
 
				+	margin-top:10px;
			
 
				+}
			
 
				+#aftertip{
			
 
				+	height:3.5rem;
			
 
				+	position:absolute;
			
 
				+	margin-left:0.5rem;
			
 
				+	bottom:-0.5rem;
			
 
				+}
			
 
				+/*·ÖÏí*/
			
 
				+#gotoshare{
			
 
				+	position: fixed;
			
 
				+	z-index: 10;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#gotoshare img{
			
 
				+	height: 8rem;
			
 
				+	position: absolute;
			
 
				+	right: 1rem;
			
 
				+	top: 1rem;
			
 
				+}
			
 
				+
			
 
				+#gotoshare span{
			
 
				+	position: absolute;
			
 
				+	right: 5.5rem;
			
 
				+	top: 5.5rem;
			
 
				+}
			
 
				+
			
 
				+#beforeBottom{
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#showmaincontents{
			
 
				+	position:fixed;
			
 
				+	width:100%;
			
 
				+	height:100%;
			
 
				+	top:0;
			
 
				+	left:0;
			
 
				+}
			
 
				+
			
 
				+#mapisloading{
			
 
				+	position:fixed;
			
 
				+	width:4rem;
			
 
				+	z-index:10000;
			
 
				+	top:20%;
			
 
				+	left:50%;
			
 
				+	margin-left:-2rem;
			
 
				+	display:none;
			
 
				+}
			
 
				+
			
 
				+#guide{
			
 
				+	position: fixed;
			
 
				+	z-index: 11;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display:none;
			
 
				+}
			
 
				+
			
 
				+#guide img{width:80%; position:absolute;}
			
 
				+
			
 
				+#guide button{position:absolute; color:#fff;font-size:1.5rem;bottom:2rem;right:2rem;background:transparent;}
			
 
				+
			
 
				+#guide_1{top:25%;left:20px;}
			
 
				+#guide_2{top:35%;left:20px;display:none;}
			
 
				+#guide_3{bottom:2rem;right:1rem;display:none;}
			
--- a/src/main/webapp/mobile/css/map151212.css
+++ b/src/main/webapp/mobile/css/map151212.css
@@ -0,0 +1,289 @@
 
				+.hide {
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+/*loading*/
			
 
				+#loading {
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	position: fixed;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	background:#05c0ab;
			
 
				+	z-index:10000;
			
 
				+}
			
 
				+
			
 
				+#loading div{
			
 
				+	width: 40%;
			
 
				+	position: absolute;
			
 
				+	top: 30%;
			
 
				+	left: 50%;
			
 
				+	margin-left: -20%;
			
 
				+	text-align: center;
			
 
				+}
			
 
				+
			
 
				+#loading img{
			
 
				+	width: 4rem;
			
 
				+	margin-bottom: 2rem;
			
 
				+}
			
 
				+
			
 
				+/*½âËø×´Ì¬*/
			
 
				+#wrapunlockstate{
			
 
				+	width:100%;
			
 
				+	background:#05c0ab;
			
 
				+	position:fixed;
			
 
				+	z-index:5;
			
 
				+	color:#fff;
			
 
				+	font-size:1.2rem;
			
 
				+	text-align:center;
			
 
				+}
			
 
				+.unlockstate{
			
 
				+	width:100%;
			
 
				+	height:2rem;
			
 
				+	line-height:2rem;
			
 
				+	overflow:hidden;
			
 
				+	white-space:nowrap;
			
 
				+	text-overflow:ellipsis;
			
 
				+}
			
 
				+
			
 
				+/*Ö÷ÌåÄÚÈÝ*/
			
 
				+#showmaincontent{
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+/*share*/
			
 
				+#share {
			
 
				+	width: 75%;
			
 
				+	height: 3rem;
			
 
				+	line-height: 3rem;
			
 
				+	position: relative;
			
 
				+	font-size: 1.1rem;
			
 
				+	color: #fff;
			
 
				+	margin: 1rem auto 0;
			
 
				+	border: 1px solid #fff;
			
 
				+	border-radius: 4px;
			
 
				+	background-color: rgba(255, 255, 255, 0.1);
			
 
				+	text-align:center;
			
 
				+}
			
 
				+#share img {
			
 
				+	width: 2rem;
			
 
				+	margin-left: 5%;
			
 
				+	position: absolute;
			
 
				+	top: 50%;
			
 
				+	margin-top: -1rem;
			
 
				+}
			
 
				+#share span {
			
 
				+	margin-left: 18%;
			
 
				+}
			
 
				+#conquer{
			
 
				+	position:fixed;
			
 
				+	right:1rem;
			
 
				+	top:0.5rem;
			
 
				+	width:1.5rem;
			
 
				+}
			
 
				+@media screen and (min-width:350px){
			
 
				+#conquer{
			
 
				+	width:1.8rem;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (min-width:400px){
			
 
				+#conquer{
			
 
				+	width:2.1rem;
			
 
				+}
			
 
				+}
			
 
				+
			
 
				+/*map*/
			
 
				+#main {
			
 
				+	width: 100%;
			
 
				+	position: absolute;
			
 
				+	top:45%;
			
 
				+}
			
 
				+#mapDiv {
			
 
				+	background:transparent;
			
 
				+	margin: 1rem auto 0; 
			
 
				+	width: 100%; 
			
 
				+	}
			
 
				+@media screen and (max-width:350px){
			
 
				+	#main {
			
 
				+	top:40%;
			
 
				+}
			
 
				+	#mapDiv{margin: 5px auto 0;}
			
 
				+}
			
 
				+.turnTo{position: absolute; left: 3.5%; top: 30%; width: 3rem;}
			
 
				+
			
 
				+#buttonTip{position: absolute; left: 2%; top: 37%; width: 4rem;color:#fff;}
			
 
				+
			
 
				+#canvas{
			
 
				+	position:relative;
			
 
				+	display:block;
			
 
				+	width: 300px;
			
 
				+	height: 165px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+#container {
			
 
				+	position:absolute;
			
 
				+	width: 300px;
			
 
				+	height: 165px;
			
 
				+	left:50%;
			
 
				+	margin-top:-165px;
			
 
				+	margin-left: -150px;
			
 
				+}
			
 
				+
			
 
				+.circle{
			
 
				+	position:absolute;
			
 
				+	color:#fff;
			
 
				+}
			
 
				+
			
 
				+#middle{
			
 
				+	width:146px;
			
 
				+	height:146px;
			
 
				+	top:0;
			
 
				+	left:50%;
			
 
				+	margin-left:-73px;
			
 
				+	text-align:center;
			
 
				+	background:url(../images/circle.png) no-repeat;
			
 
				+	background-size:contain;
			
 
				+}
			
 
				+
			
 
				+#left, #right{
			
 
				+	bottom:0;
			
 
				+	width:116px;
			
 
				+	height:116px;
			
 
				+	border-radius:50%;
			
 
				+	padding-top:10px;
			
 
				+}
			
 
				+#left{left:0;padding-left:15px;} #right{right:0;text-align:right;padding-right:15px;}
			
 
				+
			
 
				+.title{
			
 
				+	display:block;
			
 
				+	font-size:15px;
			
 
				+	margin-top:20px;
			
 
				+}
			
 
				+
			
 
				+#middle .title{
			
 
				+	margin-top:15px;
			
 
				+}
			
 
				+
			
 
				+.percent{
			
 
				+	display:block;
			
 
				+	font-size:27px;
			
 
				+	font-weight:bold;
			
 
				+	margin-top:3px;
			
 
				+	line-height:20px;
			
 
				+}
			
 
				+
			
 
				+#left .percent{margin-left:15px;margin-top:10px;}
			
 
				+#right .percent{margin-right:20px;margin-top:10px;}
			
 
				+
			
 
				+.smallcircle{
			
 
				+	position:absolute;
			
 
				+	bottom:15px;
			
 
				+	width:42px;
			
 
				+	height:42px;
			
 
				+	border-radius:50%;
			
 
				+	text-align:center;
			
 
				+}
			
 
				+
			
 
				+#smallleft{left:27px;} #smallright{right:27px;}
			
 
				+
			
 
				+.smallpercent{
			
 
				+	display:block;
			
 
				+	margin-top:3px;
			
 
				+	font-size:16px;
			
 
				+	font-weight:bold;
			
 
				+}
			
 
				+
			
 
				+#tip{
			
 
				+	position:relative;
			
 
				+	height:2rem;
			
 
				+	line-height:2rem;
			
 
				+	display:block;
			
 
				+	width:90%;
			
 
				+	text-align:center;
			
 
				+	font-size:15px;
			
 
				+	font-weight:bold;
			
 
				+	color:#fff;
			
 
				+	margin-top:10px;
			
 
				+}
			
 
				+#aftertip{
			
 
				+	height:3.5rem;
			
 
				+	position:absolute;
			
 
				+	margin-left:0.5rem;
			
 
				+	bottom:-0.5rem;
			
 
				+}
			
 
				+/*·ÖÏí*/
			
 
				+#gotoshare{
			
 
				+	position: fixed;
			
 
				+	z-index: 10;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#gotoshare img{
			
 
				+	height: 8rem;
			
 
				+	position: absolute;
			
 
				+	right: 1rem;
			
 
				+	top: 1rem;
			
 
				+}
			
 
				+
			
 
				+#gotoshare span{
			
 
				+	position: absolute;
			
 
				+	right: 5.5rem;
			
 
				+	top: 5.5rem;
			
 
				+}
			
 
				+
			
 
				+#beforeBottom{
			
 
				+	display: none;
			
 
				+}
			
 
				+
			
 
				+#showmaincontents{
			
 
				+	position:fixed;
			
 
				+	width:100%;
			
 
				+	height:100%;
			
 
				+	top:0;
			
 
				+	left:0;
			
 
				+}
			
 
				+
			
 
				+#mapisloading{
			
 
				+	position:fixed;
			
 
				+	width:4rem;
			
 
				+	z-index:10000;
			
 
				+	top:20%;
			
 
				+	left:50%;
			
 
				+	margin-left:-2rem;
			
 
				+	display:none;
			
 
				+}
			
 
				+
			
 
				+#guide{
			
 
				+	position: fixed;
			
 
				+	z-index: 11;
			
 
				+	width: 100%;
			
 
				+	height: 100%;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	background: #000;
			
 
				+	opacity: 0.8;
			
 
				+	font-size: 1.5rem;
			
 
				+	color: #fff;
			
 
				+	display:none;
			
 
				+}
			
 
				+
			
 
				+#guide img{width:80%; position:absolute;}
			
 
				+
			
 
				+#guide button{position:absolute; color:#fff;font-size:1.5rem;bottom:2rem;right:2rem;background:transparent;}
			
 
				+
			
 
				+#guide_1{top:25%;left:20px;}
			
 
				+#guide_2{top:35%;left:20px;display:none;}
			
 
				+#guide_3{bottom:4rem;right:2.5rem;display:none;}
			
--- a/src/main/webapp/mobile/css/messages.css
+++ b/src/main/webapp/mobile/css/messages.css
@@ -0,0 +1,180 @@
 
				+	.text{
			
 
				+		width: 29rem;
			
 
				+		margin: auto;
			
 
				+	}
			
 
				+
			
 
				+@media screen and (max-width: 350px){
			
 
				+	.text{width: 25rem;}
			
 
				+}
			
 
				+
			
 
				+	time{
			
 
				+		display: block;
			
 
				+		line-height: 2rem;
			
 
				+		color: #bebfc4;
			
 
				+	}
			
 
				+
			
 
				+	.main-text{
			
 
				+		padding: 0.5rem 2rem;
			
 
				+		background-color: #fff;
			
 
				+		color: #818181;
			
 
				+		font-size: 1.3rem;
			
 
				+		line-height: 1.9;
			
 
				+		box-shadow:0px 3px 5px #c9c6ca;
			
 
				+	}
			
 
				+	
			
 
				+	.margin{margin-bottom:1rem;}
			
 
				+
			
 
				+	span{
			
 
				+		color: #05c0ab;
			
 
				+	}
			
 
				+
			
 
				+	/*buttons*/
			
 
				+
			
 
				+	.btns{
			
 
				+		height: 4rem;
			
 
				+		background-color: #05c0ab;
			
 
				+		border-top: 5px solid #05c0ab;
			
 
				+		text-align: center;
			
 
				+	}
			
 
				+
			
 
				+	.btn{
			
 
				+		width: 8.5rem;
			
 
				+		height: 2.9rem;
			
 
				+		border-radius: 1.55rem;
			
 
				+		box-shadow: 1px 1px 2px rgba(0,0,0,.4);
			
 
				+		border-style: none;
			
 
				+		margin: 0 0.4rem;
			
 
				+		font-size: 1.2rem;
			
 
				+	}
			
 
				+
			
 
				+	/*the button background and font style*/
			
 
				+
			
 
				+	.first{
			
 
				+		color: #fff;
			
 
				+		background-color: #05c0ab;
			
 
				+	}
			
 
				+
			
 
				+	.second{
			
 
				+		color: #05c0ab;
			
 
				+		background-color: #fff;
			
 
				+	}
			
 
				+
			
 
				+	.thanks{
			
 
				+		color: #fff;
			
 
				+		font-size: 1.2rem;
			
 
				+		line-height: 4rem;
			
 
				+	}
			
 
				+
			
 
				+	/*5.4 reload the picture*/
			
 
				+
			
 
				+	.reload{
			
 
				+		display: inline-block;
			
 
				+		text-align: right;
			
 
				+	}
			
 
				+
			
 
				+	/*5.1 messages*/
			
 
				+
			
 
				+	#body{
			
 
				+		padding: 0;
			
 
				+	}
			
 
				+
			
 
				+	ul{
			
 
				+		background-color: #fff;
			
 
				+		padding: 0 1rem;
			
 
				+		margin-bottom: 0.5rem;
			
 
				+	}
			
 
				+
			
 
				+	li{
			
 
				+		height: 6rem;
			
 
				+		display: block;
			
 
				+		border-bottom: 1px solid #eeeeee;
			
 
				+		position: relative;
			
 
				+	}
			
 
				+
			
 
				+	ul :last-child{border-bottom-style: none;}
			
 
				+
			
 
				+	.msg-icon{
			
 
				+		height: 2.9rem;
			
 
				+		position: absolute;
			
 
				+		top: 50%;
			
 
				+		left: 0.2rem;
			
 
				+		margin-top: -1.25rem;
			
 
				+	}
			
 
				+
			
 
				+	.zhankai{
			
 
				+		position: absolute;
			
 
				+		width: 0.5rem;
			
 
				+		right: 1rem;
			
 
				+		top: 50%;
			
 
				+		margin-top: -1.23077rem;
			
 
				+	}
			
 
				+
			
 
				+	.headIcon{
			
 
				+		width: 2.9rem;
			
 
				+		height: 2.9rem;
			
 
				+		margin-top: 1.05rem;
			
 
				+		border-radius: 50%;
			
 
				+	}
			
 
				+
			
 
				+	.message li span{
			
 
				+		display: block;
			
 
				+		margin-left: 4.2rem;
			
 
				+	}
			
 
				+
			
 
				+	.userId{
			
 
				+		font-size: 1.3rem;
			
 
				+		width: 10rem;
			
 
				+		white-space:nowrap;
			
 
				+	    overflow:hidden;
			
 
				+	    text-overflow:ellipsis;
			
 
				+	    margin-top: -3rem;
			
 
				+	    color: #747474;
			
 
				+	}
			
 
				+
			
 
				+	.content{
			
 
				+		font-size: 1rem;
			
 
				+		width: 13rem;
			
 
				+		white-space:nowrap;
			
 
				+	    overflow:hidden;
			
 
				+	    text-overflow:ellipsis;
			
 
				+	    margin-top: 0.5rem;
			
 
				+	    color: #959595; 
			
 
				+	}
			
 
				+
			
 
				+	.message li time{
			
 
				+		font-size: 0.7rem;
			
 
				+	    color: #959595; 
			
 
				+	    position: absolute;
			
 
				+	    right: 1rem;
			
 
				+	    margin-top: -3.5rem;
			
 
				+	}
			
 
				+
			
 
				+	.message li section{
			
 
				+		min-width: 1.3rem;
			
 
				+		line-height: 1.3rem;
			
 
				+		text-align: center;
			
 
				+		color: #fff;
			
 
				+		font-size: 1.3rem;
			
 
				+		background-color: #f43333;
			
 
				+		border-radius: 0.65rem;
			
 
				+		position: absolute;
			
 
				+	}
			
 
				+
			
 
				+	.one{
			
 
				+		right: 2rem;
			
 
				+		top: 50%;
			
 
				+		margin-top: -0.65rem;
			
 
				+	}
			
 
				+
			
 
				+	.two{
			
 
				+		right: 1rem;
			
 
				+		margin-top: -1.5rem;
			
 
				+	}
			
 
				+
			
 
				+	.empty-bg img{
			
 
				+	    width: 40%;
			
 
				+	    top: 30%;
			
 
				+	    position: absolute;
			
 
				+	    left: 50%;
			
 
				+	    margin-left: -20%; 
			
 
				+	}
			
--- a/src/main/webapp/mobile/css/normalize.css
+++ b/src/main/webapp/mobile/css/normalize.css
@@ -0,0 +1,432 @@
 
				+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
			
 
				+
			
 
				+/**
			
 
				+ * 1. Set default font family to sans-serif.
			
 
				+ * 2. Prevent iOS text size adjust after orientation change, without disabling
			
 
				+ *    user zoom.
			
 
				+ */
			
 
				+
			
 
				+html {
			
 
				+  font-family: sans-serif; /* 1 */
			
 
				+  font-size:80%;
			
 
				+  -ms-text-size-adjust: 100%; /* 2 */
			
 
				+  -webkit-text-size-adjust: 100%; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove default margin.
			
 
				+ */
			
 
				+
			
 
				+body {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+/* HTML5 display definitions
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
			
 
				+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
			
 
				+ * and Firefox.
			
 
				+ * Correct `block` display not defined for `main` in IE 11.
			
 
				+ */
			
 
				+
			
 
				+article,
			
 
				+aside,
			
 
				+details,
			
 
				+figcaption,
			
 
				+figure,
			
 
				+footer,
			
 
				+header,
			
 
				+hgroup,
			
 
				+main,
			
 
				+menu,
			
 
				+nav,
			
 
				+section,
			
 
				+summary {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct `inline-block` display not defined in IE 8/9.
			
 
				+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
			
 
				+ */
			
 
				+
			
 
				+audio,
			
 
				+canvas,
			
 
				+progress,
			
 
				+video {
			
 
				+  display: inline-block; /* 1 */
			
 
				+  vertical-align: baseline; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Prevent modern browsers from displaying `audio` without controls.
			
 
				+ * Remove excess height in iOS 5 devices.
			
 
				+ */
			
 
				+
			
 
				+audio:not([controls]) {
			
 
				+  display: none;
			
 
				+  height: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address `[hidden]` styling not present in IE 8/9/10.
			
 
				+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
			
 
				+ */
			
 
				+
			
 
				+[hidden],
			
 
				+template {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+/* Links
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove the gray background color from active links in IE 10.
			
 
				+ */
			
 
				+
			
 
				+a {
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Improve readability when focused and also mouse hovered in all browsers.
			
 
				+ */
			
 
				+
			
 
				+a:active,
			
 
				+a:hover {
			
 
				+  outline: 0;
			
 
				+}
			
 
				+
			
 
				+/* Text-level semantics
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
			
 
				+ */
			
 
				+
			
 
				+abbr[title] {
			
 
				+  border-bottom: 1px dotted;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
			
 
				+ */
			
 
				+
			
 
				+b,
			
 
				+strong {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address styling not present in Safari and Chrome.
			
 
				+ */
			
 
				+
			
 
				+dfn {
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address variable `h1` font-size and margin within `section` and `article`
			
 
				+ * contexts in Firefox 4+, Safari, and Chrome.
			
 
				+ */
			
 
				+
			
 
				+h1 {
			
 
				+  font-size: 2em;
			
 
				+  margin: 0.67em 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address styling not present in IE 8/9.
			
 
				+ */
			
 
				+
			
 
				+mark {
			
 
				+  background: #ff0;
			
 
				+  color: #000;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address inconsistent and variable font size in all browsers.
			
 
				+ */
			
 
				+
			
 
				+small {
			
 
				+  font-size: 80%;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
			
 
				+ */
			
 
				+
			
 
				+sub,
			
 
				+sup {
			
 
				+  font-size: 75%;
			
 
				+  line-height: 0;
			
 
				+  position: relative;
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+sup {
			
 
				+  top: -0.5em;
			
 
				+}
			
 
				+
			
 
				+sub {
			
 
				+  bottom: -0.25em;
			
 
				+}
			
 
				+
			
 
				+/* Embedded content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove border when inside `a` element in IE 8/9/10.
			
 
				+ */
			
 
				+
			
 
				+img {
			
 
				+  border: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Correct overflow not hidden in IE 9/10/11.
			
 
				+ */
			
 
				+
			
 
				+svg:not(:root) {
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+/* Grouping content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Address margin not present in IE 8/9 and Safari.
			
 
				+ */
			
 
				+
			
 
				+figure {
			
 
				+  margin: 1em 40px;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address differences between Firefox and other browsers.
			
 
				+ */
			
 
				+
			
 
				+hr {
			
 
				+  -moz-box-sizing: content-box;
			
 
				+  box-sizing: content-box;
			
 
				+  height: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Contain overflow in all browsers.
			
 
				+ */
			
 
				+
			
 
				+pre {
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address odd `em`-unit font size rendering in all browsers.
			
 
				+ */
			
 
				+
			
 
				+code,
			
 
				+kbd,
			
 
				+pre,
			
 
				+samp {
			
 
				+  font-family: monospace, monospace;
			
 
				+  font-size: 1em;
			
 
				+}
			
 
				+
			
 
				+/* Forms
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
			
 
				+ * styling of `select`, unless a `border` property is set.
			
 
				+ */
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct color not being inherited.
			
 
				+ *    Known issue: affects color of disabled elements.
			
 
				+ * 2. Correct font properties not being inherited.
			
 
				+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+input,
			
 
				+optgroup,
			
 
				+select,
			
 
				+textarea {
			
 
				+  color: inherit; /* 1 */
			
 
				+  font: inherit; /* 2 */
			
 
				+  margin: 0; /* 3 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
			
 
				+ */
			
 
				+
			
 
				+button {
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
			
 
				+ * All other form control elements do not inherit `text-transform` values.
			
 
				+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
			
 
				+ * Correct `select` style inheritance in Firefox.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+select {
			
 
				+  text-transform: none;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
			
 
				+ *    and `video` controls.
			
 
				+ * 2. Correct inability to style clickable `input` types in iOS.
			
 
				+ * 3. Improve usability and consistency of cursor style between image-type
			
 
				+ *    `input` and others.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+html input[type="button"], /* 1 */
			
 
				+input[type="reset"],
			
 
				+input[type="submit"] {
			
 
				+  -webkit-appearance: button; /* 2 */
			
 
				+  cursor: pointer; /* 3 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Re-set default cursor for disabled elements.
			
 
				+ */
			
 
				+
			
 
				+button[disabled],
			
 
				+html input[disabled] {
			
 
				+  cursor: default;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove inner padding and border in Firefox 4+.
			
 
				+ */
			
 
				+
			
 
				+button::-moz-focus-inner,
			
 
				+input::-moz-focus-inner {
			
 
				+  border: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
			
 
				+ * the UA stylesheet.
			
 
				+ */
			
 
				+
			
 
				+input {
			
 
				+  line-height: normal;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * It's recommended that you don't attempt to style these elements.
			
 
				+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
			
 
				+ *
			
 
				+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
			
 
				+ * 2. Remove excess padding in IE 8/9/10.
			
 
				+ */
			
 
				+
			
 
				+input[type="checkbox"],
			
 
				+input[type="radio"] {
			
 
				+  box-sizing: border-box; /* 1 */
			
 
				+  padding: 0; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
			
 
				+ * `font-size` values of the `input`, it causes the cursor style of the
			
 
				+ * decrement button to change from `default` to `text`.
			
 
				+ */
			
 
				+
			
 
				+input[type="number"]::-webkit-inner-spin-button,
			
 
				+input[type="number"]::-webkit-outer-spin-button {
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
			
 
				+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
			
 
				+ *    (include `-moz` to future-proof).
			
 
				+ */
			
 
				+
			
 
				+input[type="search"] {
			
 
				+  -webkit-appearance: textfield; /* 1 */
			
 
				+  -moz-box-sizing: content-box;
			
 
				+  -webkit-box-sizing: content-box; /* 2 */
			
 
				+  box-sizing: content-box;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
			
 
				+ * Safari (but not Chrome) clips the cancel button when the search input has
			
 
				+ * padding (and `textfield` appearance).
			
 
				+ */
			
 
				+
			
 
				+input[type="search"]::-webkit-search-cancel-button,
			
 
				+input[type="search"]::-webkit-search-decoration {
			
 
				+  -webkit-appearance: none;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Define consistent border, margin, and padding.
			
 
				+ */
			
 
				+
			
 
				+fieldset {
			
 
				+  border: 1px solid #c0c0c0;
			
 
				+  margin: 0 2px;
			
 
				+  padding: 0.35em 0.625em 0.75em;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
			
 
				+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
			
 
				+ */
			
 
				+
			
 
				+legend {
			
 
				+  border: 0; /* 1 */
			
 
				+  padding: 0; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove default vertical scrollbar in IE 8/9/10/11.
			
 
				+ */
			
 
				+
			
 
				+textarea {
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Don't inherit the `font-weight` (applied by a rule above).
			
 
				+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
			
 
				+ */
			
 
				+
			
 
				+optgroup {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+/* Tables
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove most spacing between table cells.
			
 
				+ */
			
 
				+
			
 
				+table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0;
			
 
				+}
			
 
				+
			
 
				+td,
			
 
				+th {
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+ul {list-style:none;}
			
 
				+
			
 
				+li {display:inline-block;}
			
--- a/src/main/webapp/mobile/css/second.css
+++ b/src/main/webapp/mobile/css/second.css
@@ -0,0 +1,29 @@
 
				+*{
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
			
 
				+
			
 
				+    -webkit-overflow-scrolling:touch;
			
 
				+}
			
 
				+.page{
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    min-height: 603px;
			
 
				+}
			
 
				+.item{
			
 
				+    height: 25%;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+.item>img:first-child{
			
 
				+    width: 39%;
			
 
				+    margin-left: 5%;
			
 
				+}
			
 
				+.item>img:last-child {
			
 
				+    width: 43.6%;
			
 
				+    margin-right: 5%;
			
 
				+
			
 
				+}
			
--- a/src/main/webapp/mobile/css/state.css
+++ b/src/main/webapp/mobile/css/state.css
@@ -0,0 +1,208 @@
 
				+/*澶撮儴*/
			
 
				+#userHeaderWraper{
			
 
				+	width: 100%;
			
 
				+	background: #fff;
			
 
				+	padding: 1rem;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+	background: url(02.jpg) no-repeat;
			
 
				+	background-size: cover;
			
 
				+	background-position: center;
			
 
				+	text-shadow: 3px 3px 3px rgba(0,0,0,0.8);
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+#uhIcon{width: 95%; margin-bottom: 0.5rem;}
			
 
				+
			
 
				+#uhIcon>div{display: inline-block;}
			
 
				+
			
 
				+#uhHeadicon{
			
 
				+	width: 4rem;
			
 
				+	height: 4rem;
			
 
				+	border-radius: 50%;
			
 
				+	overflow: hidden;
			
 
				+	margin-right: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+#uhHeadicon img{width: 100%;height: 100%;}
			
 
				+
			
 
				+#uhUserInfo>span{
			
 
				+	height: 2rem;
			
 
				+	line-height: 2rem;
			
 
				+	display: block;
			
 
				+}
			
 
				+
			
 
				+#uhNickname i{margin-left: 0.5rem;}
			
 
				+
			
 
				+
			
 
				+
			
 
				+/*鐘舵�*/
			
 
				+.stateWraper{
			
 
				+	width: 100%;
			
 
				+	background: #fff;
			
 
				+	border-top: 1px solid rgb(208,208,208);
			
 
				+	border-bottom: 1px solid rgb(208,208,208);
			
 
				+	padding-top: 0.5rem;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+.stUserArea{padding: 0 1rem;}
			
 
				+
			
 
				+.stUserInfo{
			
 
				+	width: 100%;
			
 
				+	height: 3.5rem;
			
 
				+}
			
 
				+
			
 
				+.stUserInfo>div{display: inline-block;}
			
 
				+
			
 
				+.stHeadIcon{
			
 
				+	width: 3rem;
			
 
				+	height: 3rem;
			
 
				+	margin-right: 1rem;
			
 
				+	border-radius: 50%;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.stHeadIcon img{width: 100%;height: 100%;}
			
 
				+
			
 
				+.stInfomation{
			
 
				+	height: 3rem;
			
 
				+}
			
 
				+
			
 
				+.stInfomation>span{
			
 
				+	display: block;
			
 
				+	height: 1.5rem;
			
 
				+	line-height: 1.5rem;
			
 
				+}
			
 
				+
			
 
				+.stUserContent{
			
 
				+	margin-top: 0.5rem;
			
 
				+}
			
 
				+
			
 
				+.stImgWrap{
			
 
				+	width: 100%;
			
 
				+	position: relative;
			
 
				+}
			
 
				+
			
 
				+.stImgWrap li{display:block;}
			
 
				+
			
 
				+.stUnlock{
			
 
				+	position: absolute;
			
 
				+	background: rgba(0,0,0,0.8);
			
 
				+	bottom: 0;
			
 
				+	left: 0;
			
 
				+	width: 100%;
			
 
				+	height: 3rem;
			
 
				+	line-height: 3rem;
			
 
				+	padding: 0 1rem;
			
 
				+}
			
 
				+
			
 
				+.stUnlock span{width: 90%;display:inline-block;}
			
 
				+
			
 
				+.stUnlock button{position: absolute; right: 1rem;bottom: 0; width: 3rem;height: 3rem;font-size: 2rem;}
			
 
				+
			
 
				+.stCommentWrap{
			
 
				+	padding: 0.5rem 1rem;
			
 
				+}
			
 
				+
			
 
				+.stCommentWrap i{margin-right: 0.5rem;}
			
 
				+
			
 
				+.stComment span{margin-right: 0.5rem;}
			
 
				+
			
 
				+
			
 
				+
			
 
				+/*鏇村鎿嶄綔鎸夐挳*/
			
 
				+#stChoices{
			
 
				+	width: 250px;
			
 
				+	position: fixed;
			
 
				+	bottom: 1rem;
			
 
				+	left: 50%;
			
 
				+	margin-left:-125px;
			
 
				+}
			
 
				+
			
 
				+#stChoices button:not(#likeOneMore){
			
 
				+	width: 100%;
			
 
				+	min-height: 4rem;
			
 
				+	background: #fff;
			
 
				+}
			
 
				+
			
 
				+#stChoices button i{margin-right: 1rem;}
			
 
				+
			
 
				+#uhChoices .CancelBtn{
			
 
				+	border-radius: 10px;
			
 
				+}
			
 
				+
			
 
				+#stSystem{
			
 
				+	border-radius: 10px;
			
 
				+	text-align: left;
			
 
				+	padding: 15px;
			
 
				+	margin-bottom: 1rem;
			
 
				+}
			
 
				+
			
 
				+#stSystem span{color:#05c0ab;}
			
 
				+
			
 
				+.btnGroup{
			
 
				+	margin-bottom: 1rem;
			
 
				+	border-radius: 10px;
			
 
				+	overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.btnGroup button:not(:last-child){
			
 
				+	border-bottom: 1px solid rgb(208,208,208);
			
 
				+}
			
 
				+
			
 
				+#likeOneMore{
			
 
				+	display: block;
			
 
				+	width: 100%;
			
 
				+	min-height: 3rem;
			
 
				+	font-size: 4rem;
			
 
				+	margin-bottom: 0.5rem;
			
 
				+	text-align: center;
			
 
				+	background: transparent;
			
 
				+	opacity: 0;
			
 
				+}
			
 
				+
			
 
				+#commentSender {
			
 
				+	background-color: #fff;
			
 
				+	position: fixed;
			
 
				+	bottom:0;
			
 
				+	left:0;
			
 
				+	z-index: 3;
			
 
				+	width: 100%;
			
 
				+	padding:10px;
			
 
				+	border-top:1px solid #999;
			
 
				+}
			
 
				+
			
 
				+textarea {
			
 
				+	height: 65px;
			
 
				+	line-height: 2rem;
			
 
				+	width: 100%;
			
 
				+	border-style: none;
			
 
				+	resize: none;
			
 
				+	padding: 5px;
			
 
				+}
			
 
				+
			
 
				+.commentBtn{
			
 
				+	display:inline-block;
			
 
				+	width: 40%;
			
 
				+	height: 30px;
			
 
				+	line-height:30px;
			
 
				+	margin-top:5px;
			
 
				+	background-color: #fff;
			
 
				+	border: 1px solid rgba(0,0,0,0.1);
			
 
				+	border-radius:5px;
			
 
				+}
			
 
				+
			
 
				+#senderComment{float:right;}
			
 
				+
			
 
				+span{
			
 
				+	white-space:nowrap;
			
 
				+	overflow:hidden;
			
 
				+    text-overflow:ellipsis;
			
 
				+}
			
 
				+
			
 
				+.fix{
			
 
				+	position: fixed;
			
 
				+	top: 0;
			
 
				+	left: 0;
			
 
				+	z-index: 2;
			
 
				+}
			
--- a/src/main/webapp/mobile/css/swiper.css
+++ b/src/main/webapp/mobile/css/swiper.css
@@ -0,0 +1,575 @@
 
				+/**
			
 
				+ * Swiper 3.4.2
			
 
				+ * Most modern mobile touch slider and framework with hardware accelerated transitions
			
 
				+ * 
			
 
				+ * http://www.idangero.us/swiper/
			
 
				+ * 
			
 
				+ * Copyright 2017, Vladimir Kharlampidi
			
 
				+ * The iDangero.us
			
 
				+ * http://www.idangero.us/
			
 
				+ * 
			
 
				+ * Licensed under MIT
			
 
				+ * 
			
 
				+ * Released on: March 10, 2017
			
 
				+ */
			
 
				+.swiper-container {
			
 
				+  margin-left: auto;
			
 
				+  margin-right: auto;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  /* Fix of Webkit flickering */
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.swiper-container-no-flexbox .swiper-slide {
			
 
				+  float: left;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-wrapper {
			
 
				+  -webkit-box-orient: vertical;
			
 
				+  -moz-box-orient: vertical;
			
 
				+  -ms-flex-direction: column;
			
 
				+  -webkit-flex-direction: column;
			
 
				+  flex-direction: column;
			
 
				+}
			
 
				+.swiper-wrapper {
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  z-index: 1;
			
 
				+  display: -webkit-box;
			
 
				+  display: -moz-box;
			
 
				+  display: -ms-flexbox;
			
 
				+  display: -webkit-flex;
			
 
				+  display: flex;
			
 
				+  -webkit-transition-property: -webkit-transform;
			
 
				+  -moz-transition-property: -moz-transform;
			
 
				+  -o-transition-property: -o-transform;
			
 
				+  -ms-transition-property: -ms-transform;
			
 
				+  transition-property: transform;
			
 
				+  -webkit-box-sizing: content-box;
			
 
				+  -moz-box-sizing: content-box;
			
 
				+  box-sizing: content-box;
			
 
				+}
			
 
				+.swiper-container-android .swiper-slide,
			
 
				+.swiper-wrapper {
			
 
				+  -webkit-transform: translate3d(0px, 0, 0);
			
 
				+  -moz-transform: translate3d(0px, 0, 0);
			
 
				+  -o-transform: translate(0px, 0px);
			
 
				+  -ms-transform: translate3d(0px, 0, 0);
			
 
				+  transform: translate3d(0px, 0, 0);
			
 
				+}
			
 
				+.swiper-container-multirow > .swiper-wrapper {
			
 
				+  -webkit-box-lines: multiple;
			
 
				+  -moz-box-lines: multiple;
			
 
				+  -ms-flex-wrap: wrap;
			
 
				+  -webkit-flex-wrap: wrap;
			
 
				+  flex-wrap: wrap;
			
 
				+}
			
 
				+.swiper-container-free-mode > .swiper-wrapper {
			
 
				+  -webkit-transition-timing-function: ease-out;
			
 
				+  -moz-transition-timing-function: ease-out;
			
 
				+  -ms-transition-timing-function: ease-out;
			
 
				+  -o-transition-timing-function: ease-out;
			
 
				+  transition-timing-function: ease-out;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+.swiper-slide {
			
 
				+  -webkit-flex-shrink: 0;
			
 
				+  -ms-flex: 0 0 auto;
			
 
				+  flex-shrink: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  position: relative;
			
 
				+}
			
 
				+/* Auto Height */
			
 
				+.swiper-container-autoheight,
			
 
				+.swiper-container-autoheight .swiper-slide {
			
 
				+  height: auto;
			
 
				+}
			
 
				+.swiper-container-autoheight .swiper-wrapper {
			
 
				+  -webkit-box-align: start;
			
 
				+  -ms-flex-align: start;
			
 
				+  -webkit-align-items: flex-start;
			
 
				+  align-items: flex-start;
			
 
				+  -webkit-transition-property: -webkit-transform, height;
			
 
				+  -moz-transition-property: -moz-transform;
			
 
				+  -o-transition-property: -o-transform;
			
 
				+  -ms-transition-property: -ms-transform;
			
 
				+  transition-property: transform, height;
			
 
				+}
			
 
				+/* a11y */
			
 
				+.swiper-container .swiper-notification {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  pointer-events: none;
			
 
				+  opacity: 0;
			
 
				+  z-index: -1000;
			
 
				+}
			
 
				+/* IE10 Windows Phone 8 Fixes */
			
 
				+.swiper-wp8-horizontal {
			
 
				+  -ms-touch-action: pan-y;
			
 
				+  touch-action: pan-y;
			
 
				+}
			
 
				+.swiper-wp8-vertical {
			
 
				+  -ms-touch-action: pan-x;
			
 
				+  touch-action: pan-x;
			
 
				+}
			
 
				+/* Arrows */
			
 
				+.swiper-button-prev,
			
 
				+.swiper-button-next {
			
 
				+  position: absolute;
			
 
				+  top: 50%;
			
 
				+  width: 27px;
			
 
				+  height: 44px;
			
 
				+  margin-top: -22px;
			
 
				+  z-index: 10;
			
 
				+  cursor: pointer;
			
 
				+  -moz-background-size: 27px 44px;
			
 
				+  -webkit-background-size: 27px 44px;
			
 
				+  background-size: 27px 44px;
			
 
				+  background-position: center;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				+.swiper-button-prev.swiper-button-disabled,
			
 
				+.swiper-button-next.swiper-button-disabled {
			
 
				+  opacity: 0.35;
			
 
				+  cursor: auto;
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.swiper-button-prev,
			
 
				+.swiper-container-rtl .swiper-button-next {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
			
 
				+  left: 10px;
			
 
				+  right: auto;
			
 
				+}
			
 
				+.swiper-button-prev.swiper-button-black,
			
 
				+.swiper-container-rtl .swiper-button-next.swiper-button-black {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
			
 
				+}
			
 
				+.swiper-button-prev.swiper-button-white,
			
 
				+.swiper-container-rtl .swiper-button-next.swiper-button-white {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
			
 
				+}
			
 
				+.swiper-button-next,
			
 
				+.swiper-container-rtl .swiper-button-prev {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
			
 
				+  right: 10px;
			
 
				+  left: auto;
			
 
				+}
			
 
				+.swiper-button-next.swiper-button-black,
			
 
				+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
			
 
				+}
			
 
				+.swiper-button-next.swiper-button-white,
			
 
				+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
			
 
				+}
			
 
				+/* Pagination Styles */
			
 
				+.swiper-pagination {
			
 
				+  position: absolute;
			
 
				+  text-align: center;
			
 
				+  -webkit-transition: 300ms;
			
 
				+  -moz-transition: 300ms;
			
 
				+  -o-transition: 300ms;
			
 
				+  transition: 300ms;
			
 
				+  -webkit-transform: translate3d(0, 0, 0);
			
 
				+  -ms-transform: translate3d(0, 0, 0);
			
 
				+  -o-transform: translate3d(0, 0, 0);
			
 
				+  transform: translate3d(0, 0, 0);
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.swiper-pagination.swiper-pagination-hidden {
			
 
				+  opacity: 0;
			
 
				+}
			
 
				+/* Common Styles */
			
 
				+.swiper-pagination-fraction,
			
 
				+.swiper-pagination-custom,
			
 
				+.swiper-container-horizontal > .swiper-pagination-bullets {
			
 
				+  bottom: 10px;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+/* Bullets */
			
 
				+.swiper-pagination-bullet {
			
 
				+  width: 8px;
			
 
				+  height: 8px;
			
 
				+  display: inline-block;
			
 
				+  border-radius: 100%;
			
 
				+  background: #000;
			
 
				+  opacity: 0.2;
			
 
				+}
			
 
				+button.swiper-pagination-bullet {
			
 
				+  border: none;
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  box-shadow: none;
			
 
				+  -moz-appearance: none;
			
 
				+  -ms-appearance: none;
			
 
				+  -webkit-appearance: none;
			
 
				+  appearance: none;
			
 
				+}
			
 
				+.swiper-pagination-clickable .swiper-pagination-bullet {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+.swiper-pagination-white .swiper-pagination-bullet {
			
 
				+  background: #fff;
			
 
				+}
			
 
				+.swiper-pagination-bullet-active {
			
 
				+  opacity: 1;
			
 
				+  background: #007aff;
			
 
				+}
			
 
				+.swiper-pagination-white .swiper-pagination-bullet-active {
			
 
				+  background: #fff;
			
 
				+}
			
 
				+.swiper-pagination-black .swiper-pagination-bullet-active {
			
 
				+  background: #000;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-pagination-bullets {
			
 
				+  right: 10px;
			
 
				+  top: 50%;
			
 
				+  -webkit-transform: translate3d(0px, -50%, 0);
			
 
				+  -moz-transform: translate3d(0px, -50%, 0);
			
 
				+  -o-transform: translate(0px, -50%);
			
 
				+  -ms-transform: translate3d(0px, -50%, 0);
			
 
				+  transform: translate3d(0px, -50%, 0);
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
			
 
				+  margin: 5px 0;
			
 
				+  display: block;
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
			
 
				+  margin: 0 5px;
			
 
				+}
			
 
				+/* Progress */
			
 
				+.swiper-pagination-progress {
			
 
				+  background: rgba(0, 0, 0, 0.25);
			
 
				+  position: absolute;
			
 
				+}
			
 
				+.swiper-pagination-progress .swiper-pagination-progressbar {
			
 
				+  background: #007aff;
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  -webkit-transform: scale(0);
			
 
				+  -ms-transform: scale(0);
			
 
				+  -o-transform: scale(0);
			
 
				+  transform: scale(0);
			
 
				+  -webkit-transform-origin: left top;
			
 
				+  -moz-transform-origin: left top;
			
 
				+  -ms-transform-origin: left top;
			
 
				+  -o-transform-origin: left top;
			
 
				+  transform-origin: left top;
			
 
				+}
			
 
				+.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
			
 
				+  -webkit-transform-origin: right top;
			
 
				+  -moz-transform-origin: right top;
			
 
				+  -ms-transform-origin: right top;
			
 
				+  -o-transform-origin: right top;
			
 
				+  transform-origin: right top;
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-pagination-progress {
			
 
				+  width: 100%;
			
 
				+  height: 4px;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-pagination-progress {
			
 
				+  width: 4px;
			
 
				+  height: 100%;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+}
			
 
				+.swiper-pagination-progress.swiper-pagination-white {
			
 
				+  background: rgba(255, 255, 255, 0.5);
			
 
				+}
			
 
				+.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
			
 
				+  background: #fff;
			
 
				+}
			
 
				+.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
			
 
				+  background: #000;
			
 
				+}
			
 
				+/* 3D Container */
			
 
				+.swiper-container-3d {
			
 
				+  -webkit-perspective: 1200px;
			
 
				+  -moz-perspective: 1200px;
			
 
				+  -o-perspective: 1200px;
			
 
				+  perspective: 1200px;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-wrapper,
			
 
				+.swiper-container-3d .swiper-slide,
			
 
				+.swiper-container-3d .swiper-slide-shadow-left,
			
 
				+.swiper-container-3d .swiper-slide-shadow-right,
			
 
				+.swiper-container-3d .swiper-slide-shadow-top,
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom,
			
 
				+.swiper-container-3d .swiper-cube-shadow {
			
 
				+  -webkit-transform-style: preserve-3d;
			
 
				+  -moz-transform-style: preserve-3d;
			
 
				+  -ms-transform-style: preserve-3d;
			
 
				+  transform-style: preserve-3d;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-left,
			
 
				+.swiper-container-3d .swiper-slide-shadow-right,
			
 
				+.swiper-container-3d .swiper-slide-shadow-top,
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  pointer-events: none;
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-left {
			
 
				+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-right {
			
 
				+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-top {
			
 
				+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+.swiper-container-3d .swiper-slide-shadow-bottom {
			
 
				+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
			
 
				+  /* Safari 4+, Chrome */
			
 
				+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Chrome 10+, Safari 5.1+, iOS 5+ */
			
 
				+  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 3.6-15 */
			
 
				+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Opera 11.10-12.00 */
			
 
				+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			
 
				+  /* Firefox 16+, IE10, Opera 12.50+ */
			
 
				+}
			
 
				+/* Coverflow */
			
 
				+.swiper-container-coverflow .swiper-wrapper,
			
 
				+.swiper-container-flip .swiper-wrapper {
			
 
				+  /* Windows 8 IE 10 fix */
			
 
				+  -ms-perspective: 1200px;
			
 
				+}
			
 
				+/* Cube + Flip */
			
 
				+.swiper-container-cube,
			
 
				+.swiper-container-flip {
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide,
			
 
				+.swiper-container-flip .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+  -webkit-backface-visibility: hidden;
			
 
				+  -moz-backface-visibility: hidden;
			
 
				+  -ms-backface-visibility: hidden;
			
 
				+  backface-visibility: hidden;
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide .swiper-slide,
			
 
				+.swiper-container-flip .swiper-slide .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide-active,
			
 
				+.swiper-container-flip .swiper-slide-active,
			
 
				+.swiper-container-cube .swiper-slide-active .swiper-slide-active,
			
 
				+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
			
 
				+  pointer-events: auto;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide-shadow-top,
			
 
				+.swiper-container-flip .swiper-slide-shadow-top,
			
 
				+.swiper-container-cube .swiper-slide-shadow-bottom,
			
 
				+.swiper-container-flip .swiper-slide-shadow-bottom,
			
 
				+.swiper-container-cube .swiper-slide-shadow-left,
			
 
				+.swiper-container-flip .swiper-slide-shadow-left,
			
 
				+.swiper-container-cube .swiper-slide-shadow-right,
			
 
				+.swiper-container-flip .swiper-slide-shadow-right {
			
 
				+  z-index: 0;
			
 
				+  -webkit-backface-visibility: hidden;
			
 
				+  -moz-backface-visibility: hidden;
			
 
				+  -ms-backface-visibility: hidden;
			
 
				+  backface-visibility: hidden;
			
 
				+}
			
 
				+/* Cube */
			
 
				+.swiper-container-cube .swiper-slide {
			
 
				+  visibility: hidden;
			
 
				+  -webkit-transform-origin: 0 0;
			
 
				+  -moz-transform-origin: 0 0;
			
 
				+  -ms-transform-origin: 0 0;
			
 
				+  transform-origin: 0 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.swiper-container-cube.swiper-container-rtl .swiper-slide {
			
 
				+  -webkit-transform-origin: 100% 0;
			
 
				+  -moz-transform-origin: 100% 0;
			
 
				+  -ms-transform-origin: 100% 0;
			
 
				+  transform-origin: 100% 0;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-slide-active,
			
 
				+.swiper-container-cube .swiper-slide-next,
			
 
				+.swiper-container-cube .swiper-slide-prev,
			
 
				+.swiper-container-cube .swiper-slide-next + .swiper-slide {
			
 
				+  pointer-events: auto;
			
 
				+  visibility: visible;
			
 
				+}
			
 
				+.swiper-container-cube .swiper-cube-shadow {
			
 
				+  position: absolute;
			
 
				+  left: 0;
			
 
				+  bottom: 0px;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background: #000;
			
 
				+  opacity: 0.6;
			
 
				+  -webkit-filter: blur(50px);
			
 
				+  filter: blur(50px);
			
 
				+  z-index: 0;
			
 
				+}
			
 
				+/* Fade */
			
 
				+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
			
 
				+  -webkit-transition-timing-function: ease-out;
			
 
				+  -moz-transition-timing-function: ease-out;
			
 
				+  -ms-transition-timing-function: ease-out;
			
 
				+  -o-transition-timing-function: ease-out;
			
 
				+  transition-timing-function: ease-out;
			
 
				+}
			
 
				+.swiper-container-fade .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+  -webkit-transition-property: opacity;
			
 
				+  -moz-transition-property: opacity;
			
 
				+  -o-transition-property: opacity;
			
 
				+  transition-property: opacity;
			
 
				+}
			
 
				+.swiper-container-fade .swiper-slide .swiper-slide {
			
 
				+  pointer-events: none;
			
 
				+}
			
 
				+.swiper-container-fade .swiper-slide-active,
			
 
				+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
			
 
				+  pointer-events: auto;
			
 
				+}
			
 
				+.swiper-zoom-container {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  display: -webkit-box;
			
 
				+  display: -moz-box;
			
 
				+  display: -ms-flexbox;
			
 
				+  display: -webkit-flex;
			
 
				+  display: flex;
			
 
				+  -webkit-box-pack: center;
			
 
				+  -moz-box-pack: center;
			
 
				+  -ms-flex-pack: center;
			
 
				+  -webkit-justify-content: center;
			
 
				+  justify-content: center;
			
 
				+  -webkit-box-align: center;
			
 
				+  -moz-box-align: center;
			
 
				+  -ms-flex-align: center;
			
 
				+  -webkit-align-items: center;
			
 
				+  align-items: center;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.swiper-zoom-container > img,
			
 
				+.swiper-zoom-container > svg,
			
 
				+.swiper-zoom-container > canvas {
			
 
				+  max-width: 100%;
			
 
				+  max-height: 100%;
			
 
				+  object-fit: contain;
			
 
				+}
			
 
				+/* Scrollbar */
			
 
				+.swiper-scrollbar {
			
 
				+  border-radius: 10px;
			
 
				+  position: relative;
			
 
				+  -ms-touch-action: none;
			
 
				+  background: rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+.swiper-container-horizontal > .swiper-scrollbar {
			
 
				+  position: absolute;
			
 
				+  left: 1%;
			
 
				+  bottom: 3px;
			
 
				+  z-index: 50;
			
 
				+  height: 5px;
			
 
				+  width: 98%;
			
 
				+}
			
 
				+.swiper-container-vertical > .swiper-scrollbar {
			
 
				+  position: absolute;
			
 
				+  right: 3px;
			
 
				+  top: 1%;
			
 
				+  z-index: 50;
			
 
				+  width: 5px;
			
 
				+  height: 98%;
			
 
				+}
			
 
				+.swiper-scrollbar-drag {
			
 
				+  height: 100%;
			
 
				+  width: 100%;
			
 
				+  position: relative;
			
 
				+  background: rgba(0, 0, 0, 0.5);
			
 
				+  border-radius: 10px;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+}
			
 
				+.swiper-scrollbar-cursor-drag {
			
 
				+  cursor: move;
			
 
				+}
			
 
				+/* Preloader */
			
 
				+.swiper-lazy-preloader {
			
 
				+  width: 42px;
			
 
				+  height: 42px;
			
 
				+  position: absolute;
			
 
				+  left: 50%;
			
 
				+  top: 50%;
			
 
				+  margin-left: -21px;
			
 
				+  margin-top: -21px;
			
 
				+  z-index: 10;
			
 
				+  -webkit-transform-origin: 50%;
			
 
				+  -moz-transform-origin: 50%;
			
 
				+  transform-origin: 50%;
			
 
				+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
			
 
				+  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
			
 
				+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
			
 
				+}
			
 
				+.swiper-lazy-preloader:after {
			
 
				+  display: block;
			
 
				+  content: "";
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
			
 
				+  background-position: 50%;
			
 
				+  -webkit-background-size: 100%;
			
 
				+  background-size: 100%;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				+.swiper-lazy-preloader-white:after {
			
 
				+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
			
 
				+}
			
 
				+@-webkit-keyframes swiper-preloader-spin {
			
 
				+  100% {
			
 
				+    -webkit-transform: rotate(360deg);
			
 
				+  }
			
 
				+}
			
 
				+@keyframes swiper-preloader-spin {
			
 
				+  100% {
			
 
				+    transform: rotate(360deg);
			
 
				+  }
			
 
				+}
			
--- a/src/main/webapp/mobile/css/xiangqing.css
+++ b/src/main/webapp/mobile/css/xiangqing.css
@@ -0,0 +1,594 @@
 
				+*{
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
			
 
				+}
			
 
				+body{
			
 
				+    overflow:scroll;
			
 
				+    -webkit-overflow-scrolling:touch;
			
 
				+}
			
 
				+.page{
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    min-height: 603px;
			
 
				+}
			
 
				+.swiper-slide{
			
 
				+    /*overflow-y:scroll;*/
			
 
				+    /*min-height: 100%;*/
			
 
				+}
			
 
				+.swiper-container{
			
 
				+    width: 100%;
			
 
				+    /*height: 100%;*/
			
 
				+}
			
 
				+.top_item{
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    height: 150px;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-around;
			
 
				+    padding: 0 5%;
			
 
				+}
			
 
				+.top_item>img:first-child{
			
 
				+    width: 140px;
			
 
				+}
			
 
				+.top_item>img:last-child{
			
 
				+    width: 156px;
			
 
				+}
			
 
				+.content{
			
 
				+    margin-top: 10px;
			
 
				+    background-color: #FAFAFA;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.fenxiao{
			
 
				+    background-image: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
			
 
				+    overflow: hidden;
			
 
				+    padding-bottom: 38px;
			
 
				+}
			
 
				+.title_img{
			
 
				+    display: block;
			
 
				+    margin:25px auto 24px;
			
 
				+    width: 228px;
			
 
				+}
			
 
				+.center_img{
			
 
				+    display: block;
			
 
				+    margin: auto;
			
 
				+}
			
 
				+.shouji{
			
 
				+    position: relative;
			
 
				+    height: 351px;
			
 
				+    max-width: 331px;
			
 
				+    width: 90%;
			
 
				+    margin: 22px auto 0;
			
 
				+}
			
 
				+.shouji>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.shouji>img:first-child{
			
 
				+    width: 45%;
			
 
				+    top:65px;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.shouji>img:nth-child(2){
			
 
				+    width: 51.3%;
			
 
				+    left: 20%;
			
 
				+    top:34px;
			
 
				+}
			
 
				+.shouji>img:last-child{
			
 
				+    width: 55.7%;
			
 
				+    top:0;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.shouji_2{
			
 
				+    position: relative;
			
 
				+    height: 278px;
			
 
				+    width: 294px;
			
 
				+    margin:43px auto 0 ;
			
 
				+}
			
 
				+.shouji_2>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.shouji_2>img:first-child{
			
 
				+    width: 294px;
			
 
				+    left:0;
			
 
				+    bottom: 0;
			
 
				+}
			
 
				+.shouji_2>img:nth-child(2){
			
 
				+    width: 255.1px;
			
 
				+    left:19.4px;
			
 
				+    bottom:49.5px;
			
 
				+}
			
 
				+.shouji_2>img:nth-child(3){
			
 
				+    width: 255.1px;
			
 
				+    left:19.4px;
			
 
				+    bottom:85.9px;
			
 
				+}
			
 
				+.shouji_2>img:nth-child(4){
			
 
				+    width: 255.1px;
			
 
				+    left:19.4px;
			
 
				+    bottom:119.4px;
			
 
				+}
			
 
				+.jiazheng{
			
 
				+    background-color: #fff;
			
 
				+    margin-top: 10px;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+    padding-bottom: 180px;
			
 
				+}
			
 
				+.bg{
			
 
				+    width: 100%;
			
 
				+    height: 554px;
			
 
				+    background-image: url(../images/page1/wx_bg_01.jpg);
			
 
				+    background-position: center center;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-size: cover;
			
 
				+}
			
 
				+.gongfen_1{
			
 
				+    width: 304px;
			
 
				+    height: 330px;
			
 
				+    position: absolute;
			
 
				+    top:169px;
			
 
				+    left: 50%;
			
 
				+    margin-left: -152px;
			
 
				+}
			
 
				+.gongfen_1>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.gongfen_1>img:first-child{
			
 
				+    width: 117px;
			
 
				+    top:0;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.gongfen_1>img:nth-child(2){
			
 
				+    width: 148px;
			
 
				+    right: 31px;
			
 
				+    bottom: 7px;
			
 
				+}
			
 
				+
			
 
				+.gongfen_1>img:nth-child(3){
			
 
				+    width: 170px;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.gongfen_2{
			
 
				+    position: absolute;
			
 
				+    bottom: 18.8px;
			
 
				+    width: 316.6px;
			
 
				+    height: 279.2px;
			
 
				+    left: 50%;
			
 
				+    margin-left: -158.3px;
			
 
				+}
			
 
				+.gongfen_2>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.gongfen_2>img:first-child{
			
 
				+    width: 138.1px;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+}
			
 
				+.gongfen_2>img:nth-child(2){
			
 
				+    width: 133.8px;
			
 
				+    left: 85px;
			
 
				+    top: 0;
			
 
				+}
			
 
				+.gongfen_2>img:nth-child(3){
			
 
				+    width: 133.6px;
			
 
				+    right: 0;
			
 
				+    top: 29px;
			
 
				+}
			
 
				+.lvyou{
			
 
				+    background-color: #fff;
			
 
				+
			
 
				+}
			
 
				+.lvyou_img{
			
 
				+    max-width: 323px;
			
 
				+    height: 600px;
			
 
				+    margin: auto;
			
 
				+    width: 95%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+.lvyou_img>img{
			
 
				+    width:51.3%;
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.lvyou_img>img:nth-child(1){
			
 
				+    top:74px;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.lvyou_img>img:nth-child(2){
			
 
				+    top:17px;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.lvyou_img>img:nth-child(3){
			
 
				+    bottom:-28px;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.lvyou_img>img:nth-child(4){
			
 
				+    bottom:29px;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.bg_2 {
			
 
				+    width: 100%;
			
 
				+    height: 561px;
			
 
				+    background-size: cover;
			
 
				+    background-position: center center;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-image: url(../images/page1/wx_bg_02.jpg);
			
 
				+    overflow: hidden;
			
 
				+    z-index: 1;
			
 
				+
			
 
				+}
			
 
				+.lianxi{
			
 
				+    position: relative;
			
 
				+    z-index: 2;
			
 
				+    display: block;
			
 
				+    margin: -10px auto 0;
			
 
				+    padding-bottom: 29px;
			
 
				+}
			
 
				+.lianxi>img{
			
 
				+    width: 120px;
			
 
				+    display: block;
			
 
				+    margin: auto;
			
 
				+}
			
 
				+.content_2{
			
 
				+    background-image: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
			
 
				+    margin-top: 10px;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.xcx_shouji{
			
 
				+    width: 282.2px;
			
 
				+    height: 346px;
			
 
				+    margin: auto;
			
 
				+    position: relative;
			
 
				+}
			
 
				+.xcx_shouji>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.xcx_shouji>img:first-child{
			
 
				+    width: 168px;
			
 
				+    right: 0;
			
 
				+    bottom: 12px;
			
 
				+
			
 
				+}
			
 
				+.xcx_shouji>img:last-child{
			
 
				+    width: 190px;
			
 
				+    left: 0;
			
 
				+    top:0;
			
 
				+}
			
 
				+.xcx_icon{
			
 
				+    width: 100%;
			
 
				+    height: 204.6px;
			
 
				+    background-image: url(../images/page2/xcx_bg_01.png);
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center center;
			
 
				+    background-size: cover;
			
 
				+    margin-top: 32px;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.xcx_icon>img{
			
 
				+    max-width: 324px;
			
 
				+    width: 90%;
			
 
				+}
			
 
				+.xcx_shouji_2{
			
 
				+    max-width: 329px;
			
 
				+    height: 261.4px;
			
 
				+    width: 87%;
			
 
				+    margin:17.7px auto 0;
			
 
				+    position: relative;
			
 
				+}
			
 
				+.xcx_shouji_2>img{
			
 
				+    position: absolute;
			
 
				+    width:41%;
			
 
				+}
			
 
				+.xcx_shouji_2>img:first-child{
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.xcx_shouji_2>img:nth-child(2){
			
 
				+    bottom: 16.7px;
			
 
				+    left: 29%;
			
 
				+}
			
 
				+.xcx_shouji_2>img:nth-child(3){
			
 
				+    top:0;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.xcx_center{
			
 
				+    width: 100%;
			
 
				+    height: 365px;
			
 
				+    position: relative;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-image: url(../images/page2/xcx_bg_02.png);
			
 
				+    background-position: center top;
			
 
				+    background-size: contain;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.xcx_center>img{
			
 
				+    width: 92%;
			
 
				+    max-width: 346px;
			
 
				+    margin:72px auto 0 ;
			
 
				+    display: block;
			
 
				+}
			
 
				+.xcx_bottom{
			
 
				+    width: 100%;
			
 
				+    height: 242.3px;
			
 
				+    position: relative;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-image: url(../images/page2/xcx_bg_03.png);
			
 
				+    background-position: center top;
			
 
				+    background-size: contain;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.xcx_bottom_img{
			
 
				+    margin: 39.3px auto 0;
			
 
				+    width: 257px;
			
 
				+
			
 
				+}
			
 
				+.xcx_bottom_img>img{
			
 
				+    width: 125px;
			
 
				+}
			
 
				+.content_3{
			
 
				+    margin-top: 10px;
			
 
				+    background-image: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.app_shouji{
			
 
				+    height: 357.6px;
			
 
				+    width:92.4%;
			
 
				+    max-width: 346.5px;
			
 
				+    position: relative;
			
 
				+    margin:43px auto 0;
			
 
				+}
			
 
				+.app_shouji>img{
			
 
				+    position: absolute;
			
 
				+    width: 47%;
			
 
				+}
			
 
				+.app_shouji>img:nth-child(1){
			
 
				+    left: 0;
			
 
				+    top: 0;
			
 
				+}
			
 
				+.app_shouji>img:nth-child(2){
			
 
				+    left: 19.2%;
			
 
				+    bottom: 0;
			
 
				+}
			
 
				+.app_shouji>img:nth-child(3){
			
 
				+    right: 0;
			
 
				+    bottom:37.4px;
			
 
				+}
			
 
				+
			
 
				+.app_bottom{
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-image: url(../images/page3/app_bg_01.jpg);
			
 
				+    background-position: center top;
			
 
				+    background-size: contain;
			
 
				+    overflow: hidden;
			
 
				+    margin-top: 20px;
			
 
				+}
			
 
				+.app_bottom_img{
			
 
				+    max-width: 339px;
			
 
				+    width: 90.4%;
			
 
				+    height: 393px;
			
 
				+    position: relative;
			
 
				+    margin:auto;
			
 
				+}
			
 
				+.app_bottom_img>img{
			
 
				+    position: absolute;
			
 
				+    width: 177px;
			
 
				+}
			
 
				+.app_bottom_img>img:nth-child(1){
			
 
				+    left: 0;
			
 
				+    top:0
			
 
				+}
			
 
				+.app_bottom_img>img:nth-child(2){
			
 
				+    right: 0;
			
 
				+    bottom:0
			
 
				+}
			
 
				+.app_bottom_img2{
			
 
				+    max-width: 351px;
			
 
				+    width: 93.6%;
			
 
				+    height: 341px;
			
 
				+    position: relative;
			
 
				+    margin:70px auto 0;
			
 
				+}
			
 
				+.app_bottom_img2>img{
			
 
				+    position: absolute;
			
 
				+    width: 164px;
			
 
				+}
			
 
				+.app_bottom_img2>img:nth-child(1){
			
 
				+    left: 0;
			
 
				+    top:0
			
 
				+}
			
 
				+.app_bottom_img2>img:nth-child(2){
			
 
				+    left:25.6%;
			
 
				+    bottom:0
			
 
				+}
			
 
				+.app_bottom_img2>img:nth-child(3){
			
 
				+    right: 0;
			
 
				+    bottom:26px;
			
 
				+}
			
 
				+.qy_img_1{
			
 
				+    max-width: 328px;
			
 
				+    width: 87.4%;
			
 
				+    margin: auto;
			
 
				+    position: relative;
			
 
				+    height: 225px;
			
 
				+    margin-top: 40px;
			
 
				+}
			
 
				+.qy_img_1>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.qy_img_1>img:nth-child(2){
			
 
				+    width:74.3%;
			
 
				+    left: 0;
			
 
				+    top: 6px;
			
 
				+}
			
 
				+.qy_img_1>img:nth-child(1){
			
 
				+    width:58.2%;
			
 
				+    right: 0;
			
 
				+    top: 0;
			
 
				+}
			
 
				+.qy_img_2{
			
 
				+    max-width: 355px;
			
 
				+    width: 94.6%;
			
 
				+    height: 430px;
			
 
				+    position: relative;
			
 
				+    margin: 64px auto 0;
			
 
				+}
			
 
				+.qy_img_2>img{
			
 
				+    position: absolute;
			
 
				+    width: 42.2%;
			
 
				+}
			
 
				+.qy_img_2>img:nth-child(1){
			
 
				+    left: 0;
			
 
				+    top:0;
			
 
				+}
			
 
				+.qy_img_2>img:nth-child(2){
			
 
				+    left: 29%;
			
 
				+    bottom:0;
			
 
				+}
			
 
				+.qy_img_2>img:nth-child(3){
			
 
				+    right: 0;
			
 
				+    top:21px;
			
 
				+}
			
 
				+.qy_img_2>img:nth-child(4){
			
 
				+    right: 0;
			
 
				+    bottom:40px;
			
 
				+}
			
 
				+.crm_1{
			
 
				+    max-width: 302px;
			
 
				+    width: 80.5%;
			
 
				+    height: 253px;
			
 
				+    position: relative;
			
 
				+    margin: 31px auto 0;
			
 
				+}
			
 
				+.crm_1>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.crm_1>img:nth-child(1){
			
 
				+    width:79.5%;
			
 
				+    left: 0;
			
 
				+    top: 0;
			
 
				+}
			
 
				+.crm_1>img:nth-child(2){
			
 
				+    width:34.1%;
			
 
				+    right: 0;
			
 
				+    bottom:15px;
			
 
				+}
			
 
				+.crm_2{
			
 
				+    max-width: 336px;
			
 
				+    width:89.6%;
			
 
				+    margin:25px auto 0;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.crm_2>img:nth-child(1){
			
 
				+    width:81.2%;
			
 
				+    align-self:flex-end;
			
 
				+}
			
 
				+.crm_2>img:nth-child(2){
			
 
				+    width:50.8%;
			
 
				+    align-self:flex-start;
			
 
				+}
			
 
				+.crm_3{
			
 
				+    max-width: 344px;
			
 
				+    width:91.7%;
			
 
				+    margin:35px auto 0;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.crm_3>img:nth-child(1){
			
 
				+    width:78.7%;
			
 
				+    align-self:flex-start;
			
 
				+}
			
 
				+.crm_3>img:nth-child(2){
			
 
				+    width:53.48%;
			
 
				+    align-self:flex-end;
			
 
				+    margin-top: 5px;
			
 
				+}
			
 
				+.crm_4{
			
 
				+    max-width: 304px;
			
 
				+    width:81.6%;
			
 
				+    margin:42px auto 0;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.crm_4>img:nth-child(1){
			
 
				+    width:82.8%;
			
 
				+    align-self:flex-end;
			
 
				+}
			
 
				+.crm_4>img:nth-child(2){
			
 
				+    width:47.3%;
			
 
				+    align-self:flex-start;
			
 
				+    margin-top:17px;
			
 
				+}
			
 
				+.crm_5{
			
 
				+    max-width: 332px;
			
 
				+    width: 85.8%;
			
 
				+    height: 253px;
			
 
				+    position: relative;
			
 
				+    margin: 31px auto 0;
			
 
				+}
			
 
				+.crm_5>img{
			
 
				+    position: absolute;
			
 
				+}
			
 
				+.crm_5>img:nth-child(1){
			
 
				+    width:67.4%;
			
 
				+    left: 0;
			
 
				+    top: 0;
			
 
				+}
			
 
				+.crm_5>img:nth-child(2){
			
 
				+    width:32.5%;
			
 
				+    right: 0;
			
 
				+    top:23px;
			
 
				+}
			
 
				+.oa_1{
			
 
				+    max-width: 350px;
			
 
				+    width: 95%;
			
 
				+    margin: auto;
			
 
				+    display: flex;
			
 
				+    display: -webkit-flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.oa_1>img{
			
 
				+    width: 262px;
			
 
				+
			
 
				+}
			
 
				+.oa_1>img:not(:first-child){
			
 
				+    margin-top: -54px;
			
 
				+}
			
 
				+.oa_1>img:nth-child(2n){
			
 
				+    align-self:flex-end;
			
 
				+}
			
 
				+.oa_1>img:nth-child(2n+1){
			
 
				+    align-self:flex-start;
			
 
				+}
			
 
				+
			
 
				+.left{
			
 
				+    width: 18px;
			
 
				+    height: 30px;
			
 
				+    position:fixed;
			
 
				+    top:50%;
			
 
				+    margin-top:-15px;
			
 
				+    right:10px;
			
 
				+    z-index: 999;
			
 
				+}
			
 
				+.right{
			
 
				+    width: 18px;
			
 
				+    height: 30px;
			
 
				+    position:fixed;
			
 
				+    top:50%;
			
 
				+    margin-top:-15px;
			
 
				+    left:10px;
			
 
				+    z-index: 999;
			
 
				+
			
 
				+}
			
--- a/src/main/webapp/mobile/html/contact.html
+++ b/src/main/webapp/mobile/html/contact.html
@@ -0,0 +1,109 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
			
 
				+    <title>联系我们</title>
			
 
				+    <link rel="stylesheet" href="../css/contact.css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <div class="page" id="page">
			
 
				+        <div class="top">
			
 
				+            <input type="text" id="name" class="input" style="margin-top: 10%" placeholder="请输入您的姓名">
			
 
				+            <input type="text" id="tel" class="input" placeholder="请输入您的联系方式">
			
 
				+            <textarea placeholder="请简单表达您的需求" id="message" class="area"></textarea>
			
 
				+            <p>我们会在24小时内给您进行回电，感谢您的支持</p>
			
 
				+        </div>
			
 
				+
			
 
				+        <button class="btn" onclick="next()">提交</button>
			
 
				+
			
 
				+    </div>
			
 
				+</body>
			
 
				+<script src="../js/jquery.min.js"></script>
			
 
				+<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
			
 
				+<script>
			
 
				+    $.ajax({
			
 
				+        url: '../map/wx',
			
 
				+        type: 'get',
			
 
				+        data: {
			
 
				+            shareUrl: location.href
			
 
				+        },
			
 
				+        success: function(data) {
			
 
				+            wx.config({
			
 
				+                debug: false,
			
 
				+                appId: data.appId,
			
 
				+                timestamp: data.timestamp,
			
 
				+                nonceStr: data.nonceStr,
			
 
				+                signature: data.signature,
			
 
				+                jsApiList: [
			
 
				+                    'checkJsApi',
			
 
				+                    'onMenuShareTimeline',
			
 
				+                    'onMenuShareAppMessage',
			
 
				+                    'onMenuShareQQ',
			
 
				+                    'onMenuShareWeibo',
			
 
				+                    'onMenuShareQZone'
			
 
				+                ]
			
 
				+            });
			
 
				+            var title = '走马信息技术有限公司',
			
 
				+                desc = 'APP开发、微信开发、小程序定制、OA/ERP/CRM定制、网站智能化应用开发',
			
 
				+                link = 'http://webapp.weiqiuwang.com/html/index.html',
			
 
				+                imgUrl = 'http://webapp.weiqiuwang.com/images/zouma/logo.jpg';
			
 
				+            wx.ready(function() {
			
 
				+                wx.onMenuShareAppMessage({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareTimeline({
			
 
				+                    title: title,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareQQ({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareWeibo({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+            });
			
 
				+        }
			
 
				+    });
			
 
				+</script>
			
 
				+
			
 
				+<script>
			
 
				+    function next() {
			
 
				+        if ($("#name").val() == "" && $("#tel").val() == "") {
			
 
				+            alert("请填写信息")
			
 
				+        } else if (!/^1[3-9]\d{9}/.test($("#tel").val())) {
			
 
				+            alert("请输入正确的手机号")
			
 
				+        } else {
			
 
				+            $.ajax({
			
 
				+                type: "post",
			
 
				+                url: "http://121.40.132.44:8080/feedback/save",
			
 
				+                data: {
			
 
				+                    userName: $("#name").val(),
			
 
				+                    telephone: $("#tel").val(),
			
 
				+                    remark: $("#message").val(),
			
 
				+                },
			
 
				+                success: function(tdata) {
			
 
				+                    if (tdata.success) {
			
 
				+                        alert('提交成功')
			
 
				+                        window.location.href = "h5_index.html"
			
 
				+                    }
			
 
				+                }
			
 
				+            })
			
 
				+        }
			
 
				+
			
 
				+    }
			
 
				+</script>
			
 
				+
			
 
				+</html>
			
--- a/src/main/webapp/mobile/html/h5_index.html
+++ b/src/main/webapp/mobile/html/h5_index.html
@@ -0,0 +1,134 @@
 
				+<!doctype html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
			
 
				+    <meta name="author" content="南京走马信息技术有限公司">
			
 
				+    <meta http-equiv="keywords" content="南京走马信息技术有限公司,app,app开发,软件外包,微球,旅游,微信公众号,微信公众号开发,微信开发,网站开发,智能化应用开发">
			
 
				+    <meta http-equiv="description"
			
 
				+          content="走马信息技术有限公司成立于2015年，专业从事互联网产品研发建设，我们坚持量身定制，同时也更加注重性价比，想把实惠带给千万用户。选择我们，不仅是对我们的信任，也是对您自身眼光的肯定。清晰的定位，独具匠心的创意与策划、新颖别致的产品视觉、人性化交互、有力的技术支持、完善的售后服务体质，使我们获得了100%的客户好评，我们目的是要以最优的质量，最快的速度来完成产品研发任务，为企业或创业者争取最优化的时间。">
			
 
				+    <title>走马信息技术有限公司</title>
			
 
				+    <link rel="shortcut icon" href="../images/logo2828.png"/>
			
 
				+    <title>企业服务</title>
			
 
				+    <link rel="stylesheet" href="../css/index.css">
			
 
				+    <link rel="stylesheet" href="../css/animate.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+<div class="page" id="page">
			
 
				+    <img src="../images/img_zuoshang.png" class="left-top-img">
			
 
				+    <img src="../images/img_youxiaxia.png" class="right-bottom-img-2 animated ">
			
 
				+    <div class="title-img ">
			
 
				+        <img src="../images/text_biaoti.png" class="animated bounceInDown " alt="">
			
 
				+    </div>
			
 
				+
			
 
				+    <img src="../images/img_zuoxia.png" class="left-bottom-img animated ">
			
 
				+
			
 
				+    <img src="../images/img_youxia.png" class="right-bottom-img animated ">
			
 
				+
			
 
				+    <img src="../images/icon_zuohua.png" class="next" onclick="gonext()">
			
 
				+</div>
			
 
				+
			
 
				+<!-- 微信分享 -->
			
 
				+
			
 
				+<!-- 微信分享 -->
			
 
				+
			
 
				+</body>
			
 
				+<script src="../js/jquery.min.js"></script>
			
 
				+<script src="../js/hammer.js"></script>
			
 
				+<script src="../js/jqfloat.min.js"></script>
			
 
				+<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
			
 
				+<script>
			
 
				+    $.ajax({
			
 
				+        url: '../map/wx',
			
 
				+        type: 'get',
			
 
				+        data: {
			
 
				+            shareUrl: location.href
			
 
				+        },
			
 
				+        success: function (data) {
			
 
				+            wx.config({
			
 
				+                debug: false,
			
 
				+                appId: data.appId,
			
 
				+                timestamp: data.timestamp,
			
 
				+                nonceStr: data.nonceStr,
			
 
				+                signature: data.signature,
			
 
				+                jsApiList: [
			
 
				+                    'checkJsApi',
			
 
				+                    'onMenuShareTimeline',
			
 
				+                    'onMenuShareAppMessage',
			
 
				+                    'onMenuShareQQ',
			
 
				+                    'onMenuShareWeibo',
			
 
				+                    'onMenuShareQZone'
			
 
				+                ]
			
 
				+            });
			
 
				+            var title = '走马信息技术有限公司',
			
 
				+                desc = 'APP开发、微信开发、小程序定制、OA/ERP/CRM定制、网站智能化应用开发',
			
 
				+                link = 'http://webapp.weiqiuwang.com/html/index.html',
			
 
				+                imgUrl = 'http://webapp.weiqiuwang.com/images/zouma/logo.jpg';
			
 
				+            wx.ready(function () {
			
 
				+                wx.onMenuShareAppMessage({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareTimeline({
			
 
				+                    title: title,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareQQ({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareWeibo({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+            });
			
 
				+        }
			
 
				+    });
			
 
				+</script>
			
 
				+<script>
			
 
				+    setTimeout(function () {
			
 
				+        $(".right-bottom-img-2").show();
			
 
				+        $(".right-bottom-img-2").addClass("fadeInRight")
			
 
				+    }, 200);
			
 
				+    setTimeout(function () {
			
 
				+        $(".right-bottom-img").show();
			
 
				+        $(".right-bottom-img").addClass("fadeInRight")
			
 
				+    }, 400);
			
 
				+    setTimeout(function () {
			
 
				+        $(".left-bottom-img").show();
			
 
				+        $(".left-bottom-img").addClass("fadeInLeft")
			
 
				+    }, 600);
			
 
				+
			
 
				+    setTimeout(function () {
			
 
				+        $(".left-top-img").fadeIn(1000);
			
 
				+        $(".next").show();
			
 
				+        $(".next").addClass("animated bounceInRight").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
			
 
				+            $(".next").removeClass("animated bounceInRight");
			
 
				+            $(".next").addClass("bershake")
			
 
				+
			
 
				+        });
			
 
				+
			
 
				+
			
 
				+    }, 1000);
			
 
				+
			
 
				+
			
 
				+    function gonext() {
			
 
				+        window.location.href = "second.html"
			
 
				+    }
			
 
				+    var page = new Hammer(document.getElementById('page'));
			
 
				+    page.on("swipeleft", function (e) {
			
 
				+        window.location.href = "second.html"
			
 
				+    });
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+</html>
			
--- a/src/main/webapp/mobile/html/second.html
+++ b/src/main/webapp/mobile/html/second.html
@@ -0,0 +1,125 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
			
 
				+    <title>企业服务</title>
			
 
				+
			
 
				+    <link rel="stylesheet" href="../css/animate.css">
			
 
				+    <link rel="stylesheet" href="../css/second.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="page" id="page">
			
 
				+        <a href="xiangqing.html?slide=0"  class="item" id="slid1"   style="background-image:linear-gradient(270deg, #1BD5D2 0%, #00D7AC 100%);">
			
 
				+            <img src="../images/h5/text_weixin.png"  class="animated bounceInLeft"  alt="">
			
 
				+            <img src="../images/img_weixin.png" class="animated bounceInRight" alt="">
			
 
				+        </a>
			
 
				+        <a href="xiangqing.html?slide=1" class="item" id="slid2" style="background-image:linear-gradient(270deg, #FC4289 0%, #F6485B 98%);">
			
 
				+            <img src="../images/h5/text_xiaochengxu.png" class="animated bounceInLeft" alt="">
			
 
				+            <img src="../images/img_xiaochengxu.png" class="animated bounceInRight" alt="">
			
 
				+        </a>
			
 
				+        <a href="xiangqing.html?slide=2" class="item" id="slid3" style="background-image:linear-gradient(270deg, #FBDA61 0%, #FF9355 100%);">
			
 
				+            <img src="../images/h5/text_app.png" class="animated bounceInLeft" alt="">
			
 
				+            <img src="../images/img_app.png" class="animated bounceInRight"  alt="">
			
 
				+        </a>
			
 
				+        <a href="xiangqing.html?slide=3" class="item" id="slid4" style="background-image:linear-gradient(270deg, #3FCBE6 2%, #3081AC 97%);">
			
 
				+            <img src="../images/h5/text_qiye.png" class="animated bounceInLeft"  alt="">
			
 
				+            <img src="../images/img_qiye.png" class="animated bounceInRight" alt="">
			
 
				+        </a>
			
 
				+    </div>
			
 
				+</body>
			
 
				+<script src="../js/jquery.min.js"></script>
			
 
				+<script src="../js/hammer.js"></script>
			
 
				+<script src="../js/aos.js"></script>
			
 
				+<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
			
 
				+<script>
			
 
				+    $.ajax({
			
 
				+        url: '../map/wx',
			
 
				+        type: 'get',
			
 
				+        data: {
			
 
				+            shareUrl: location.href
			
 
				+        },
			
 
				+        success: function (data) {
			
 
				+            wx.config({
			
 
				+                debug: false,
			
 
				+                appId: data.appId,
			
 
				+                timestamp: data.timestamp,
			
 
				+                nonceStr: data.nonceStr,
			
 
				+                signature: data.signature,
			
 
				+                jsApiList: [
			
 
				+                    'checkJsApi',
			
 
				+                    'onMenuShareTimeline',
			
 
				+                    'onMenuShareAppMessage',
			
 
				+                    'onMenuShareQQ',
			
 
				+                    'onMenuShareWeibo',
			
 
				+                    'onMenuShareQZone'
			
 
				+                ]
			
 
				+            });
			
 
				+            var title = '走马信息技术有限公司',
			
 
				+                desc = 'APP开发、微信开发、小程序定制、OA/ERP/CRM定制、网站智能化应用开发',
			
 
				+                link = 'http://webapp.weiqiuwang.com/html/index.html',
			
 
				+                imgUrl = 'http://webapp.weiqiuwang.com/images/zouma/logo.jpg';
			
 
				+            wx.ready(function () {
			
 
				+                wx.onMenuShareAppMessage({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareTimeline({
			
 
				+                    title: title,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareQQ({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareWeibo({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+            });
			
 
				+        }
			
 
				+    });
			
 
				+</script>
			
 
				+
			
 
				+<script>
			
 
				+
			
 
				+    var slid1 = new Hammer(document.getElementById('slid1'));
			
 
				+    var slid2 = new Hammer(document.getElementById('slid2'));
			
 
				+    var slid3 = new Hammer(document.getElementById('slid3'));
			
 
				+    var slid4 = new Hammer(document.getElementById('slid4'));
			
 
				+    var height=$(".page").height()
			
 
				+
			
 
				+    AOS.init();
			
 
				+
			
 
				+    slid1.on("swipeleft", function (e) {
			
 
				+        window.location.href="xiangqing.html?slide=0"
			
 
				+        console.log(e);
			
 
				+    });
			
 
				+    slid2.on("swipeleft", function (e) {
			
 
				+        window.location.href="xiangqing.html?slide=1"
			
 
				+        console.log(e);
			
 
				+    });
			
 
				+    slid3.on("swipeleft", function (e) {
			
 
				+        window.location.href="xiangqing.html?slide=2"
			
 
				+        console.log(e);
			
 
				+    });
			
 
				+    slid4.on("swipeleft", function (e) {
			
 
				+        window.location.href="xiangqing.html?slide=3"
			
 
				+        console.log(e);
			
 
				+    });
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+//
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+</html>
			
--- a/src/main/webapp/mobile/html/xiangqing.html
+++ b/src/main/webapp/mobile/html/xiangqing.html
@@ -0,0 +1,438 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
			
 
				+    <title>企业服务</title>
			
 
				+
			
 
				+    <link rel="stylesheet" href="../css/swiper.css">
			
 
				+    <link rel="stylesheet" href="../css/aos.css">
			
 
				+    <link rel="stylesheet" href="../css/xiangqing.css">
			
 
				+    <link rel="stylesheet" href="../css/animate.css">
			
 
				+</head>
			
 
				+<body style="display: none">
			
 
				+<div class="page" id="page">
			
 
				+    <div class="swiper-container">
			
 
				+        <div class="swiper-wrapper">
			
 
				+            <div class="swiper-slide" data-hash="slide1">
			
 
				+                <div class="top_item" style="background-image:linear-gradient(270deg, #1BD5D2 0%, #00D7AC 100%);">
			
 
				+                    <img src="../images/h5/text_weixin.png" alt="">
			
 
				+                    <img src="../images/img_weixin.png" alt="">
			
 
				+                </div>
			
 
				+                <div class="content">
			
 
				+                    <div class="fenxiao">
			
 
				+                        <img src="../images/page1/wx_icon_fenxiao.png" alt="" class="title_img" aos="flip-up"
			
 
				+                             aos-easing="ease" aos-delay="200">
			
 
				+                        <img src="../images/page1/wx_text_01.png" class="center_img" style="width:169px;" alt=""
			
 
				+                             aos="fade-in" aos-easing="ease" aos-delay="500">
			
 
				+
			
 
				+                        <div class="shouji">
			
 
				+                            <img src="../images/page1/img_01_01.png" alt="" aos="fade-right" aos-delay="1000">
			
 
				+                            <img src="../images/page1/img_01_02.png" alt="" aos="fade-right" aos-delay="1000"
			
 
				+                                 aos-duration="600">
			
 
				+                            <img src="../images/page1/img_01_03.png" alt="" aos="fade-right" aos-delay="1000"
			
 
				+                                 aos-duration="800">
			
 
				+                        </div>
			
 
				+
			
 
				+                        <img src="../images/page1/wx_text_02.png" class="center_img"
			
 
				+                             style="width:122px;margin-top: 46px;" alt="" aos="fade-in">
			
 
				+
			
 
				+
			
 
				+                        <div class="shouji_2">
			
 
				+                            <img src="../images/page1/wx_img_02_04.png" aos="fade-in" aos-delay="100" alt="">
			
 
				+                            <img src="../images/page1/wx_img_02_03.png" aos="fade-up" aos-delay="300" alt="">
			
 
				+                            <img src="../images/page1/wx_img_02_02.png" aos="fade-up" aos-delay="500" alt="">
			
 
				+                            <img src="../images/page1/wx_img_02_01.png" aos="fade-up" aos-delay="700" alt="">
			
 
				+                        </div>
			
 
				+
			
 
				+                    </div>
			
 
				+                    <div class="jiazheng">
			
 
				+                        <img src="../images/page1/wx_icon_jiazheng.png" alt="" class="title_img" aos="flip-up"
			
 
				+                             aos-easing="ease">
			
 
				+
			
 
				+
			
 
				+                        <div class="bg" aos="fade-in" aos-duration="4000">
			
 
				+
			
 
				+                        </div>
			
 
				+
			
 
				+                        <div class="gongfen_1">
			
 
				+                            <img src="../images/page1/wx_text_gongfeng.png" aos="fade-left" aos-delay="200" alt="">
			
 
				+                            <img src="../images/page1/wx_img_03_02.png" aos="fade-left" aos-duration="600"
			
 
				+                                 aos-anchor-placement="top-center" aos-offset="-200" alt="">
			
 
				+                            <img src="../images/page1/wx_img_03_01.png" aos="fade-left" aos-duration="800"
			
 
				+                                 aos-anchor-placement="top-center" aos-offset="-200" alt="">
			
 
				+                        </div>
			
 
				+
			
 
				+                        <div class="gongfen_2">
			
 
				+                            <img src="../images/page1/wx_img_04_01.png" aos-delay="200" aos="fade-down-right" alt="">
			
 
				+                            <img src="../images/page1/wx_img_04_02.png" aos-delay="200" aos="fade-down" alt="">
			
 
				+                            <img src="../images/page1/wx_img_04_03.png" aos-delay="200" aos="fade-down-left" alt="">
			
 
				+                        </div>
			
 
				+
			
 
				+                    </div>
			
 
				+                    <img src="../images/page1/wx_icon_lvyou.png" alt="" class="title_img" aos="flip-up"
			
 
				+                         aos-easing="ease">
			
 
				+
			
 
				+                    <div class="lvyou">
			
 
				+                        <div class="lvyou_img">
			
 
				+                            <img src="../images/page1/wx_img_05_01.png" aos="fade-down-right" alt="">
			
 
				+                            <img src="../images/page1/wx_img_05_02.png" aos="fade-down-left" alt="">
			
 
				+                            <img src="../images/page1/wx_img_05_03.png" aos="fade-up-right" alt="">
			
 
				+                            <img src="../images/page1/wx_img_05_04.png" aos="fade-up-left" alt="">
			
 
				+                        </div>
			
 
				+
			
 
				+                    </div>
			
 
				+
			
 
				+                    <div class="bg_2">
			
 
				+                        <img src="../images/page1/wx_icon_huodong.png" style="margin-top: 66px;" alt=""
			
 
				+                             class="title_img" aos="flip-up" aos-easing="ease">
			
 
				+                        <img src="../images/page1/wx_img_06.png" class="center_img" style="max-width:345px; width: 95%"
			
 
				+                             alt="" aos="zoom-out" aos-duration="800">
			
 
				+
			
 
				+                    </div>
			
 
				+
			
 
				+                </div>
			
 
				+                <div onclick="gonext()" class="lianxi">
			
 
				+                    <img src="../images/page1/wx_btn_lianxi.png" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+
			
 
				+            </div>
			
 
				+            <div class="swiper-slide" data-hash="slide2">
			
 
				+                <div class="top_item" style="background-image:linear-gradient(270deg, #FC4289 0%, #F6485B 98%);">
			
 
				+                    <img src="../images/h5/text_xiaochengxu.png" alt="">
			
 
				+                    <img src="../images/img_xiaochengxu.png" alt="">
			
 
				+                </div>
			
 
				+                <div class="content_2">
			
 
				+                    <img src="../images/page2/xcx_icon_01.png" alt="" class="title_img" aos="flip-up" aos-easing="ease">
			
 
				+                    <div class="xcx_shouji">
			
 
				+                        <img src="../images/page2/xcx_img_01_02.png" alt="">
			
 
				+                        <img src="../images/page2/xcx_img_01_01.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="xcx_icon">
			
 
				+                        <img src="../images/page2/xcx_img_02.png" aos="fade-up-right" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <img src="../images/page2/xcx_text_page.png" class="center_img" style="width: 92px;margin-top: 13.4px;"
			
 
				+                     aos="flip-up">
			
 
				+
			
 
				+                <div class="xcx_shouji_2">
			
 
				+                    <img src="../images/page2/xcx_img_03_01.png" aos="flip-left" alt="">
			
 
				+                    <img src="../images/page2/xcx_img_03_02.png" aos="flip-left" alt="">
			
 
				+                    <img src="../images/page2/xcx_img_03_03.png" aos="flip-left" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="xcx_center">
			
 
				+                    <img src="../images/page2/xcx_img_04.png" aos="zoom-in-up" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+                <img src="../images/page2/xcx_img_05.png" alt="" aos="fade-up" class="center_img"
			
 
				+                     style="width: 100%;margin-top: 67px;">
			
 
				+
			
 
				+                <div class="xcx_bottom">
			
 
				+                    <div class="xcx_bottom_img">
			
 
				+                        <img src="../images/page2/xcx_img_06_01.png" aos="fade-right" alt="">
			
 
				+                        <img src="../images/page2/xcx_img_06_02.png" aos="fade-left" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+
			
 
				+                <div onclick="gonext()" class="lianxi" style="margin-top: 50px;">
			
 
				+                    <img src="../images/page2/xcx_btn_lianxi.png" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+            <div class="swiper-slide" data-hash="slide3">
			
 
				+                <div class="top_item" style="background-image:linear-gradient(270deg, #FBDA61 0%, #FF9355 100%);">
			
 
				+                    <img src="../images/h5/text_app.png" alt="">
			
 
				+                    <img src="../images/img_app.png" alt="">
			
 
				+                </div>
			
 
				+                <div class="content_3">
			
 
				+                    <img src="../images/page3/aap_icon_01.png" alt="" class="title_img" aos="flip-up" aos-easing="ease"
			
 
				+                         aos-delay="200">
			
 
				+                </div>
			
 
				+                <img src="../images/page3/aap_img_01.png" class="center_img" style="width: 92%;margin: auto"
			
 
				+                     aos="zoom-in" aos-delay="300" alt="">
			
 
				+
			
 
				+                <div class="app_shouji">
			
 
				+                    <img src="../images/page3/aap_img_02_01.png" aos="fade-left" alt="">
			
 
				+                    <img src="../images/page3/aap_img_02_02.png" aos="fade-left" aos-delay="200" alt="">
			
 
				+                    <img src="../images/page3/aap_img_02_03.png" aos="fade-left" aos-delay="400" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+                <img src="../images/page3/aap_icon_02.png" alt="" class="title_img" aos="flip-up" aos-easing="ease"
			
 
				+                     style="margin-top: 63.4px;">
			
 
				+
			
 
				+                <div class="app_bottom">
			
 
				+                    <div class="app_bottom_img">
			
 
				+                        <img src="../images/page3/app_img_03_01.png" aos="zoom-in-right" alt="">
			
 
				+                        <img src="../images/page3/app_img_03_02.png" aos="zoom-in-left" alt="">
			
 
				+                    </div>
			
 
				+
			
 
				+                    <div class="app_bottom_img2">
			
 
				+                        <img src="../images/page3/app_img_04_01.png" aos="fade-down" alt="">
			
 
				+                        <img src="../images/page3/app_img-04_02.png" aos="fade-down" aos-delay="200" alt="">
			
 
				+                        <img src="../images/page3/app_img_04_03.png" aos="fade-down" aos-delay="400" alt="">
			
 
				+
			
 
				+                    </div>
			
 
				+                    <div onclick="gonext()" class="lianxi" style="margin-top: 40px;">
			
 
				+                        <img src="../images/page3/app_btn_lianxi.png" alt="">
			
 
				+                    </div>
			
 
				+
			
 
				+
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+            <div class="swiper-slide" data-hash="slide4">
			
 
				+                <div class="top_item" style="background-image:linear-gradient(270deg, #3FCBE6 2%, #3081AC 97%);">
			
 
				+                    <img src="../images/h5/text_qiye.png" alt="">
			
 
				+                    <img src="../images/img_qiye.png" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="content_3">
			
 
				+                    <img src="../images/page4/qy_icon_01.png" alt="" class="title_img" aos="flip-up" aos-easing="ease"
			
 
				+                         aos-delay="200">
			
 
				+                </div>
			
 
				+
			
 
				+                <img src="../images/page4/qy_img_01.png" aos="flip-right" aos-delay="200" alt="" class="center_img"
			
 
				+                     style="width:90.6%">
			
 
				+
			
 
				+                <div class="qy_img_1">
			
 
				+
			
 
				+                    <img src="../images/page4/qy_img_02_02.png" aos="zoom-in-left" aos-delay="600" alt="">
			
 
				+                    <img src="../images/page4/qy_img_02_01.png" aos="zoom-in-right" aos-delay="400" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="qy_img_2">
			
 
				+                    <img src="../images/page4/qy_img_03_01.png" aos="fade-up" alt="">
			
 
				+                    <img src="../images/page4/qy_img_03_02.png" aos="fade-up" alt="">
			
 
				+                    <img src="../images/page4/qy_img_03_03.png" aos="fade-up" alt="">
			
 
				+                    <img src="../images/page4/qy_img_03_04.png" aos="fade-up" alt="">
			
 
				+
			
 
				+                </div>
			
 
				+                <img src="../images/page4/qy_icon_02.png" alt="" class="title_img" aos="flip-up" aos-easing="ease"
			
 
				+                     aos-delay="200" style="margin: 47px auto 56px;">
			
 
				+
			
 
				+                <div class="crm_1">
			
 
				+                    <img src="../images/page4/qy_img_04.png" aos="zoom-in-right" alt="">
			
 
				+                    <img src="../images/page4/qy_text_04.png" aos="zoom-in-up" alt="">
			
 
				+                </div>
			
 
				+                <div class="crm_2">
			
 
				+                    <img src="../images/page4/qy_img_05.png" aos="zoom-in-left" alt="">
			
 
				+                    <img src="../images/page4/qy_text_05.png" aos="zoom-in-up" alt="">
			
 
				+
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="crm_3">
			
 
				+                    <img src="../images/page4/qy_img_06.png" aos="zoom-in-right" alt="">
			
 
				+                    <img src="../images/page4/qy_text_06.png" aos="zoom-in-up" alt="">
			
 
				+
			
 
				+                </div>
			
 
				+                <div class="crm_4">
			
 
				+                    <img src="../images/page4/qy_img_07.png" aos="zoom-in-left" alt="">
			
 
				+                    <img src="../images/page4/qy_text_07.png" aos="zoom-in-up" alt="">
			
 
				+
			
 
				+                </div>
			
 
				+
			
 
				+                <div class="crm_5">
			
 
				+                    <img src="../images/page4/qy_img_08.png" aos="zoom-in-right" alt="">
			
 
				+                    <img src="../images/page4/qy_text_08.png" aos="zoom-in-up" alt="">
			
 
				+                </div>
			
 
				+                <img src="../images/page4/qy_text_09.png" class="center_img" aos="zoom-in-up"
			
 
				+                     style="width: 164px;margin-top: 17px;" alt="">
			
 
				+                <img src="../images/page4/qy_img_09.png" class="center_img" aos="fade-up"
			
 
				+                     style="width: 272px;margin-top: 17px;" alt="">
			
 
				+
			
 
				+
			
 
				+                <img src="../images/page4/qy_icon_03.png" alt="" class="title_img" aos="flip-up" aos-easing="ease"
			
 
				+                     aos-delay="200" style="margin: 71px auto 42px;">
			
 
				+
			
 
				+
			
 
				+                <div class="oa_1">
			
 
				+                    <img src="../images/page4/qy_img_10_01.png" aos="fade-right" alt="">
			
 
				+                    <img src="../images/page4/qy_img_10_02.png" aos="fade-left" alt="">
			
 
				+                    <img src="../images/page4/qy_img_10_03.png" aos="fade-right" alt="">
			
 
				+                    <img src="../images/page4/qy_img_10_04.png" aos="fade-left" alt="">
			
 
				+
			
 
				+                </div>
			
 
				+
			
 
				+                <div onclick="gonext()" class="lianxi" style="margin-top: 40px;">
			
 
				+                    <img src="../images/page4/qy_btn_lianxi.png" alt="">
			
 
				+                </div>
			
 
				+
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <img src="../images/h5/icon_youhua.png" class="left animated bounceInRight">
			
 
				+        <img src="../images/h5/icon_zuohua.png" class="right animated bounceInLeft">
			
 
				+    </div>
			
 
				+</div>
			
 
				+</body>
			
 
				+<script src="../js/jquery-2.1.1.min.js"></script>
			
 
				+<script src="../js/aos.js"></script>
			
 
				+<script src="../js/swiper.js"></script>
			
 
				+<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
			
 
				+<script>
			
 
				+    $.ajax({
			
 
				+        url: '../map/wx',
			
 
				+        type: 'get',
			
 
				+        data: {
			
 
				+            shareUrl: location.href
			
 
				+        },
			
 
				+        success: function (data) {
			
 
				+            wx.config({
			
 
				+                debug: false,
			
 
				+                appId: data.appId,
			
 
				+                timestamp: data.timestamp,
			
 
				+                nonceStr: data.nonceStr,
			
 
				+                signature: data.signature,
			
 
				+                jsApiList: [
			
 
				+                    'checkJsApi',
			
 
				+                    'onMenuShareTimeline',
			
 
				+                    'onMenuShareAppMessage',
			
 
				+                    'onMenuShareQQ',
			
 
				+                    'onMenuShareWeibo',
			
 
				+                    'onMenuShareQZone'
			
 
				+                ]
			
 
				+            });
			
 
				+            var title = '走马信息技术有限公司',
			
 
				+                desc = 'APP开发、微信开发、小程序定制、OA/ERP/CRM定制、网站智能化应用开发',
			
 
				+                link = 'http://webapp.weiqiuwang.com/html/index.html',
			
 
				+                imgUrl = 'http://webapp.weiqiuwang.com/images/zouma/logo.jpg';
			
 
				+            wx.ready(function () {
			
 
				+                wx.onMenuShareAppMessage({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareTimeline({
			
 
				+                    title: title,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareQQ({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+                wx.onMenuShareWeibo({
			
 
				+                    title: title,
			
 
				+                    desc: desc,
			
 
				+                    link: link,
			
 
				+                    imgUrl: imgUrl
			
 
				+                });
			
 
				+            });
			
 
				+        }
			
 
				+    });
			
 
				+</script>
			
 
				+<script>
			
 
				+
			
 
				+    AOS.init();
			
 
				+
			
 
				+
			
 
				+    var left = true;
			
 
				+    var right = true;
			
 
				+
			
 
				+    function gonext() {
			
 
				+        window.location.href = "contact.html"
			
 
				+    }
			
 
				+
			
 
				+    window.onload = function () {
			
 
				+        $("body").show()
			
 
				+
			
 
				+        var mySwiper = new Swiper('.swiper-container', {
			
 
				+            direction: 'horizontal',
			
 
				+            hashnavWatchState: true,
			
 
				+            autoHeight: true,
			
 
				+            onSlideChangeStart: function (swiper) {
			
 
				+                $(document).scrollTop(0)
			
 
				+                console.log("aaaaaaaaa")
			
 
				+                if (swiper.activeIndex == 0) {
			
 
				+                    $(".right").hide()
			
 
				+                    right = false
			
 
				+                }
			
 
				+                else {
			
 
				+                    $(".right").show()
			
 
				+                    right = true
			
 
				+                }
			
 
				+
			
 
				+                if (swiper.activeIndex == 3) {
			
 
				+                    $(".left").hide()
			
 
				+                    left = false
			
 
				+                }
			
 
				+                else {
			
 
				+                    $(".left").show()
			
 
				+                    left = true
			
 
				+                }
			
 
				+            },
			
 
				+
			
 
				+            prevButton: '.right',
			
 
				+            nextButton: '.left',
			
 
				+        })
			
 
				+
			
 
				+
			
 
				+        function GetRequest() {
			
 
				+            var url_11 = document.location.href.split("?")
			
 
				+            var url = "?"
			
 
				+            for (var i = 1; i < url_11.length; i++) {
			
 
				+                url += url_11[i]
			
 
				+                if (i != url_11.length - 1) {
			
 
				+                    url += "?"
			
 
				+                }
			
 
				+            }
			
 
				+//        var url = document.location.href.s; //获取url中"?"符后的字串
			
 
				+            var theRequest = new Object();
			
 
				+            if (url.indexOf("?") != -1) {
			
 
				+                var str = url.substr(1);
			
 
				+                strs = str.split("&");
			
 
				+                for (var i = 0; i < strs.length; i++) {
			
 
				+
			
 
				+                    if (strs[i].split("=").length > 2) {
			
 
				+                        var strss = ""
			
 
				+                        for (var j = 1; j < strs[i].split("=").length; j++) {
			
 
				+                            strss += strs[i].split("=")[j]
			
 
				+                            if (j != strs[i].split("=").length - 1) {
			
 
				+                                strss += "="
			
 
				+                            }
			
 
				+                        }
			
 
				+                        theRequest[strs[i].split("=")[0]] = unescape(strss);
			
 
				+                    }
			
 
				+                    else {
			
 
				+                        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+            return theRequest;
			
 
				+        }
			
 
				+
			
 
				+        var request = new Object();
			
 
				+        request = GetRequest();
			
 
				+
			
 
				+        var slide = request["slide"];
			
 
				+        mySwiper.slideTo(slide)
			
 
				+        $(document).scrollTop(0)
			
 
				+        AOS.refresh();
			
 
				+    }
			
 
				+
			
 
				+    $(window).scroll(function (event) {
			
 
				+        var wScrollY = window.scrollY;
			
 
				+        if (wScrollY > 200) {
			
 
				+            $(".left").hide()
			
 
				+            $(".right").hide()
			
 
				+        }
			
 
				+        else {
			
 
				+            if (left) {
			
 
				+                $(".left").show()
			
 
				+            }
			
 
				+            if (right) {
			
 
				+                $(".right").show()
			
 
				+            }
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+    })
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+</html>
			
--- a/src/main/webapp/mobile/images/h5/icon_youhua.png
+++ b/src/main/webapp/mobile/images/h5/icon_youhua.png
--- a/src/main/webapp/mobile/images/h5/icon_zuohua.png
+++ b/src/main/webapp/mobile/images/h5/icon_zuohua.png
--- a/src/main/webapp/mobile/images/h5/text_app.png
+++ b/src/main/webapp/mobile/images/h5/text_app.png
--- a/src/main/webapp/mobile/images/h5/text_qiye.png
+++ b/src/main/webapp/mobile/images/h5/text_qiye.png
--- a/src/main/webapp/mobile/images/h5/text_weixin.png
+++ b/src/main/webapp/mobile/images/h5/text_weixin.png
--- a/src/main/webapp/mobile/images/h5/text_xiaochengxu.png
+++ b/src/main/webapp/mobile/images/h5/text_xiaochengxu.png
--- a/src/main/webapp/mobile/images/logo2828.png
+++ b/src/main/webapp/mobile/images/logo2828.png
--- a/src/main/webapp/mobile/images/page1/img_01_01.png
+++ b/src/main/webapp/mobile/images/page1/img_01_01.png
--- a/src/main/webapp/mobile/images/page1/img_01_02.png
+++ b/src/main/webapp/mobile/images/page1/img_01_02.png
--- a/src/main/webapp/mobile/images/page1/img_01_03.png
+++ b/src/main/webapp/mobile/images/page1/img_01_03.png
--- a/src/main/webapp/mobile/images/page1/wx_bg_01.jpg
+++ b/src/main/webapp/mobile/images/page1/wx_bg_01.jpg
--- a/src/main/webapp/mobile/images/page1/wx_bg_02.jpg
+++ b/src/main/webapp/mobile/images/page1/wx_bg_02.jpg
--- a/src/main/webapp/mobile/images/page1/wx_btn_lianxi.png
+++ b/src/main/webapp/mobile/images/page1/wx_btn_lianxi.png
--- a/src/main/webapp/mobile/images/page1/wx_icon_fenxiao.png
+++ b/src/main/webapp/mobile/images/page1/wx_icon_fenxiao.png
--- a/src/main/webapp/mobile/images/page1/wx_icon_huodong.png
+++ b/src/main/webapp/mobile/images/page1/wx_icon_huodong.png
--- a/src/main/webapp/mobile/images/page1/wx_icon_jiazheng.png
+++ b/src/main/webapp/mobile/images/page1/wx_icon_jiazheng.png
--- a/src/main/webapp/mobile/images/page1/wx_icon_lvyou.png
+++ b/src/main/webapp/mobile/images/page1/wx_icon_lvyou.png
--- a/src/main/webapp/mobile/images/page1/wx_img_02_01.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_02_01.png
--- a/src/main/webapp/mobile/images/page1/wx_img_02_02.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_02_02.png
--- a/src/main/webapp/mobile/images/page1/wx_img_02_03.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_02_03.png
--- a/src/main/webapp/mobile/images/page1/wx_img_02_04.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_02_04.png
--- a/src/main/webapp/mobile/images/page1/wx_img_03_01.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_03_01.png
--- a/src/main/webapp/mobile/images/page1/wx_img_03_02.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_03_02.png
--- a/src/main/webapp/mobile/images/page1/wx_img_04_01.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_04_01.png
--- a/src/main/webapp/mobile/images/page1/wx_img_04_02.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_04_02.png
--- a/src/main/webapp/mobile/images/page1/wx_img_04_03.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_04_03.png
--- a/src/main/webapp/mobile/images/page1/wx_img_05_01.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_05_01.png
--- a/src/main/webapp/mobile/images/page1/wx_img_05_02.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_05_02.png
--- a/src/main/webapp/mobile/images/page1/wx_img_05_03.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_05_03.png
--- a/src/main/webapp/mobile/images/page1/wx_img_05_04.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_05_04.png
--- a/src/main/webapp/mobile/images/page1/wx_img_06.png
+++ b/src/main/webapp/mobile/images/page1/wx_img_06.png
--- a/src/main/webapp/mobile/images/page1/wx_text_01.png
+++ b/src/main/webapp/mobile/images/page1/wx_text_01.png
--- a/src/main/webapp/mobile/images/page1/wx_text_02.png
+++ b/src/main/webapp/mobile/images/page1/wx_text_02.png
--- a/src/main/webapp/mobile/images/page1/wx_text_gongfeng.png
+++ b/src/main/webapp/mobile/images/page1/wx_text_gongfeng.png
--- a/src/main/webapp/mobile/images/page2/xcx_bg_01.png
+++ b/src/main/webapp/mobile/images/page2/xcx_bg_01.png
--- a/src/main/webapp/mobile/images/page2/xcx_bg_02.png
+++ b/src/main/webapp/mobile/images/page2/xcx_bg_02.png
--- a/src/main/webapp/mobile/images/page2/xcx_bg_03.png
+++ b/src/main/webapp/mobile/images/page2/xcx_bg_03.png
--- a/src/main/webapp/mobile/images/page2/xcx_btn_lianxi.png
+++ b/src/main/webapp/mobile/images/page2/xcx_btn_lianxi.png
--- a/src/main/webapp/mobile/images/page2/xcx_icon_01.png
+++ b/src/main/webapp/mobile/images/page2/xcx_icon_01.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_01_01.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_01_01.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_01_02.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_01_02.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_02.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_02.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_03_01.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_03_01.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_03_02.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_03_02.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_03_03.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_03_03.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_04.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_04.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_05.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_05.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_06_01.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_06_01.png
--- a/src/main/webapp/mobile/images/page2/xcx_img_06_02.png
+++ b/src/main/webapp/mobile/images/page2/xcx_img_06_02.png
--- a/src/main/webapp/mobile/images/page2/xcx_text_page.png
+++ b/src/main/webapp/mobile/images/page2/xcx_text_page.png
--- a/src/main/webapp/mobile/images/page3/aap_icon_01.png
+++ b/src/main/webapp/mobile/images/page3/aap_icon_01.png
--- a/src/main/webapp/mobile/images/page3/aap_icon_02.png
+++ b/src/main/webapp/mobile/images/page3/aap_icon_02.png
--- a/src/main/webapp/mobile/images/page3/aap_img_01.png
+++ b/src/main/webapp/mobile/images/page3/aap_img_01.png
--- a/src/main/webapp/mobile/images/page3/aap_img_02_01.png
+++ b/src/main/webapp/mobile/images/page3/aap_img_02_01.png
--- a/src/main/webapp/mobile/images/page3/aap_img_02_02.png
+++ b/src/main/webapp/mobile/images/page3/aap_img_02_02.png
--- a/src/main/webapp/mobile/images/page3/aap_img_02_03.png
+++ b/src/main/webapp/mobile/images/page3/aap_img_02_03.png
--- a/src/main/webapp/mobile/images/page3/app_bg_01.jpg
+++ b/src/main/webapp/mobile/images/page3/app_bg_01.jpg
--- a/src/main/webapp/mobile/images/page3/app_btn_lianxi.png
+++ b/src/main/webapp/mobile/images/page3/app_btn_lianxi.png
--- a/src/main/webapp/mobile/images/page3/app_img-04_02.png
+++ b/src/main/webapp/mobile/images/page3/app_img-04_02.png
--- a/src/main/webapp/mobile/images/page3/app_img_03_01.png
+++ b/src/main/webapp/mobile/images/page3/app_img_03_01.png
--- a/src/main/webapp/mobile/images/page3/app_img_03_02.png
+++ b/src/main/webapp/mobile/images/page3/app_img_03_02.png
--- a/src/main/webapp/mobile/images/page3/app_img_04_01.png
+++ b/src/main/webapp/mobile/images/page3/app_img_04_01.png
--- a/src/main/webapp/mobile/images/page3/app_img_04_03.png
+++ b/src/main/webapp/mobile/images/page3/app_img_04_03.png
--- a/src/main/webapp/mobile/images/page4/qy_btn_lianxi.png
+++ b/src/main/webapp/mobile/images/page4/qy_btn_lianxi.png
--- a/src/main/webapp/mobile/images/page4/qy_icon_01.png
+++ b/src/main/webapp/mobile/images/page4/qy_icon_01.png
--- a/src/main/webapp/mobile/images/page4/qy_icon_02.png
+++ b/src/main/webapp/mobile/images/page4/qy_icon_02.png
--- a/src/main/webapp/mobile/images/page4/qy_icon_03.png
+++ b/src/main/webapp/mobile/images/page4/qy_icon_03.png