diff --git a/src/main/webapp/templets/1/default/about.htm b/src/main/webapp/templets/1/default/about.htm new file mode 100644 index 00000000..f3d2e158 --- /dev/null +++ b/src/main/webapp/templets/1/default/about.htm @@ -0,0 +1,31 @@ + + + + <#include "head-file.htm"/> + + + + <#include "head.htm"/> +
+ + +
+
+
+ <#include "menu-left.htm"/> +
+
+ 首页 + > + {ms:field.typetitle/} +
+
+
{ms:field.title/}
+
{ms:field.content/}
+
+
+
+
+ <#include "footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/advice.htm b/src/main/webapp/templets/1/default/advice.htm new file mode 100644 index 00000000..6692bd99 --- /dev/null +++ b/src/main/webapp/templets/1/default/advice.htm @@ -0,0 +1,67 @@ + + + + <#include "head-file.htm"/> + + + <#include "head.htm"/> +
+ + +
+
+
+
+ + + + +
+
+
+ <#include "footer.htm"/> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/case-list.htm b/src/main/webapp/templets/1/default/case-list.htm new file mode 100644 index 00000000..732de938 --- /dev/null +++ b/src/main/webapp/templets/1/default/case-list.htm @@ -0,0 +1,47 @@ + + + + <#include "head-file.htm"/> + + + + <#include "head.htm"/> +
+ + +
+
+
+ {ms:arclist size=6 ispaging=true} +
+
+ +
+
+
[field.title/]
+
+

+ [field.content/] +

+ +
+
+ 点击查看 +
+
+
+ {/ms:arclist} +
+
+ <#include "footer.htm"/> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/contact.htm b/src/main/webapp/templets/1/default/contact.htm new file mode 100644 index 00000000..e2114a34 --- /dev/null +++ b/src/main/webapp/templets/1/default/contact.htm @@ -0,0 +1,143 @@ + + + + <#include "head-file.htm"/> + + + <#include "head.htm"/> +
+ + +
+
+
+ <#include "menu-left.htm"/> +
+
+ 首页 + > + {ms:field.typetitle/} +
+
+
联系我们
+
+ + + + +
+ + +
+
+
+
+
+ <#include "footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/css/animate.css b/src/main/webapp/templets/1/default/css/animate.css new file mode 100644 index 00000000..2948100f --- /dev/null +++ b/src/main/webapp/templets/1/default/css/animate.css @@ -0,0 +1,3368 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +.banner_tit{ + margin-top: 85px; +} + +.banner_tit,.banner_des,.banner_tit_about,.banner_tit_about_des,.banner_tit_other,.banner_tit_other_des{ + text-align: center; + color: #fff; + font-size:68px; + position: relative; + font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; +} +.banner_des{ + font-size: 35px; +} +.banner_tit_about,.banner_tit_about_des{ + text-align: left; + font-size: 44px; + padding-top: 125px; + padding-left:27%; +} +.banner_tit_about_des,.banner_tit_other_des{ + font-size: 30px; + font-family: "SimSun"; + padding-top:0px; +} +.banner_tit_other{ + padding-top: 125px; + font-size: 44px; +} +.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.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, to { + -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%, to { + -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%, to { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + from, 50%, to { + 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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, to { + -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, to { + -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 headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, 11.1%, to { + -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%, to { + -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%, to { + -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); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -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); + } + + to { + 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%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -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); + } + + to { + -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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + 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); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + 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; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + 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; + } + + to { + -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; + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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); + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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); + } + + to { + 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); + } + + to { + 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; + } + + to { + 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; + } + + to { + 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); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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; + } + + to { + -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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + 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); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/src/main/webapp/templets/1/default/css/jquery.sinaemotion.css b/src/main/webapp/templets/1/default/css/jquery.sinaemotion.css new file mode 100644 index 00000000..4a37d8d2 --- /dev/null +++ b/src/main/webapp/templets/1/default/css/jquery.sinaemotion.css @@ -0,0 +1,79 @@ +#emotions{ + left:0; + width: 395px; + font-size:12px; + background:#fff; + position:absolute; + border: 1px solid #E8E8E8; +} +#emotions a{ + color: #9ABBC8; + padding:2px 7px; + text-decoration:none; +} +#emotions img{ + border:0; +} +#emotions div{ + margin:5px 10px; + padding:1px; + overflow: hidden; +} +#emotions #prev, +#emotions #next +{ + margin-left:3px; + background:#eee; +} +#emotions .categorys{ + color:#ccc; + height:23px; + color: #9ABBC8; + overflow:hidden; +} +#emotions .categorys a{ + display: inline-block; +} +#emotions .categorys a:hover{ + text-decoration:underline; +} +#emotions .categorys a.current{ + cursor: default; + background: #F0F0F0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +#emotions .container{ + padding:1px; + overflow: hidden; +} +#emotions .container a{ + float:left; + width:26px; + height:22px; + text-align:center; + box-sizing: content-box; + padding: 4px 2px; + margin: -1px 0 0 -1px; + border: 1px solid #e8e8e8; +} +#emotions .container a:hover{ + z-index:2; + position:relative; + border:1px solid #0095cd; +} +#emotions .page{ + text-align:right; +} +#emotions .page a.current{ + color: #666; + background-color:#fff; +} +#emotions .page a{ + margin-left:3px; + color: #0078B6; + background-color:#f3f3f3; +} +#emotions .page a:hover{ + background-color:#e7e7e7; +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/footer.htm b/src/main/webapp/templets/1/default/footer.htm new file mode 100644 index 00000000..2eb347f9 --- /dev/null +++ b/src/main/webapp/templets/1/default/footer.htm @@ -0,0 +1,40 @@ +
+
+
+
+ + 关于我们 + | + + 发展历程 + | + + 联系我们 + +
+ 版权所有©铭飞科技有限公司2012-2018保留一切权利 +
+
+ + + +
+

+ +
+
+
+
+ \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/head-file.htm b/src/main/webapp/templets/1/default/head-file.htm new file mode 100644 index 00000000..570b04f0 --- /dev/null +++ b/src/main/webapp/templets/1/default/head-file.htm @@ -0,0 +1,30 @@ +{ms:global.name/} + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/head.htm b/src/main/webapp/templets/1/default/head.htm new file mode 100644 index 00000000..8ed2f4bc --- /dev/null +++ b/src/main/webapp/templets/1/default/head.htm @@ -0,0 +1,144 @@ +
+
+
+ + + + +
+
+
+
+ + + +
+
+
+ + + 登录 + |注册 + + +
+
+
+
+ \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/images/00.png b/src/main/webapp/templets/1/default/images/00.png new file mode 100644 index 00000000..4dfa033c Binary files /dev/null and b/src/main/webapp/templets/1/default/images/00.png differ diff --git a/src/main/webapp/templets/1/default/images/01.jpg b/src/main/webapp/templets/1/default/images/01.jpg new file mode 100644 index 00000000..5f251b57 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/01.jpg differ diff --git a/src/main/webapp/templets/1/default/images/02.jpg b/src/main/webapp/templets/1/default/images/02.jpg new file mode 100644 index 00000000..4d7c6db9 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/02.jpg differ diff --git a/src/main/webapp/templets/1/default/images/03.jpg b/src/main/webapp/templets/1/default/images/03.jpg new file mode 100644 index 00000000..6d78ac6d Binary files /dev/null and b/src/main/webapp/templets/1/default/images/03.jpg differ diff --git a/src/main/webapp/templets/1/default/images/1471918025445.png b/src/main/webapp/templets/1/default/images/1471918025445.png new file mode 100644 index 00000000..436adcf0 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/1471918025445.png differ diff --git a/src/main/webapp/templets/1/default/images/about_us.jpg b/src/main/webapp/templets/1/default/images/about_us.jpg new file mode 100644 index 00000000..8bce2578 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/about_us.jpg differ diff --git a/src/main/webapp/templets/1/default/images/ad_ctr.png b/src/main/webapp/templets/1/default/images/ad_ctr.png new file mode 100644 index 00000000..f064b5a5 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/ad_ctr.png differ diff --git a/src/main/webapp/templets/1/default/images/alpha.png b/src/main/webapp/templets/1/default/images/alpha.png new file mode 100644 index 00000000..2ecab4ea Binary files /dev/null and b/src/main/webapp/templets/1/default/images/alpha.png differ diff --git a/src/main/webapp/templets/1/default/images/baidu.png b/src/main/webapp/templets/1/default/images/baidu.png new file mode 100644 index 00000000..7df1351e Binary files /dev/null and b/src/main/webapp/templets/1/default/images/baidu.png differ diff --git a/src/main/webapp/templets/1/default/images/banner.jpg b/src/main/webapp/templets/1/default/images/banner.jpg new file mode 100644 index 00000000..cf9ffef4 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/banner.jpg differ diff --git a/src/main/webapp/templets/1/default/images/case.png b/src/main/webapp/templets/1/default/images/case.png new file mode 100644 index 00000000..5a03d3f8 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/case.png differ diff --git a/src/main/webapp/templets/1/default/images/code.jpg b/src/main/webapp/templets/1/default/images/code.jpg new file mode 100644 index 00000000..3b1af71b Binary files /dev/null and b/src/main/webapp/templets/1/default/images/code.jpg differ diff --git a/src/main/webapp/templets/1/default/images/company.png b/src/main/webapp/templets/1/default/images/company.png new file mode 100644 index 00000000..53bc1e8c Binary files /dev/null and b/src/main/webapp/templets/1/default/images/company.png differ diff --git a/src/main/webapp/templets/1/default/images/contact_us.jpeg b/src/main/webapp/templets/1/default/images/contact_us.jpeg new file mode 100644 index 00000000..33116b0e Binary files /dev/null and b/src/main/webapp/templets/1/default/images/contact_us.jpeg differ diff --git a/src/main/webapp/templets/1/default/images/error.png b/src/main/webapp/templets/1/default/images/error.png new file mode 100644 index 00000000..7ac15523 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/error.png differ diff --git a/src/main/webapp/templets/1/default/images/hu1.png b/src/main/webapp/templets/1/default/images/hu1.png new file mode 100644 index 00000000..d853293a Binary files /dev/null and b/src/main/webapp/templets/1/default/images/hu1.png differ diff --git a/src/main/webapp/templets/1/default/images/img-2.png b/src/main/webapp/templets/1/default/images/img-2.png new file mode 100644 index 00000000..f33c4c12 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/img-2.png differ diff --git a/src/main/webapp/templets/1/default/images/level-0.png b/src/main/webapp/templets/1/default/images/level-0.png new file mode 100644 index 00000000..71616f8b Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-0.png differ diff --git a/src/main/webapp/templets/1/default/images/level-1.png b/src/main/webapp/templets/1/default/images/level-1.png new file mode 100644 index 00000000..f1e10716 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-1.png differ diff --git a/src/main/webapp/templets/1/default/images/level-2.png b/src/main/webapp/templets/1/default/images/level-2.png new file mode 100644 index 00000000..5abb13a3 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-2.png differ diff --git a/src/main/webapp/templets/1/default/images/level-3.png b/src/main/webapp/templets/1/default/images/level-3.png new file mode 100644 index 00000000..8ece9073 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-3.png differ diff --git a/src/main/webapp/templets/1/default/images/level-4.png b/src/main/webapp/templets/1/default/images/level-4.png new file mode 100644 index 00000000..4d98de93 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-4.png differ diff --git a/src/main/webapp/templets/1/default/images/level-5.png b/src/main/webapp/templets/1/default/images/level-5.png new file mode 100644 index 00000000..48042443 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/level-5.png differ diff --git a/src/main/webapp/templets/1/default/images/loading.gif b/src/main/webapp/templets/1/default/images/loading.gif new file mode 100644 index 00000000..ae7f794f Binary files /dev/null and b/src/main/webapp/templets/1/default/images/loading.gif differ diff --git a/src/main/webapp/templets/1/default/images/logo.png b/src/main/webapp/templets/1/default/images/logo.png new file mode 100644 index 00000000..b5f7cb2f Binary files /dev/null and b/src/main/webapp/templets/1/default/images/logo.png differ diff --git a/src/main/webapp/templets/1/default/images/micro-blog.png b/src/main/webapp/templets/1/default/images/micro-blog.png new file mode 100644 index 00000000..2dab7818 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/micro-blog.png differ diff --git a/src/main/webapp/templets/1/default/images/mobile.png b/src/main/webapp/templets/1/default/images/mobile.png new file mode 100644 index 00000000..4a2d5ca2 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/mobile.png differ diff --git a/src/main/webapp/templets/1/default/images/more.png b/src/main/webapp/templets/1/default/images/more.png new file mode 100644 index 00000000..f9baf663 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/more.png differ diff --git a/src/main/webapp/templets/1/default/images/ms.ico b/src/main/webapp/templets/1/default/images/ms.ico new file mode 100644 index 00000000..e0c44458 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/ms.ico differ diff --git a/src/main/webapp/templets/1/default/images/new-loading.gif b/src/main/webapp/templets/1/default/images/new-loading.gif new file mode 100644 index 00000000..dc36ab25 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/new-loading.gif differ diff --git a/src/main/webapp/templets/1/default/images/news.png b/src/main/webapp/templets/1/default/images/news.png new file mode 100644 index 00000000..5de927dc Binary files /dev/null and b/src/main/webapp/templets/1/default/images/news.png differ diff --git a/src/main/webapp/templets/1/default/images/news2.png b/src/main/webapp/templets/1/default/images/news2.png new file mode 100644 index 00000000..304f3c20 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/news2.png differ diff --git a/src/main/webapp/templets/1/default/images/no-comment.png b/src/main/webapp/templets/1/default/images/no-comment.png new file mode 100644 index 00000000..833e7b1d Binary files /dev/null and b/src/main/webapp/templets/1/default/images/no-comment.png differ diff --git a/src/main/webapp/templets/1/default/images/no-data.png b/src/main/webapp/templets/1/default/images/no-data.png new file mode 100644 index 00000000..289f5ebc Binary files /dev/null and b/src/main/webapp/templets/1/default/images/no-data.png differ diff --git a/src/main/webapp/templets/1/default/images/our_company.jpeg b/src/main/webapp/templets/1/default/images/our_company.jpeg new file mode 100644 index 00000000..fd70ae5b Binary files /dev/null and b/src/main/webapp/templets/1/default/images/our_company.jpeg differ diff --git a/src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg b/src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg new file mode 100644 index 00000000..bd3b2f40 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg differ diff --git a/src/main/webapp/templets/1/default/images/pic.png b/src/main/webapp/templets/1/default/images/pic.png new file mode 100644 index 00000000..303ede32 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/pic.png differ diff --git a/src/main/webapp/templets/1/default/images/pics.png b/src/main/webapp/templets/1/default/images/pics.png new file mode 100644 index 00000000..a6371d2c Binary files /dev/null and b/src/main/webapp/templets/1/default/images/pics.png differ diff --git a/src/main/webapp/templets/1/default/images/search.jpg b/src/main/webapp/templets/1/default/images/search.jpg new file mode 100644 index 00000000..410b7a78 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/search.jpg differ diff --git a/src/main/webapp/templets/1/default/images/search.png b/src/main/webapp/templets/1/default/images/search.png new file mode 100644 index 00000000..e61a5494 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/search.png differ diff --git a/src/main/webapp/templets/1/default/images/talk_online.jpeg b/src/main/webapp/templets/1/default/images/talk_online.jpeg new file mode 100644 index 00000000..5ad41391 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/talk_online.jpeg differ diff --git a/src/main/webapp/templets/1/default/images/timg.jpg b/src/main/webapp/templets/1/default/images/timg.jpg new file mode 100644 index 00000000..4e178691 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/timg.jpg differ diff --git a/src/main/webapp/templets/1/default/images/we-chat.png b/src/main/webapp/templets/1/default/images/we-chat.png new file mode 100644 index 00000000..1a67f93f Binary files /dev/null and b/src/main/webapp/templets/1/default/images/we-chat.png differ diff --git a/src/main/webapp/templets/1/default/images/weixin.jpg b/src/main/webapp/templets/1/default/images/weixin.jpg new file mode 100644 index 00000000..a82ea491 Binary files /dev/null and b/src/main/webapp/templets/1/default/images/weixin.jpg differ diff --git a/src/main/webapp/templets/1/default/index.htm b/src/main/webapp/templets/1/default/index.htm new file mode 100644 index 00000000..5e6b28a5 --- /dev/null +++ b/src/main/webapp/templets/1/default/index.htm @@ -0,0 +1,282 @@ + + + + <#include "head-file.htm"> + + + + + + <#include "head.htm"> + +
+ +
+
+
+ +
+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+
网站案例
+
+ MORE>> +
+
+
+ {ms:arclist typeid=149 size=6} +
+
+ +
+
+
[field.title/]
+
+ +

+ [field.content/] +

+
+
+ 点击查看 +
+
+
+ {/ms:arclist} +
+
+
+
+
+
+
产品方向
+
+
+
    +
  • +
    + + +
    +
    +
    + 铭飞建站系统MCMS
    +
    纯Java开发，MCMS支持PC与MOBILE皮肤定制,同时使用MS团队移动JS插件，支持站群。
    +
    • +
  • +
    + + +
    +
    +
    + 移动互联网
    +
    重新定义移动开发，快速、开放、高性能，数据无缝对接，超过500个模块api 接口，方便实现各种应用。
    +
    • +
  • +
    + + +
    +
    +
    + 铭飞物联网
    +
    MS+物联网，让生产企业真正掌握企业命脉，实现互联网+生产，给企业插上信息化翅膀，共享、共荣大数据时代
    +
    • +
+
+
+
+
+
+
+
公司动态
+
+ MORE>> +
+
+
+ {ms:arclist typeid=59 size=1} + + {/ms:arclist} + +
+
+
+
+
+ <#include "footer.htm"> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/js/demo.js b/src/main/webapp/templets/1/default/js/demo.js new file mode 100644 index 00000000..b7d2917b --- /dev/null +++ b/src/main/webapp/templets/1/default/js/demo.js @@ -0,0 +1,21 @@ +define(function(require, exports, module) { + var ms = require("ms"); + var ajaxCfg = { + "type": "post", + "dataType": "json", + }; + var mstore = "http://mstore.mingsoft.net/";// + return { + "version": "1.0.0", + mstore: { + list: function(data, func) { + if(validator.isNull(data)) { + return; + } + ajaxCfg.url = mstore + "/mstore/list.do"; + ajaxCfg.params = data; + ms.ajax(ajaxCfg, func); + } + }, + } +}) diff --git a/src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js b/src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js new file mode 100644 index 00000000..40fe3e45 --- /dev/null +++ b/src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js @@ -0,0 +1,152 @@ +/** + * @author 夏の寒风 + * @time 2012-12-14 + */ + +//自定义hashtable +function Hashtable() { + this._hash = new Object(); + this.put = function(key, value) { + if (typeof (key) != "undefined") { + if (this.containsKey(key) == false) { + this._hash[key] = typeof (value) == "undefined" ? null : value; + return true; + } else { + return false; + } + } else { + return false; + } + } + this.remove = function(key) { delete this._hash[key]; } + this.size = function() { var i = 0; for (var k in this._hash) { i++; } return i; } + this.get = function(key) { return this._hash[key]; } + this.containsKey = function(key) { return typeof (this._hash[key]) != "undefined"; } + this.clear = function() { for (var k in this._hash) { delete this._hash[k]; } } +} + +var emotions = new Array(); +var categorys = new Array();// 分组 +var uSinaEmotionsHt = new Hashtable(); + +// 初始化缓存，页面仅仅加载一次就可以了 + +//替换 +function AnalyticEmotion(s) { + if(typeof (s) != "undefined" && s != null) { + var sArr = s.match(/\[.*?\]/g); + if(!sArr){return s} + for(var i = 0; i < sArr.length; i++){ + if(uSinaEmotionsHt.containsKey(sArr[i])) { + var reStr = ""; + s = s.replace(sArr[i], reStr); + } + } + } + return s; +} + +(function($){ + $.fn.SinaEmotion = function(target){ + var cat_current; + var cat_page; + $(this).click(function(event){ + event.stopPropagation(); + + var eTop = target.offset().top + target.height() + 15; + var eLeft = target.offset().left - 1; + + if($('#emotions .categorys')[0]){ + $('#emotions').css({top: eTop, left: eLeft}); + $('#emotions').toggle(); + return; + } + $('body').append('
'); + $('#emotions').css({top: eTop, left: eLeft}); + $('#emotions').html('
正在加载，请稍候...
'); + $('#emotions').click(function(event){ + event.stopPropagation(); + }); + + $('#emotions').html('
'); + $('#emotions #prev').click(function(){ + showCategorys(cat_page - 1); + }); + $('#emotions #next').click(function(){ + showCategorys(cat_page + 1); + }); + showCategorys(); + showEmotions(); + + }); + $('body').click(function(){ + $('#emotions').remove(); + }); + $.fn.insertText = function(text){ + this.each(function() { + if(this.tagName !== 'INPUT' && this.tagName !== 'TEXTAREA') {return;} + if (document.selection) { + this.focus(); + var cr = document.selection.createRange(); + cr.text = text; + cr.collapse(); + cr.select(); + }else if (this.selectionStart || this.selectionStart == '0') { + var + start = this.selectionStart, + end = this.selectionEnd; + this.value = this.value.substring(0, start)+ text+ this.value.substring(end, this.value.length); + this.selectionStart = this.selectionEnd = start+text.length; + }else { + this.value += text; + } + }); + return this; + } + function showCategorys(){ + var page = arguments[0]?arguments[0]:0; + if(page < 0 || page >= categorys.length / 5){ + return; + } + $('#emotions .categorys').html(''); + cat_page = page; + for(var i = page * 5; i < (page + 1) * 5 && i < categorys.length; ++i){ + $('#emotions .categorys').append($('' + categorys[i] + '')); + } + $('#emotions .categorys a').click(function(){ + showEmotions($(this).text()); + }); + $('#emotions .categorys a').each(function(){ + if($(this).text() == cat_current){ + $(this).addClass('current'); + } + }); + } + function showEmotions(){ + var category = arguments[0]?arguments[0]:'默认'; + var page = arguments[1]?arguments[1] - 1:0; + $('#emotions .container').html(''); + $('#emotions .page').html(''); + cat_current = category; + for(var i = page * 72; i < (page + 1) * 72 && i < emotions[category].length; ++i){ + $('#emotions .container').append($('' + emotions[category][i].name + '')); + } + $('#emotions .container a').click(function(){ + target.insertText($(this).attr('title')); + $('#emotions').remove(); + }); + for(var i = 1; i < emotions[category].length / 72 + 1; ++i){ + $('#emotions .page').append($('' + i + '')); + } + $('#emotions .page a').click(function(){ + showEmotions(category, $(this).text()); + }); + $('#emotions .categorys a.current').removeClass('current'); + $('#emotions .categorys a').each(function(){ + if($(this).text() == category){ + $(this).addClass('current'); + } + }); + } + } +})(jQuery); diff --git a/src/main/webapp/templets/1/default/js/slider.js b/src/main/webapp/templets/1/default/js/slider.js new file mode 100644 index 00000000..588abebe --- /dev/null +++ b/src/main/webapp/templets/1/default/js/slider.js @@ -0,0 +1,156 @@ +/** + * slider插件可悬停控制 + */ +; $(function ($, window, document, undefined) { + + Slider = function (container, options) { + /* + options = { + auto: true, + time: 3000, + event: 'hover' | 'click', + mode: 'slide | fade', + controller: $(), + activeControllerCls: 'className', + exchangeEnd: $.noop + } + */ + + "use strict"; //stirct mode not support by IE9- + + if (!container) return; + + var options = options || {}, + currentIndex = 0, + cls = options.activeControllerCls, + delay = options.delay, + isAuto = options.auto, + controller = options.controller, + event = options.event, + interval, + slidesWrapper = container.children().first(), + slides = slidesWrapper.children(), + length = slides.length, + childWidth = container.width(), + totalWidth = childWidth * slides.length; + + function init() { + var controlItem = controller.children(); + + mode(); + + event == 'hover' ? controlItem.mouseover(function () { + stop(); + var index = $(this).index(); + + play(index, options.mode); + }).mouseout(function () { + isAuto && autoPlay(); + }) : controlItem.click(function () { + stop(); + var index = $(this).index(); + + play(index, options.mode); + isAuto && autoPlay(); + }); + + isAuto && autoPlay(); + } + + //animate mode + function mode() { + var wrapper = container.children().first(); + + options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({ + 'position': 'absolute', + 'left': 0, + 'top': 0 + }) + .first().siblings().hide(); + } + + //auto play + function autoPlay() { + interval = setInterval(function () { + triggerPlay(currentIndex); + }, options.time); + } + + //trigger play + function triggerPlay(cIndex) { + var index; + + (cIndex == length - 1) ? index = 0 : index = cIndex + 1; + play(index, options.mode); + } + + //play + function play(index, mode) { + slidesWrapper.stop(true, true); + slides.stop(true, true); + + mode == 'slide' ? (function () { + if (index > currentIndex) { + slidesWrapper.animate({ + left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px' + }, delay); + } else if (index < currentIndex) { + slidesWrapper.animate({ + left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px' + }, delay); + } else { + return; + } + })() : (function () { + if (slidesWrapper.children(':visible').index() == index) return; + slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay); + })(); + + try { + controller.children('.' + cls).removeClass(cls); + controller.children().eq(index).addClass(cls); + } catch (e) { } + + currentIndex = index; + + options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex); + } + + //stop + function stop() { + clearInterval(interval); + } + + //prev frame + function prev() { + stop(); + + currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2); + + isAuto && autoPlay(); + } + + //next frame + function next() { + stop(); + + currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex); + + isAuto && autoPlay(); + } + + //init + init(); + + //expose the Slider API + return { + prev: function () { + prev(); + }, + next: function () { + next(); + } + } + }; + +}(jQuery, window, document)); \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/about.less b/src/main/webapp/templets/1/default/less/about.less new file mode 100644 index 00000000..f1bd8496 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/about.less @@ -0,0 +1,90 @@ +.ms-content-about{ + a:link{color:#000;text-decoration:none} + a:visited{color:#000;text-decoration:none} + a:active{color:#000;text-decoration:none} + a:hover{color:#000;text-decoration:none} + /*margin: 20px 0;*/ + margin-top: 20px; + margin-bottom: 40px; + .ms-content-main{ + width: 1200px; + overflow: hidden; + margin: auto; + .ms-content-left{ + width: 230px; + float: left; + margin-right: 20px; + .ms-content-left-title{ + font-weight: bold; + background-color: #009aff; + color: #fff; + height: 40px; + line-height: 40px; + width: 190px; + padding: 0 20px; + } + .ms-content-left-ul{ + a:hover{ + li{ + background-color: #54bcfe; + } + color: #fff; + } + background-color: #fff; + margin-top: 1px; + width: 230px; + a{ + color: #999999; + } + li{ + height: 40px; + line-height: 40px; + font-size: 14px; + cursor: pointer; + /*width: 190px;*/ + padding: 0 20px; + .ms-content-left-li-more{ + float: right; + } + } + .ms-content-left-li-first{ + li{ + background-color: #54bcfe; + } + color: #fff; + } + } + } + .ms-content-right{ + overflow: hidden; + a:visited{color:#000000;} + .ms-content-right-position{ + a:hover{ + color:#0099ff; + } + font-size: 14px; + span{ + padding: 0 5px; + } + } + .ms-content-right-main{ + width: 952px; + background-color: #ffffff; + min-height: 450px; + padding-bottom: 20px; + .ms-content-right-main-content{ + margin: 0 20px; + } + .ms-content-right-main-title{ + text-align: center; + font-size: 20px; + padding-top: 40px; + padding-bottom: 20px; + border-bottom: 1px solid #d0cfcf99; + margin: 20px; + } + } + + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/advice.less b/src/main/webapp/templets/1/default/less/advice.less new file mode 100644 index 00000000..bcdd968c --- /dev/null +++ b/src/main/webapp/templets/1/default/less/advice.less @@ -0,0 +1,48 @@ +/*内容*/ +.ms-content-advice{ + /*margin: 20px 0;*/ + margin-top: 20px; + margin-bottom: 40px; + .ms-content-form-background{ + width: 1200px; + height: 480px; + background-color: #ffffff; + margin: auto; + display: flex; + .ms-content-form{ + ::-webkit-input-placeholder { + color:#999; + } + input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ + font-family:Arial,Verdana,Sans-serif + } + width: 330px; + margin: auto; + .ms-content-form-name,.ms-content-form-phone,.ms-content-form-message{ + width: 308px; + height: 12px; + padding: 10px; + display: block; + border: 1px solid #eeeeee; + border-radius: 3px; + color: #555555; + margin-bottom: 20px; + } + .ms-content-form-message{ + height: 142px; + } + .ms-login-button{ + pointer-events: none; + width: 330px; + height: 34px; + line-height: 34px; + font-size: 14px; + color: #ddd; + text-align: center; + background-color: #fafafa; + cursor: pointer; + border-radius: 4px; + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/base.less b/src/main/webapp/templets/1/default/less/base.less new file mode 100644 index 00000000..f0189e2e --- /dev/null +++ b/src/main/webapp/templets/1/default/less/base.less @@ -0,0 +1,433 @@ +/*其他*/ + +body, +ul, +ol, +li, +p, +h1, +h2, +h3, +h4, +h5, +h6, +form, +fieldset, +table, +td, +img, +div, +a { + margin: 0; + padding: 0; + border: 0; + text-decoration: none !important; +} + +* { + margin: 0; + padding: 0; +} + +body { + min-width: 1200px; + background-color: #fafafa; +} + +html, +body, +ul, +li { + margin: 0; + padding: 0; +} + +a { + text-decoration: none; + color: #555; +} + +ul, +li, +ol { + list-style: none; +} + +input:focus, +textarea:focus { + outline: none; +} + + +/*banner图*/ + +.ms-banner { + height: 337px; + img { + width: 100%; + height: 100%; + } +} + +.flexslider { + margin: 0px auto 20px; + position: relative; + width: 100%; + height: 440px; + overflow: hidden; + zoom: 1; + .slides { + li { + width: 100%; + height: 100%; + } + a { + img { + width: 100%; + height: 337px; + display: block; + } + } + } + .flex-direction-nav { + width: 100%; + /*position: absolute;*/ + bottom: 10px; + text-align: center; + a { + width: 70px; + height: 70px; + line-height: 99em; + overflow: hidden; + margin: -35px 0 0; + display: block; + background: url(../images/ad_ctr.png) no-repeat; + position: absolute; + top: 50%; + z-index: 10; + cursor: pointer; + opacity: 0; + filter: alpha(opacity=0); + -webkit-transition: all .3s ease; + border-radius: 35px; + } + .flex-next { + background-position: 0 -70px; + right: 10px; + } + .flex-prev { + left: 10px; + } + li { + margin: 0 2px; + display: inline-block; + zoom: 1; + *display: inline; + } + } +} + +.flexslider:hover { + .flex-next { + opacity: 0.8; + filter: alpha(opacity=25); + } + .flex-prev { + opacity: 0.8; + filter: alpha(opacity=25); + } +} + +.flexslider:hover .flex-next:hover, +.flexslider:hover .flex-prev:hover { + opacity: 1; + filter: alpha(opacity=50); +} + + +/*头部*/ + +.ms-head { + a { + color: #fff; + } + background-color: #2b3442; + .head-menu-flex-center { + display: flex; + align-items: center; + } + .head-menu { + width: 1200px; + height: 60px; + margin: auto; + color: #ffffff; + /*overflow: hidden;*/ + display: flex; + justify-content: space-between; + .head-menu-flex-center { + .head-menu-list { + .head-active{ + color: #ffb800; + background-color: #2b3442; + } + .head-menu-list-li:hover { + background-color: #202833; + color: #ffb800; + } + .head-menu-list-li a:hover { + background-color: #202833; + color: #ffb800; + } + padding-left: 30px; + height: 60px; + line-height: 60px; + margin: 0 !important; + .head-menu-list-li { + cursor: pointer; + position: relative; + .head-menu-son-list { + background-color: #2b3442; + position: absolute; + width: 100%; + left: 0; + color: #fff; + display: none; + top: 60px; + z-index: 9999999; + li { + height: 40px; + line-height: 40px; + text-align: center; + a:hover { + color: #ffb800; + background-color: #2b3442; + } + } + } + } + } + } + img, + .head-menu-list, + div, + .head-menu-list-li { + float: left; + } + img { + width: 60px; + height: 30px; + padding-right: 10px; + } + li { + padding: 0 15px; + ul { + /*display: none;*/ + } + } + .head-men-right { + .head-menu-right-content { + min-width: 100px; + span { + span { + padding: 0 5px; + cursor: pointer; + a { + &:hover { + color: #ffb800; + } + } + } + } + } + .head-menu-right-search { + padding-right: 12px; + position: relative; + input:-webkit-autofill { + -webkit-box-shadow: 0 0 0px 1000px #2b3442 inset !important;//关于解决输入框背景颜色 + -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色 + } + .ms-search-click { + background-image: url(../images/search.png); + width: 14px; + height: 14px; + border: 0; + background-color: #2b3442; + position: absolute; + right: 30px; + top: 8px; + cursor: pointer; + } + .ms-search-input { + height: 28px; + background-color: #2b3442; + border: 1px solid #fff; + border-radius: 15px; + padding-left: 30px; + color: #fff; + width: 318px; + font-size: 14px; + } + input::-webkit-input-placeholder { + color: #fff; + } + .iconfont { + font-size: 18px; + cursor: pointer; + position: absolute; + right: 28px; + } + } + } + } +} + + +/*底部*/ + +.ms-footer { + height: 140px; + background-color: #2a3542; + /*line-height: 140px;*/ + .ms-footer-content { + padding: 46px 0; + width: 1200px; + margin: auto; + .ms-footer-left { + color: #999999; + font-size: 14px; + float: left; + .ms-footer-left-copyright { + display: block; + padding-top: 20px; + height: 14px; + } + .ms-footer-left-column { + a:link { + color: #999; + text-decoration: none + } + a:visited { + color: #999; + text-decoration: none + } + a:hover{ + color: #fff; + } + height: 14px; + cursor:pointer; + .ms-footer-left-column-course, + .ms-footer-left-column-contact { + padding: 0 10px; + } + .ms-footer-left-column-about { + padding-right: 10px; + } + } + } + .ms-footer-right { + float: right; + img { + cursor: pointer; + } + .ms-footer-right-baidu { + padding: 0 12px; + } + .ms-footer-right-weixin { + position: relative; + display: none; + img { + top: -161px; + left: -38px; + width: 103px; + /* display: none; */ + border: 2px solid #ccc; + position: absolute; + } + p { + font-size: 0; + line-height: 0; + display: block; + width: 0; + height: 0; + left: 8px; + border-left: 10px solid transparent; + border-right: 8px solid transparent; + border-top: 10px solid #fff; + position: absolute; + top: -58px; + z-index: 85; + /* display: none; */ + } + } + } + } +} + +.ms-but-disabled2, +.ms-but-disabled { + opacity: .6 !important; + cursor: no-drop !important; +} + +.ms-but-disabled:hover { + background-color: #009aff !important; +} + +.ms-loading { + text-align: center; + height: 700px; + line-height: 700px; + img { + width: 60px; + } +} + +.topbar-info { + display: flex; + align-items: center; + float: right; + color: white; + text-align: right; + a { + height: 30px; + line-height: 30px; + .loginImg { + width: 30px !important; + height: 30px !important; + vertical-align: super; + border-radius: 50%; + padding: 0; + margin-right: 12px; + opacity: .9; + cursor: pointer; + &:hover { + opacity: 1; + } + } + .userName { + line-height: 30px !important; + margin-right: 12px; + color: #fff; + cursor: pointer; + font-weight: 500; + &:hover { + color: #ffb800; + } + } + } + .quitLogin { + color: #fff; + height: 30px; + line-height: 30px; + &:hover { + color: #ffb800; + } + } + .ms-userName { + max-width: 110px; + white-space: nowrap; + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/case-list.less b/src/main/webapp/templets/1/default/less/case-list.less new file mode 100644 index 00000000..3cb1b602 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/case-list.less @@ -0,0 +1,128 @@ + +.ms-content-case{ +/* margin: 20px 0 ;*/ + background-color: #fff; + overflow: hidden; + padding-top: 20px; + a:visited{color:#000000;} + .ms-content-main{ + width: 1200px; + min-height: 400px; + margin: auto; + overflow: hidden; + .ms-content-main-case:nth-child(3n){ + margin-right: 0; + } + .ms-content-main-case{ + border: 1px solid #f0f0f0; + width: 384px; + height: 332px; + margin-right: 20px; + float: left; + position: relative; + overflow: hidden; + color: #ffffff; + margin-top: 20px; + .ms-content-main-case-img{ + width: 387px; + height: 334px; + img{ + width: 100%; + height: 100%; + } + } + .ms-content-main-case-explain{ + display: none; + width: 100%; + height: 100%; + background-color: #0099ff; + opacity: 0.9; + position: absolute; + top: 0px; + left: 0px; + .ms-content-main-case-title{ + font-size: 22px; + text-align: center; + margin: 20px 0; + padding: 0 20px; + height: 22px; + line-height: 22px; + overflow:hidden; + text-overflow:ellipsis; + -webkit-line-clamp:1; + -webkit-box-orient:vertical; + display:-webkit-box; + } + .ms-content-main-case-content{ + min-height: 215px; + p{ + font-size: 14px; + padding: 0 30px; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + display: -webkit-box; + img{ + width: 100px; + text-align: center; + margin: 20px 0; + height: 100px; + } + } + } + .ms-content-main-case-click{ + text-align: center; + a{ + border: 1px solid #ffffff; + border-radius: 17px; + padding: 5px 39px; + color: #ffffff; + } + } + } + } + .ms-content-main-case-left{ + margin-right: 0px; + } + + } + #ms-case-page{ + margin-top: 50px; + a:hover{ + background-color: #eee; + } + } + .ms-content-main-page{ + a{ + color:#999; + font-size:14px; + } + text-align: center; + margin-top: 30px; + margin-bottom: 50px; + .ms-content-main-page-first,.ms-content-main-page-last{ + border: 1px solid #ddd; + padding: 10px 15px; + margin-right:-5px; + } + .ms-content-main-page-upper,.ms-content-main-page-next{ + border-top:1px solid #ddd; + border-bottom:1px solid #ddd; + /*border: 1px solid #ddd;*/ + padding: 10px 15px; + margin-right:-5px; + } + .ms-content-main-page-upper{ + border-right: 1px solid #ddd; + } + .ms-content-main-page-first{ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .ms-content-main-page-last{ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/center.less b/src/main/webapp/templets/1/default/less/center.less new file mode 100644 index 00000000..68866e76 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/center.less @@ -0,0 +1,223 @@ +.ms-content { + font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif; + width: 1200px; + margin: auto; + .ms-content-main { + margin: 20px 0; + .ms-content-left { + width: 230px; + height: 270px; + background-color: #fff; + text-align: center; + margin-right: 20px; + float: left; + .ms-content-left-info { + img { + width: 100px; + height: 100px; + border-radius: 50%; + margin: 20px 0 10px 0; + } + div { + border-bottom: 1px solid #f1f1f1; + padding-bottom: 10px; + font-weight: bold; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #555555; + } + } + .ms-content-left-list { + .active { + color: #0099ff; + } + a:link { + color: #999; + text-decoration: none + } + a:hover{ + color: #0099ff; + } + .ms-content-left-list-info { + margin-top: 20px; + cursor: pointer; + color: #999999; + } + .ms-content-left-list-pass { + margin: 20px 0; + color: #999999; + cursor: pointer; + } + } + } + .ms-content-right { + background-color: #fff; + width: 950px; + min-height: 653px; + overflow: hidden; + .ms-content-right-title { + color: #555555; + border-bottom: 1px solid #eeeeee; + padding: 20px 0; + margin: 0 20px; + } + /*修改密码*/ + .ms-content-right-form { + input::-webkit-input-placeholder { + color: #999; + } + .ms-content-old-password, + .ms-content-data { + .span{ + display: inline-block; + } + font-size: 14px; + color: #999999; + .ms-error-hide { + opacity: 0; + color: #FF0000; + transition: all .2s; + } + .ms-error-show { + opacity: 1; + } + span { + min-width: 70px; + max-width: 300px; + /*display: inline-block;*/ + } + + img { + vertical-align: middle; + } + input { + width: 220px; + height: 20px; + padding: 5px 10px; + border: 1px solid #eeeeee; + border-radius: 4px; + margin-top: 20px; + background-color: #fafafa; + } + } + form { + margin-left: 67px; + } + .ms-content-click { + pointer-events:none; + background-color:#fafafa; + color:#ddd; + /*color: white;*/ + width: 120px; + /*background-color: #0099ff;*/ + padding: 6px 0; + border-radius: 4px; + text-align: center; + margin-left: 141px; + margin-top: 20px; + cursor: pointer; + opacity: .9; + &:hover { + opacity: 1; + } + } + .ms-content-click-password { + margin-left: 141px; + } + } + /*基本资料*/ + .ms-content-right-form { + .ms-content-data { + .ms-error-hide { + opacity: 0; + color: #FF0000; + transition: all .2s; + } + .ms-error-show { + opacity: 1; + } + input { + background-color: #ffffff; + height: 20px; + padding: 5px 10px; + margin-right: 18px; + transition: all .6s; + color: #999; + &:focus { + color: #000; + border-color: #0099ff; + } + } + .ms-content-head-img { + width: 64px; + height: 64px; + position: relative; + &:hover { + #browse { + display: block; + } + } + img { + width: 100%; + height: 100%; + border-radius: 50%; + background: white; + } + .ms-content-head-upload { + width: 100%; + height: 100%; + line-height: 64px; + position: absolute; + top: 0px; + left: 0px; + font-size: 12px; + color: #fff; + border-radius: 50%; + text-align: center; + span { + margin: auto; + } + } + } + } + .ms-content-data-head { + text-align: left; + display: flex; + align-items: center; + margin-top: 20px; + cursor: pointer; + } + } + } + } +} + +.ms-content-head-upload { + .display-img { + width: 64px; + height: 64px; + display: block !important; + } + span { + display: none ; + } + &:hover { + #browse { + opacity: 1; + } + } + #browse { + background: rgba(89, 89, 89, 0.5); + min-width: 64px; + width: 64px; + height: 64px; + transition: .3s; + position: absolute; + z-index: 1; + top: 0; + left: 0; + border-radius: 50%; + opacity: 0; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/index.less b/src/main/webapp/templets/1/default/less/index.less new file mode 100644 index 00000000..659e0cb6 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/index.less @@ -0,0 +1,399 @@ +body{ + font-size: 16px !important; + font-family: inherit !important; +} +.ms-head{ + *{ + box-sizing: initial !important; + } + box-sizing: initial !important; +} +.ms-content-index { + #ms-content-main-case-left { + margin-right: 0px; + } + min-height: 550px; + /*网站案例*/ + .ms-content-template { + .ms-index-tabs { + + text-align: center; + border: none; + margin-bottom: 3px; + li { + a:hover{ + color: #333; + } + margin-right: 15px; + float: none; + display: inline-block; + font-size: 2.4rem; + a { + border: none !important; + color: #777; + background-color: white; + padding: 10px 0px; + font-size: 20px; + } + } + .active { + a { + border-bottom: 2px solid #00b0ff !important; + color:#333; + } + } + } + .ms-content-all { + min-height: 700px; + padding: 20px 0; + width: 100%; + background: #fafafa; + .tab-content { + background: #fafafa; + width: 1200px; + margin: auto; + overflow: hidden; + padding-bottom: 20px; + .ms-model-content { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .ms-model-list { + .ms-model-more { + width: 385px; + height: 347px; + background-color: white; + line-height: 364px; + text-align: center; + background-size:100% 100%; + background-image: url(../images/more.png); + div { + border: 1px solid #aaa; + color: #666; + padding: 6px 18px; + display: inline-block; + line-height: 1; + border-radius: 30px; + font-size: 1.4rem; + cursor: pointer; + &:hover { + background: #aaa; + color: white; + } + } + } + display: inline-block; + position: relative; + margin: 20px 0 0 0; + .ms-model-info { + padding: 18px; + background: white; + span { + display: block; + margin-bottom: 18px; + color: #666; + } + .ms-model-info-img { + width: 35px; + height: 35px; + border-radius: 50%; + margin-right: 6px; + } + .ms-model-type { + color: #fb803c; + display: inline-block; + float: right; + font-size: 2.4rem; + } + } + .ms-model-img { + overflow: hidden; + position: relative; + height: 235px; + z-index: 2; + display: block; + img { + width: 385px; + position: relative; + } + } + .ms-model-mobile-img { + position: absolute; + overflow: hidden; + z-index: 3; + right: 0; + top: 0; + height: 285px; + div { + width: 150px; + height: 192px; + padding: 0px 15px 0px 26px; + margin-top: 47px; + overflow: hidden; + position: relative; + img { + width: 100%; + position: relative; + min-height: 100%; + } + } + } + } + } + } + } + } + .ms-content-case { + width: 100%; + /*height: 300px;*/ + overflow: hidden; + background-color: #fff; + .ms-content-case-mian { + width: 1200px; + margin: auto; + overflow: hidden; + padding-bottom: 40px; + .ms-content-case-title { + overflow: hidden; + border-bottom: 1px solid #eee; + padding-bottom: 20px; + padding-top: 20px; + .ms-content-case-title-words { + float: left; + font-size: 20px; + } + .ms-content-case-more { + float: right; + font-size: 14px; + color: #999; + cursor: pointer; + a:link { + color: #999; + text-decoration: none + } + a:visited { + color: #999; + text-decoration: none + } + } + } + .ms-content-case-list { + .ms-content-main-case:nth-child(3n) { + margin-right: 0; + } + .ms-content-main-case { + border: 1px solid #f0f0f0; + width: 384px; + height: 332px; + margin-right: 22px; + float: left; + position: relative; + overflow: hidden; + color: #ffffff; + margin-top: 20px; + &:hover { + .ms-content-main-case-explain { + display: block; + } + } + .ms-content-main-case-img { + width: 384px; + height: 334px; + img { + width: 100%; + height: 100%; + } + } + .ms-content-main-case-explain { + display: none; + width: 100%; + height: 100%; + background-color: #0099ff; + opacity: 0.9; + position: absolute; + top: 0px; + left: 0px; + .ms-content-main-case-title { + font-size: 22px; + text-align: center; + margin: 20px 0; + padding: 0 20px; + height: 22px; + line-height: 22px; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + display: -webkit-box; + } + .ms-content-main-case-content { + min-height: 215px; + p { + font-size: 14px; + padding: 0 30px; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + display: -webkit-box; + img { + width: 90px; + text-align: center; + margin: 10px 0 0 0; + height: 90px; + } + } + } + .ms-content-main-case-click { + text-align: center; + a { + border: 1px solid #ffffff; + border-radius: 17px; + padding: 5px 39px; + color: #ffffff; + } + } + } + } + } + } + } + /*产品方向*/ + .ms-content-product { + background: #fafafa; + .ms-content-product-main { + width: 1200px; + padding: 20px 0; + margin: auto; + .ms-content-product-title { + .ms-content-product-title-words { + font-size: 20px; + } + padding: 15px 0; + font-size: 18px; + text-align: center; + border-bottom: 1px solid #eee; + } + .ms-content-product-list { + margin: 20px 0; + .ms-content-product-list-ul { + li:last-child { + margin-right: 0; + } + overflow: hidden; + li { + width: 384px; + margin-right: 22px; + background-color: #fff; + float: left; + img { + width: 100%; + } + .ms-content-product-list-content { + a:hover { + color: #0099ff; + } + margin: 0 20px; + .ms-content-product-list-content-title { + margin: 18px 0; + a { + color: #555; + font-size: 16px; + &:hover { + color: #0099ff; + } + } + } + .ms-content-product-list-content-describe { + font-size: 12px; + color: #999; + padding-bottom: 20px; + } + } + } + } + } + } + } + .ms-content-news-main-title-more,.ms-content-case-more{ + padding-top: 9px; + font-size:14px; + a:hover{ + color: #0099ff !important; + } + } + /*公司动态*/ + .ms-content-news { + margin-bottom: 40px; + background-color: #fff; + .ms-content-news-main { + width: 1200px; + margin: auto; + .ms-content-news-main-title { + overflow: hidden; + border-bottom: 1px solid #eee; + padding-bottom: 20px; + padding-top: 40px; + line-height: 1; + .ms-content-news-main-title-words { + float: left; + font-size: 20px; + } + .ms-content-news-main-title-more { + float: right; + font-size: 14px; + color: #999; + cursor: pointer; + a:link { + color: #999; + text-decoration: none + } + a:visited { + color: #999; + text-decoration: none + } + } + } + .ms-content-news-main-img-text { + margin-top: 21px; + height: 250px; + padding-bottom: 40px; + overflow: hidden; + img { + float: left; + margin-right: 20px; + width: 420px; + height: 251px; + } + .ms-content-news-main-ul { + span:hover { + color: #0099ff; + } + overflow: hidden; + li { + overflow: hidden; + margin-bottom: 14px; + border-bottom: 1px dotted #eee; + padding-bottom: 10px; + line-height: 1; + .ms-content-news-main-li-title { + float: left; + font-size: 14px; + color: #555; + height: 19px; + .ms-content-news-main-li-span { + margin-right: 12px; + } + .ms-content-news-main-li-title {} + } + .ms-content-news-main-li-time { + float: right; + font-size: 14px; + color: #999; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/login.less b/src/main/webapp/templets/1/default/less/login.less new file mode 100644 index 00000000..935a8246 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/login.less @@ -0,0 +1,224 @@ +html,body,#login{ + height: 100%; +} +body{ + background-color: #ffffff; +} +body,p{ + margin: 0; +} +input:focus,textarea:focus { + outline: none; +} +#login{ + display: flex; + flex-direction:column; + height: 893px; + min-width: 1200px; + background:url("../images/pic.png") no-repeat; + background-position: 50%; + .ms-none{ + display: none !important; + } + .ms-login-float{ + float: left; + } + .ms-head,.ms-footer,.ms-content-form,.ms-content-code{ + background-color: #ffffff; + } + .ms-head-line,.ms-head-welcome-login,.ms-footer{ + color: #999999; + } + .ms-head-welcome-login,.ms-login-english-title,.ms-login-remmember-password,.ms-footer{ + font-size: 12px; + } + .ms-head{ + a{ + width: 147px; + } + vertical-align: middle; + height: 22px; + padding: 34px 46px; + display: flex; + align-content: center; + img{ + height: 100%; + } + .ms-head-welcome-login{ + margin-top: 4px; + font-size: 1rem !important; + } + .ms-head-line{ + margin: 0 12px; + border-left: 1px solid #999; + } + } + .ms-content{ + flex:1; + position: relative; + .ms-content-form,.ms-content-code{ + width: 280px; + height: 215px; + padding: 24px 20px; + position: absolute; + right: 160px; + top: 25%; + box-shadow: 2px 2px 8px 6px rgb(59, 177, 255); + } + #ms-content-form-register{ + height: 260px; + } + .ms-login-chinese-title{ + color: #0099ff; + font-size: 16px; + line-height: 15px; + } + .ms-login-code{ + position: absolute; + top: 4px; + right: 4px; + } + .ms-login-code-title{ + color: #0099ff; + font-size: 12px; + } + .ms-content-form{ + .ms-login-title{ + line-height: 13px; + } + .ms-login-english-title,.ms-login-remmember-password,.ms-login-code-text{ + color: #999999; + } + .ms-login-people-name,.ms-login-remmember-password{ + margin-bottom: 12px; + } + .ms-login-error-text{ + height: 15px; + font-size: 12px; + color: #e4393c; + display: flex; + align-items: center; + padding: 5px 0; + img{ + padding-right: 5px; + } + } + input{ + border: 1px solid #eeeeee; + border-radius: 3px; + color: #555555; + outline-color: #0099ff; + &::-webkit-input-placeholder { + color: #999999; + } + &::-moz-placeholder { + color: #999999; + } + } + .ms-login-people-name{ + width: 260px; + height: 20px; + padding: 5px 10px; + } + .ms-error{ + border:1px solid #e4393c; + } + .ms-login-remmember-password{ + display: flex; + line-height: 13px; + align-items: center; + height: 13px; + } + .ms-login-remmember-password input[type="checkbox"]{ + margin:0 6px 0 0; + } + .ms-login-button{ + pointer-events:none; + background-color:#fafafa; + color:#ddd; + width: 100%; + height: 34px; + line-height: 34px; + font-size: 14px; + /*color: #ffffff;*/ + text-align: center; + /*background-color: #009aff;*/ + cursor: pointer; + border-radius: 4px; + } + .login-code{ + overflow: hidden; + margin-bottom: 12px; + .login-code-input{ + width: 120px; + height: 12px; + padding:10px; + } + .login-code-input,.login-code-img{ + margin-right: 11px; + } + .login-code-img{ + height: 34px; + } + .login-code-text{ + font-size: 10px; + } + .login-code-change{ + cursor: pointer; + color: #0099ff; + } + .login-code-rompt{ + color: #999; + } + } + .ms-login-rand-code{ + width: 110px; + height: 12px; + padding:10px; + } + .ms-login-rand-code-img{ + height: 34px; + } + } + .ms-content-code{ + .ms-computer-title{ + background: url(../images/frame.png) no-repeat; + position: absolute; + top: 10px; + background-size: 100% 100%; + color: #ffffff; + font-size: 10px; + width: 90px; + right: 45px; + } + .ms-login-weixin{ + text-align: center; + img{ + margin: auto; + display: block; + margin-top: 18px; + margin-bottom: 16px; + } + } + } + .ms-login-button:hover,.ms-login-button:active{ + background-color: #0086ff; + } + } + .ms-footer{ + a:link{color:#999999;text-decoration:none} + a:visited{color:#999999;text-decoration:none} + a:active{color:#999999;text-decoration:none} + a:hover{color:#0099ff;text-decoration:none} + height: 40px; + padding: 40px 0; + text-align: center; + p{ + margin: 0 0 18px 0; + line-height: 11px; + &:last-child{ + margin:0; + } + } + } +} diff --git a/src/main/webapp/templets/1/default/less/news-list.less b/src/main/webapp/templets/1/default/less/news-list.less new file mode 100644 index 00000000..0eb6d11b --- /dev/null +++ b/src/main/webapp/templets/1/default/less/news-list.less @@ -0,0 +1,186 @@ +.ms-content{ + .ms-content-left{ + width: 230px; + float: left; + margin-right: 20px; + .ms-content-left-title{ + font-weight: bold; + background-color: #009aff; + color: #fff; + height: 40px; + line-height: 40px; + width: 190px; + padding: 0 20px; + } + .ms-content-left-ul{ + a:hover{ + li{ + background-color: #54bcfe; + } + color: #fff; + } + background-color: #fff; + margin-top: 1px; + width: 230px; + a{ + color: #999999; + } + li{ + height: 40px; + line-height: 40px; + font-size: 14px; + cursor: pointer; + /*width: 190px;*/ + padding: 0 20px; + .ms-content-left-li-more{ + float: right; + } + } + .ms-content-left-li-first{ + li{ + background-color: #54bcfe; + } + color: #fff; + } + } + } + /*新闻列表*/ + margin: 20px 0 ; + a:visited{color:#000000;} + .ms-content-new-list{ + overflow: hidden; + margin-top: 20px; + } + .ms-content-right-position{ + a:hover{ + color:#0099ff; + } + font-size: 14px; + overflow: hidden; + margin-bottom: 20px; + span{ + padding: 0 5px; + } + } + #ms-content-search{ + float: none; + width: 100%; + margin-top: 20px; + } + .ms-content-main-list{ + + float: right; + /*margin-bottom: 40px;*/ + width: 950px; + + min-height: 400px; + /*margin: auto;*/ + .ms-content-main-div{ + background-color: #fff; + padding-bottom: 30px; + .ms-content-main-ul{ + a:link{color:#333;text-decoration:none} + a:visited{color:#333;text-decoration:none} + a:active{color:#333;text-decoration:none} + a:hover{color:#0099ff;text-decoration:none} + margin: 0 20px; + li{ + border-bottom: 1px dotted #eee; + padding: 12px 0; + overflow: hidden; + } + .ms-content-main-li-span{ + padding-right: 10px; + float: left; + } + .ms-content-main-li-title{ + float: left; + color:#333; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + display: -webkit-box; + font-size: 14px; + width: 500px; + } + .ms-content-main-li-time{ + float: right; + color: #999999; + font-size: 14px; + } + } + } + } + .ms-content-main-page{ + a{ + color:#999; + font-size:14px; + } + a:hover{ + background-color: #eee; + } + text-align: center; + margin-top: 30px; + margin-bottom: 50px; + .ms-content-main-page-first,.ms-content-main-page-last{ + border: 1px solid #ddd; + padding: 10px 15px; + margin-right:-5px; + } + .ms-content-main-page-upper,.ms-content-main-page-next{ + border-top:1px solid #ddd; + border-bottom:1px solid #ddd; + /*border: 1px solid #ddd;*/ + padding: 10px 15px; + margin-right:-5px; + } + .ms-content-main-page-upper{ + border-right: 1px solid #ddd; + } + .ms-content-main-page-first{ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .ms-content-main-page-last{ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + } + /*搜索列表*/ + .ms-content-main-div{ + .ms-content-main-div-prompt{ + border-bottom: 1px solid #d0cfcf99; + padding-top: 20px; + padding-left: 20px; + padding-bottom: 10px; + font-size: 14px; + color: #999999; + span{ + color: #0198ff; + } + } + .ms-content-main-ul{ + li{ + height: 22px; + line-height: 22px; + } + a{ + font-size:14px; + } + .ms-content-main-li-title:hover{ + color: #0099ff; + } + .ms-content-main-ul-result{ + color: #0198ff; + } + } + .ms-content-main-div-nothing{ + font-size: 14px; + color: #999999; + padding-top: 20px; + padding-left: 20px; + text-align: center; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/less/news-show.less b/src/main/webapp/templets/1/default/less/news-show.less new file mode 100644 index 00000000..ea618de8 --- /dev/null +++ b/src/main/webapp/templets/1/default/less/news-show.less @@ -0,0 +1,224 @@ +.ms-content-about { + .ms-content-main { + .ms-content-right { + .ms-content-right-main-title { + .ms-content-right-main-title-div{ + color:#333; + } + overflow: hidden; + } + #ms-content-right-main-title { + padding-bottom: 0px; + text-align: left; + border-bottom: 1px solid #fafafa; + } + .ms-content-right-main-icon { + .ms-content-right-vertical{ + color: #ccc; + } + font-size: 12px; + color: #999999; + /*float: right;*/ + overflow: hidden; + padding: 20px 0; + .ms-content-icon-left, + .ms-content-icon-right { + div { + float: left; + overflow: hidden; + span { + margin: 0 12px; + } + } + } + .ms-content-icon-right { + float: right; + } + .ms-content-right-main-icon-clicks, + .ms-content-right-main-icon-comment, + .ms-content-right-main-icon-Fabulous { + background-image: url(../images/pics.png); + width: 16px; + height: 15px; + margin-top: 2px; + } + .ms-content-right-main-icon-clicks { + background-position: -11px 84px; + } + .ms-content-right-main-icon-comment { + background-position: -67px 84px; + } + .ms-content-right-main-icon-Fabulous { + background-position: -120px 85px; + } + .ms-content-right-main-icon-num { + margin-left: 5px; + } + } + } + .ms-content-right-main-content-Fabulous { + width: 952px; + height: 96px; + border-top: 1px solid #fafafa; + background-color: #fff; + display: flex; + align-items: center; + .ms-content-right-main-content-icon { + transition: all .6s; + background-image: url(../images/pics.png); + width: 56px; + height: 56px; + background-position: -45px 53px; + background-color: #bababa; + border-radius: 50%; + margin: 0 auto; + cursor: pointer; + } + .ms-is-attention { + background-color: #009bff; + } + } + .ms-content-right-comment { + width: 952px; + /*height: 300px;*/ + background-color: #fff; + margin-top: 10px; + .ms-content-right-comment-input { + border-bottom: 1px solid #fafafa; + padding-bottom: 40px; + textarea::-webkit-input-placeholder { + color: #ddd; + } + textarea { + width: 888px; + height: 15px; + padding: 10px; + background-color: #fafafa; + border: 1px solid #eee; + border-radius: 3px; + /*margin: 20px;*/ + margin: 0 20px; + margin-top: 20px; + margin-bottom: 10px; + } + .ms-content-right-comment-button { + width: 910px; + overflow: hidden; + margin: 0 20px; + .ms-content-right-comment-expression { + background-image: url(../images/pics.png); + background-position: -2px 37px; + width: 30px; + height: 30px; + float: left; + cursor: pointer; + } + .ms-content-right-comment-submit { + width: 50px; + background-color: #fafafa; + font-size: 14px; + height: 25px; + border-radius: 4px; + color: #ddd; + line-height: 25px; + text-align: center; + float: right; + cursor: no-drop; + } + .ms-submit-comments-css { + opacity: .9 !important; + cursor: pointer; + background-color: #009aff !important; + color: #ffffff; + &:hover { + opacity: 1 !important; + } + } + } + } + .ms-content-right-comment-list { + .ms-content-right-comment-list-div { + overflow: hidden; + padding: 20px 0; + margin: 0 20px; + border-bottom: 1px solid #fafafa; + .ms-content-right-comment-list-left { + font-size: 14px; + margin-left: 40px; + .ms-content-right-comment-list-portrait { + float: left; + margin-right: 20px; + img { + width: 64px; + height: 64px; + border-radius: 50%; + /* float: left;*/ + } + } + .ms-content-right-comment-list-content { + overflow: hidden; + .ms-content-right-comment-list-name { + margin-bottom: 20px; + } + .ms-content-right-comment-list-comment { + color: #999; + } + } + } + .ms-content-right-comment-list-right { + /*display: none;*/ + float: right; + margin-right: 20px; + overflow: hidden; + height: 15px; + .ms-content-right-main-icon-comment, + .ms-content-right-main-icon-Fabulous { + background-image: url(../images/pics.png); + width: 16px; + height: 15px; + /*margin-top: 2px;*/ + float: left; + } + .ms-content-right-main-icon-comment { + background-position: -67px 85px; + margin-right: 20px; + } + .ms-content-right-main-icon-Fabulous { + background-position: -120px 85px; + } + .ms-content-right-main-icon-num { + margin-left: 5px; + float: left; + font-size: 12px; + color: #999; + } + } + .ms-content-right-comment-list-div-more{ + cursor: pointer; + } + .ms-content-right-comment-list-div-more, + .ms-content-right-comment-list-div-no { + text-align: center; + font-size: 14px; + color: #999; + } + .ms-content-right-comment-list-div-no {} + .ms-content-right-comment-list-div-load { + text-align: center; + img { + width: 30px; + } + } + } + .ms-content-right-active { + border: none; + } + .ms-content-right-comment-list-no-comment { + text-align: center; + height: 200px; + line-height: 200px; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/about.htm b/src/main/webapp/templets/1/default/m/about.htm new file mode 100644 index 00000000..2c1bf71f --- /dev/null +++ b/src/main/webapp/templets/1/default/m/about.htm @@ -0,0 +1,35 @@ + + + <#include "m/head-file.htm"/> + + <#include "m/head.htm"/> +
+ +
+
+
+ +
+
{ms:field.content/}
+
+
+
+ <#include "m/footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/advice.htm b/src/main/webapp/templets/1/default/m/advice.htm new file mode 100644 index 00000000..f937cc26 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/advice.htm @@ -0,0 +1,66 @@ + + + <#include "m/head-file.htm"/> + + <#include "m/head.htm"/> +
+ +
+
+
+

+ +

+

+ +

+
+ +
+ +
+
+ <#include "m/footer.htm"/> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/case-list.htm b/src/main/webapp/templets/1/default/m/case-list.htm new file mode 100644 index 00000000..3eaad36d --- /dev/null +++ b/src/main/webapp/templets/1/default/m/case-list.htm @@ -0,0 +1,50 @@ + + + <#include "m/head-file.htm"/> + + <#include "m/head.htm"/> +
+ +
+
+ + +
+ <#include "m/footer.htm"/> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/contact.htm b/src/main/webapp/templets/1/default/m/contact.htm new file mode 100644 index 00000000..fd314bdf --- /dev/null +++ b/src/main/webapp/templets/1/default/m/contact.htm @@ -0,0 +1,35 @@ + + + <#include "m/head-file.htm"/> + + <#include "m/head.htm"/> +
+ +
+
+
+ +
+
{ms:field.content/}
+
+
+
+ <#include "m/footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/css/jquery.sinaemotion.css b/src/main/webapp/templets/1/default/m/css/jquery.sinaemotion.css new file mode 100644 index 00000000..c21b9f2c --- /dev/null +++ b/src/main/webapp/templets/1/default/m/css/jquery.sinaemotion.css @@ -0,0 +1,80 @@ +#emotions{ + left:0; + width: 395px; + max-width: 98%; + font-size:12px; + background:#fff; + position:absolute; + border: 1px solid #E8E8E8; +} +#emotions a{ + color: #9ABBC8; + padding:2px 7px; + text-decoration:none; +} +#emotions img{ + border:0; +} +#emotions div{ + margin:5px 10px; + padding:1px; + overflow: hidden; +} +#emotions #prev, +#emotions #next +{ + margin-left:3px; + background:#eee; +} +#emotions .categorys{ + color:#ccc; + height:23px; + color: #9ABBC8; + overflow:hidden; +} +#emotions .categorys a{ + display: inline-block; +} +#emotions .categorys a:hover{ + text-decoration:underline; +} +#emotions .categorys a.current{ + cursor: default; + background: #F0F0F0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +#emotions .container{ + padding:1px; + overflow: hidden; +} +#emotions .container a{ + float:left; + width:26px; + height:22px; + text-align:center; + box-sizing: content-box; + padding: 4px 2px; + margin: -1px 0 0 -1px; + border: 1px solid #e8e8e8; +} +#emotions .container a:hover{ + z-index:2; + position:relative; + border:1px solid #0095cd; +} +#emotions .page{ + text-align:right; +} +#emotions .page a.current{ + color: #666; + background-color:#fff; +} +#emotions .page a{ + margin-left:3px; + color: #0078B6; + background-color:#f3f3f3; +} +#emotions .page a:hover{ + background-color:#e7e7e7; +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/css/style.css b/src/main/webapp/templets/1/default/m/css/style.css new file mode 100644 index 00000000..41c64286 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/css/style.css @@ -0,0 +1,83 @@ + body{/*background-color: #262626*/} + *{ + padding: 0; + margin: 0; + } + .container{ + max-width: 800px; + margin: 0 auto; + } + .slide{ + width: 100%; + min-height: 180px; + overflow: hidden; + position: relative; + height: 300px; + + } + .slide .img{ + overflow: hidden; + position: absolute; + transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; + } + .slide .img img{ + width: calc(100% - 14px); + height: calc(100% - 14px); + margin: 7px; + } + .slide .img1{ + width: 40%; + /*height: 40%;*/ + top: 35%; + left: -50%; + z-index: 1; + } + .slide .img2{ + width: 60%; + /*height: 60%;*/ + top: 25%; + left: -20%; + z-index: 2; + } + .slide .img3{ + width: 80%; + /*height: 80%;*/ + top: 15%; + left: 10%; + z-index: 3; + } + .slide .img4{ + width: 60%; + /*height: 60%;*/ + top: 25%; + left: 60%; + z-index: 2; + } + .slide .img5{ + width: 40%; + /*height: 40%;*/ + top: 35%; + left: 110%; + z-index: 1; + } + .slide-bt{ + position: absolute; + left: 50%; + bottom: 13%; + z-index: 10; + } + .slide-bt span{ + width: 24px; + height: 8px; + background: #c9caca; + float: left; + margin: 5px; + border-radius: 4px; + } + .slide .slide-bt .on{ + background: #ffd200; + } +/* button{ + width: 50px; + margin: 20px; + } */ \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/footer.htm b/src/main/webapp/templets/1/default/m/footer.htm new file mode 100644 index 00000000..388f768b --- /dev/null +++ b/src/main/webapp/templets/1/default/m/footer.htm @@ -0,0 +1,14 @@ +
+ +
\ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/head-file.htm b/src/main/webapp/templets/1/default/m/head-file.htm new file mode 100644 index 00000000..e87a5683 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/head-file.htm @@ -0,0 +1,33 @@ + + {ms:global.name/} + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/head.htm b/src/main/webapp/templets/1/default/m/head.htm new file mode 100644 index 00000000..154101f1 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/head.htm @@ -0,0 +1,72 @@ +
+
+
+ + + +
+

+ + + +

+ +
+
\ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/images/01.png b/src/main/webapp/templets/1/default/m/images/01.png new file mode 100644 index 00000000..8eabe4d3 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/01.png differ diff --git a/src/main/webapp/templets/1/default/m/images/02.png b/src/main/webapp/templets/1/default/m/images/02.png new file mode 100644 index 00000000..8fb72569 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/02.png differ diff --git a/src/main/webapp/templets/1/default/m/images/03.png b/src/main/webapp/templets/1/default/m/images/03.png new file mode 100644 index 00000000..19f883f4 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/03.png differ diff --git a/src/main/webapp/templets/1/default/m/images/04.png b/src/main/webapp/templets/1/default/m/images/04.png new file mode 100644 index 00000000..5aa54de5 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/04.png differ diff --git a/src/main/webapp/templets/1/default/m/images/05.png b/src/main/webapp/templets/1/default/m/images/05.png new file mode 100644 index 00000000..3afb4068 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/05.png differ diff --git a/src/main/webapp/templets/1/default/m/images/about.png b/src/main/webapp/templets/1/default/m/images/about.png new file mode 100644 index 00000000..29c92a22 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/about.png differ diff --git a/src/main/webapp/templets/1/default/m/images/case.png b/src/main/webapp/templets/1/default/m/images/case.png new file mode 100644 index 00000000..9adec2e0 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/case.png differ diff --git a/src/main/webapp/templets/1/default/m/images/hu1.png b/src/main/webapp/templets/1/default/m/images/hu1.png new file mode 100644 index 00000000..d853293a Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/hu1.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-0.png b/src/main/webapp/templets/1/default/m/images/level-0.png new file mode 100644 index 00000000..71616f8b Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-0.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-1.png b/src/main/webapp/templets/1/default/m/images/level-1.png new file mode 100644 index 00000000..f1e10716 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-1.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-2.png b/src/main/webapp/templets/1/default/m/images/level-2.png new file mode 100644 index 00000000..5abb13a3 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-2.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-3.png b/src/main/webapp/templets/1/default/m/images/level-3.png new file mode 100644 index 00000000..8ece9073 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-3.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-4.png b/src/main/webapp/templets/1/default/m/images/level-4.png new file mode 100644 index 00000000..4d98de93 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-4.png differ diff --git a/src/main/webapp/templets/1/default/m/images/level-5.png b/src/main/webapp/templets/1/default/m/images/level-5.png new file mode 100644 index 00000000..48042443 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/level-5.png differ diff --git a/src/main/webapp/templets/1/default/m/images/loading.gif b/src/main/webapp/templets/1/default/m/images/loading.gif new file mode 100644 index 00000000..ae7f794f Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/loading.gif differ diff --git a/src/main/webapp/templets/1/default/m/images/message.png b/src/main/webapp/templets/1/default/m/images/message.png new file mode 100644 index 00000000..b9f34d96 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/message.png differ diff --git a/src/main/webapp/templets/1/default/m/images/mo.png b/src/main/webapp/templets/1/default/m/images/mo.png new file mode 100644 index 00000000..1b5871e0 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/mo.png differ diff --git a/src/main/webapp/templets/1/default/m/images/mobile.png b/src/main/webapp/templets/1/default/m/images/mobile.png new file mode 100644 index 00000000..4a2d5ca2 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/mobile.png differ diff --git a/src/main/webapp/templets/1/default/m/images/ms.ico b/src/main/webapp/templets/1/default/m/images/ms.ico new file mode 100644 index 00000000..e0c44458 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/ms.ico differ diff --git a/src/main/webapp/templets/1/default/m/images/no-data.png b/src/main/webapp/templets/1/default/m/images/no-data.png new file mode 100644 index 00000000..289f5ebc Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/no-data.png differ diff --git a/src/main/webapp/templets/1/default/m/images/pics.png b/src/main/webapp/templets/1/default/m/images/pics.png new file mode 100644 index 00000000..a6371d2c Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/pics.png differ diff --git a/src/main/webapp/templets/1/default/m/images/timg.jpg b/src/main/webapp/templets/1/default/m/images/timg.jpg new file mode 100644 index 00000000..4e178691 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/timg.jpg differ diff --git a/src/main/webapp/templets/1/default/m/images/搜索.png b/src/main/webapp/templets/1/default/m/images/搜索.png new file mode 100644 index 00000000..021e0d6c Binary files /dev/null and b/src/main/webapp/templets/1/default/m/images/搜索.png differ diff --git a/src/main/webapp/templets/1/default/m/index.htm b/src/main/webapp/templets/1/default/m/index.htm new file mode 100644 index 00000000..622b6130 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/index.htm @@ -0,0 +1,205 @@ + + + <#include "/m/head-file.htm"> + + + + <#include "/m/head.htm"> +
+
+
+
    + +
+
+
+
+
+ +
+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+ +
+ + +

网站案例

+ MORE » + +
+
+
    + {ms:arclist typeid=149 size=4} +
  • +
    + + [field.title/] + +
    +
    • + {/ms:arclist} +
+
+
+
+
+
+
+

产品方向

+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+ + +

公司动态

+ MORE » + +
+
+
    + {ms:arclist typeid=59 size=6} +
  • + [field.title/] + [field.date?string("yyyy-mm-dd")/] +
    • + {/ms:arclist} +
+
+
+
+
+
+ <#include "/m/footer.htm"> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/js/jiaoben.js b/src/main/webapp/templets/1/default/m/js/jiaoben.js new file mode 100644 index 00000000..7fe91b14 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/js/jiaoben.js @@ -0,0 +1,169 @@ +var autoLb = false; //autoLb=true为开启自动轮播 +var autoLbtime = 1; //autoLbtime为轮播间隔时间（单位秒） +var touch = true; //touch=true为开启触摸滑动 +var slideBt = true; //slideBt=true为开启滚动按钮 +var slideNub; //轮播图片数量 + +//窗口大小改变时改变轮播图宽高 +/*$(window).resize(function(){ +$(".slide").height($(".slide").width()*0.56); +});*/ + + +$(function(){ +/*$(".slide").height($(".slide").width()*0.56);*/ +slideNub = $(".slide .img").size(); //获取轮播图片数量 +for(i=0;i3&&slideNub<6){ + for(i=0;i=6){ + for(i=0;i"); + } + $(".slide-bt").width(slideNub*34); + $(".slide-bt").css("margin-left","-"+slideNub*17+"px"); +} + +//自动轮播 +if(autoLb){ + setInterval(function(){ + right(); +}, autoLbtime*500); +} + + +if(touch){ + k_touch(); +} +slideLi(); +imgClickFy(); +}) + +//右滑动 +function right(){ +var fy = new Array(); +for(i=0;i0){ + for(i=0;i 100){ + right(); + _end=0; + } +} +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/js/jquery.sinaEmotion.js b/src/main/webapp/templets/1/default/m/js/jquery.sinaEmotion.js new file mode 100644 index 00000000..40fe3e45 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/js/jquery.sinaEmotion.js @@ -0,0 +1,152 @@ +/** + * @author 夏の寒风 + * @time 2012-12-14 + */ + +//自定义hashtable +function Hashtable() { + this._hash = new Object(); + this.put = function(key, value) { + if (typeof (key) != "undefined") { + if (this.containsKey(key) == false) { + this._hash[key] = typeof (value) == "undefined" ? null : value; + return true; + } else { + return false; + } + } else { + return false; + } + } + this.remove = function(key) { delete this._hash[key]; } + this.size = function() { var i = 0; for (var k in this._hash) { i++; } return i; } + this.get = function(key) { return this._hash[key]; } + this.containsKey = function(key) { return typeof (this._hash[key]) != "undefined"; } + this.clear = function() { for (var k in this._hash) { delete this._hash[k]; } } +} + +var emotions = new Array(); +var categorys = new Array();// 分组 +var uSinaEmotionsHt = new Hashtable(); + +// 初始化缓存，页面仅仅加载一次就可以了 + +//替换 +function AnalyticEmotion(s) { + if(typeof (s) != "undefined" && s != null) { + var sArr = s.match(/\[.*?\]/g); + if(!sArr){return s} + for(var i = 0; i < sArr.length; i++){ + if(uSinaEmotionsHt.containsKey(sArr[i])) { + var reStr = ""; + s = s.replace(sArr[i], reStr); + } + } + } + return s; +} + +(function($){ + $.fn.SinaEmotion = function(target){ + var cat_current; + var cat_page; + $(this).click(function(event){ + event.stopPropagation(); + + var eTop = target.offset().top + target.height() + 15; + var eLeft = target.offset().left - 1; + + if($('#emotions .categorys')[0]){ + $('#emotions').css({top: eTop, left: eLeft}); + $('#emotions').toggle(); + return; + } + $('body').append('
'); + $('#emotions').css({top: eTop, left: eLeft}); + $('#emotions').html('
正在加载，请稍候...
'); + $('#emotions').click(function(event){ + event.stopPropagation(); + }); + + $('#emotions').html('
'); + $('#emotions #prev').click(function(){ + showCategorys(cat_page - 1); + }); + $('#emotions #next').click(function(){ + showCategorys(cat_page + 1); + }); + showCategorys(); + showEmotions(); + + }); + $('body').click(function(){ + $('#emotions').remove(); + }); + $.fn.insertText = function(text){ + this.each(function() { + if(this.tagName !== 'INPUT' && this.tagName !== 'TEXTAREA') {return;} + if (document.selection) { + this.focus(); + var cr = document.selection.createRange(); + cr.text = text; + cr.collapse(); + cr.select(); + }else if (this.selectionStart || this.selectionStart == '0') { + var + start = this.selectionStart, + end = this.selectionEnd; + this.value = this.value.substring(0, start)+ text+ this.value.substring(end, this.value.length); + this.selectionStart = this.selectionEnd = start+text.length; + }else { + this.value += text; + } + }); + return this; + } + function showCategorys(){ + var page = arguments[0]?arguments[0]:0; + if(page < 0 || page >= categorys.length / 5){ + return; + } + $('#emotions .categorys').html(''); + cat_page = page; + for(var i = page * 5; i < (page + 1) * 5 && i < categorys.length; ++i){ + $('#emotions .categorys').append($('' + categorys[i] + '')); + } + $('#emotions .categorys a').click(function(){ + showEmotions($(this).text()); + }); + $('#emotions .categorys a').each(function(){ + if($(this).text() == cat_current){ + $(this).addClass('current'); + } + }); + } + function showEmotions(){ + var category = arguments[0]?arguments[0]:'默认'; + var page = arguments[1]?arguments[1] - 1:0; + $('#emotions .container').html(''); + $('#emotions .page').html(''); + cat_current = category; + for(var i = page * 72; i < (page + 1) * 72 && i < emotions[category].length; ++i){ + $('#emotions .container').append($('' + emotions[category][i].name + '')); + } + $('#emotions .container a').click(function(){ + target.insertText($(this).attr('title')); + $('#emotions').remove(); + }); + for(var i = 1; i < emotions[category].length / 72 + 1; ++i){ + $('#emotions .page').append($('' + i + '')); + } + $('#emotions .page a').click(function(){ + showEmotions(category, $(this).text()); + }); + $('#emotions .categorys a.current').removeClass('current'); + $('#emotions .categorys a').each(function(){ + if($(this).text() == category){ + $(this).addClass('current'); + } + }); + } + } +})(jQuery); diff --git a/src/main/webapp/templets/1/default/m/less/about.less b/src/main/webapp/templets/1/default/m/less/about.less new file mode 100644 index 00000000..edb8f294 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/about.less @@ -0,0 +1,37 @@ +.ms-about-content{ + .ms-about-content-div{ + margin: 10px; + ul{ + line-height: 40px; + background-color: #eee; + width: 100%; + padding: 0; + margin: 0; + list-style: none; + text-align: center; + display: flex; + li{ + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + a{ + display: block; + word-wrap: normal; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + line-height: 42px; + } + } + } + .ms-about-content-main{ + color:#555; + border: none; + margin-top: 2rem; + } + .ms-about-content-li{ + font-size: 1rem; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/less/advice.less b/src/main/webapp/templets/1/default/m/less/advice.less new file mode 100644 index 00000000..27ef7a77 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/advice.less @@ -0,0 +1,41 @@ +.ms-message-content { + form { + width: 95%; + margin: auto; + padding-top: 2rem; + padding-bottom: 5rem; + button { + width: 100%; + border-radius: 5px; + background-color: #fafafa; + color: #ddd; + border-color: #fafafa; + pointer-events: none; + transition: all .6s; + outline: none; + } + input { + border: 1px solid #eeeeee; + outline: none; + transition: all .6s; + &:focus { + border-color: rgb(0, 154, 255); + } + } + textarea { + border: 1px solid #eeeeee; + outline: none; + transition: all .6s; + &:focus { + border-color: rgb(0, 154, 255); + } + width: 100%; + border-radius: 5px; + height: 10rem; + } + textarea::-webkit-input-placeholder, + input::-webkit-input-placeholder { + color: #999; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/less/base.less b/src/main/webapp/templets/1/default/m/less/base.less new file mode 100644 index 00000000..ce4e1883 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/base.less @@ -0,0 +1,30 @@ +.ms-head { + .ms-header-title { + img { + margin-top: 7px; + height: 35px; + } + } + .ms-head-background { + background-color: #ffffff; + .ms-head-menu { + color: #999; + } + .am-header-nav { + .iconfont { + color: #999; + } + } + } +} + +.ms-footer { + footer { + background-color: #2a3542; + .ms-footer-div-a, + .ms-footer-copyright { + color: #999; + font-size: 1rem; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/less/case-list.less b/src/main/webapp/templets/1/default/m/less/case-list.less new file mode 100644 index 00000000..64642a19 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/case-list.less @@ -0,0 +1,22 @@ +.ms-case-list{ + margin-bottom: 2rem; + margin-top: 1rem; + ul{ + li{ + .ms-case-list-img{ + border:none; + width: 100%; + height: 100%; + } + } + } +} +.ms-case-div,.ms-case-div-li{ + /*width: 192px;*/ + height: 193px; +} +.ms-case-div-li{ + img{ + height:100%; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/less/index.less b/src/main/webapp/templets/1/default/m/less/index.less new file mode 100644 index 00000000..ccbdd929 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/index.less @@ -0,0 +1,212 @@ + .ms-content-template { + .ms-index-tabs { + #ms-plug{ + margin-left: 2rem; + } + text-align: center; + border: none; + margin: 20px 0 3px 0; + padding: 0; + li { + float: none; + display: inline-block; + font-size: 2rem; + a { + border: none !important; + color: #777 !important; + background-color: white; + padding: 6px 0px; + font-size: 1.6rem; + } + } + .active { + a { + color: #333 !important; + border-bottom: 2px solid #00b0ff !important; + } + } + } + .ms-content-all { + width: 100%; + background: #fafafa; + .tab-content { + background: #fafafa; + width: 100%; + margin: auto; + overflow: hidden; + padding-bottom: 12px; + .ms-model-content { + padding: 0 12px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .ms-model-list { + overflow: hidden; + .ms-model-more { + width: 385px; + height: 40px; + background-color: #fafafa; + line-height: 40px; + text-align: center; + div { + border: 1px solid #aaa; + color: #999; + padding: 6px 18px; + display: inline-block; + line-height: 1; + border-radius: 30px; + font-size: 1.4rem; + cursor: pointer; + &:hover { + background: #aaa; + color: white; + } + } + } + display: inline-block; + position: relative; + margin: 12px 0 0 0; + .ms-model-info { + padding: 6px; + background: white; + span { + font-size: 14px; + display: block; + margin-bottom: 12px; + color: #666; + width: calc(~"49vw - 36px"); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .ms-model-info-img { + width: 30px; + height: 30px; + border-radius: 50%; + margin-right: 0px; + } + .ms-model-type { + color: #fb803c; + display: inline-block; + float: right; + font-size: 1.8rem; + } + } + .ms-model-img { + overflow: hidden; + position: relative; + height: 110px; + z-index: 2; + display: inline-block; + width: calc(~"49vw - 15px"); + img { + width: 100%; + position: relative; + } + } + .ms-model-mobile-img { + position: absolute; + overflow: hidden; + z-index: 3; + right: 0; + top: 0; + height: 155px; + background-size: 100px 170px; + right: -22px; + div { + width: 120px; + height: 108px; + padding: 0px 34px 0px 16px; + margin-top: 27px; + overflow: hidden; + position: relative; + img { + width: 100%; + position: relative; + min-height: 100%; + } + } + } + } + } + } + } + } + + .ms-case { + .ms-case-div{ + margin-bottom: 2.2rem; + margin-left: 10px; + margin-right: 10px; + margin-top: 10px; + } + .ms-case-title { + border-bottom: 1px solid #ddd; + .ms-case-title-h2 { + color: #000; + } + .ms-case-more { + color: #999; + } + } + .ms-case-list-div { + margin-top: 1rem; + ul { + padding: 0; + li { + .ms-case-list-img { + border: none; + height:100%; + } + } + } + } + } + + .ms-product { + .ms-product-container{ + padding-right: 0; + padding-left: 0; + margin-right: 0; + margin-left: 0; + } + background-color: #fafafa; + .container { + .slide { + /*height: 27rem;*/ + h2 { + font-size: 1.6rem; + margin-top: 1rem; + height: 2rem; + text-align: center; + line-height: 2rem; + } + } + } + } + + .ms-news { + .ms-news-title { + border-bottom: 1px solid #fafafa; + .ms-news-title-h2 { + color: #000; + } + .ms-news-more { + color: #999; + } + } + .ms-product-news-list { + .ms-product-news-list{ + /*border: none;*/ + } + ul { + li { + border: none; + a { + font-size: 1.5rem; + color: #555; + } + } + } + } + } \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/less/news-list.less b/src/main/webapp/templets/1/default/m/less/news-list.less new file mode 100644 index 00000000..ce16974b --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/news-list.less @@ -0,0 +1,23 @@ + +.ms-news-list{ + ul{ + li{ + a{ + color: #000; + font-size: 1.5rem; + } + } + } + .ms-news-list-page{ + margin-left: 0px; + margin-right: 0px; + text-align: center; + li{ + a{ + padding: 0.5em 0.5em; + color: #999; + font-size: 0.6rem; + } + } + } +} diff --git a/src/main/webapp/templets/1/default/m/less/news-show.less b/src/main/webapp/templets/1/default/m/less/news-show.less new file mode 100644 index 00000000..34f9c0d9 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/less/news-show.less @@ -0,0 +1,204 @@ +.ms-news-show{ + input::-webkit-input-placeholder { + color:#999; + } + color:#555; + .ms-news-show-title{ + + } + .ms-news-show-content{ + padding: 0 1rem; + margin-top: 0.5rem; + } + .ms-news-show-main{ + margin: 0 1rem; + border-bottom: 1px solid #ddd; + padding-bottom: 0.5rem; + padding-top: 1rem; + .ms-news-show-title{ + font-size: 1.9rem; + color: #444; + } + p{ + display: none; + } + .ms-news-show-icon{ + .ms-news-show-icon-title{ + display: block; + float: left; + } + .ms-news-show-icon-con{ + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 6rem; + float: left; + } + overflow: hidden; + font-size: 1.3rem; + color: #999; + div{ + float: left; + span{ + margin: 0 0.5rem; + } + } + .ms-news-show-icon-clicks,.ms-news-show-icon-Fabulous{ + background-image: url(../images/pics.png); + width: 22px; + height: 15px; + margin-top: 0.4rem; + + } + .ms-news-show-icon-clicks{ + background-position: -11px 84px; + } + .ms-news-show-icon-Fabulous{ + background-position: -120px 85px; + } + } + } + .ms-news-show-comment{ + padding-top: 2rem; + padding-bottom: 1rem; + border-bottom: 1px solid #ddd; + .ms-news-show-comment-top{ + margin-bottom: 1rem; + .ms-news-show-comment-top-icon{ + transition: all .6s; + background-image: url(../images/pics.png); + width: 4rem; + height: 4rem; + background-position: -49px 49px; + background-color: #bababa; + border-radius: 50%; + margin: 0 auto; + cursor: pointer; + } + .ms-is-attention { + background-color: #009bff; + } + } + .ms-news-show-comment-bottom{ + border-top: 1px solid #ddd; + padding-top: 1rem; + margin: 0 0.5rem; + .ms-news-show-comment-input{ + /*margin-bottom: 1rem;*/ + border-bottom: 1px solid #ddd; + padding-bottom: 2rem; + textarea{ + height: 3.3rem; + padding: 0.7rem; + background-color: #fafafa; + border: 1px solid #eee; + border-radius: 3px; + width: 100%; + outline:none; + } + textarea::-webkit-input-placeholder{ + color:#ccc; + font-size: 1.4rem; + } + .ms-news-show-comment-button{ + overflow: hidden; + margin-top: 0.5rem; + .ms-news-show-comment-expression{ + background-image: url(../images/pics.png); + background-position: -2px 37px; + width: 3rem; + height: 2rem; + float: left; + cursor: pointer; + } + .ms-news-show-comment-submit{ + width: 5rem; + background-color: #fafafa; + font-size: 1.4rem; + height: 2.5rem; + border-radius: 4px; + color: #ccc; + line-height: 2.5rem; + text-align: center; + float: right; + cursor: no-drop; + } + .ms-submit-comments-css { + opacity: .9 !important; + cursor: pointer; + background-color: #009aff !important; + color: #ffffff; + &:hover { + opacity: 1 !important; + } + } + } + } + .ms-news-show-comment-whole{ + text-align: center; + margin: 1rem 0; + } + .ms-news-show-comment-list{ + .ms-news-show-comment-list-div{ + overflow: hidden; + border-bottom: 1px solid #ddd; + padding: 1rem 0; + .ms-news-show-comment-list-left{ + overflow: hidden; + float: left; + width: 100%; + .ms-news-show-comment-list-portrait{ + float: left; + overflow: hidden; + margin-right: 0.5rem; + img{ + width: 4rem; + height: 4rem; + border-radius: 50%; + } + } + .ms-news-show-comment-list-content{ + .ms-news-show-comment-list-top{ + width: 100%; + overflow: hidden; + } + .ms-news-show-comment-list-right{ + overflow: hidden; + float: right; + width: 11%; + .ms-news-show-main-icon-Fabulous{ + background-position: -120px 85px; + background-image: url(../images/pics.png); + width: 1.5rem; + height: 1.5rem; + margin-top: 0.3rem; + float: left; + } + .ms-news-show-main-icon-num{ + + } + } + font-size: 1.2rem; + overflow: hidden; + .ms-news-show-comment-list-name,.ms-news-show-comment-list-time{ + color: #999; + } + .ms-news-show-comment-list-name{ + float: left; + } + } + } + + } + .ms-news-show-comment-more{ + text-align: center; + color: #999; + margin: 1rem 0; + font-size: 14px; + } + + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/news-list.htm b/src/main/webapp/templets/1/default/m/news-list.htm new file mode 100644 index 00000000..6e32abd8 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/news-list.htm @@ -0,0 +1,25 @@ + + + <#include "m/head-file.htm"/> + + <#include "m/head.htm"/> +
+ +
+
+
+
+
    + {ms:arclist ispaging=true size=3} +
  • + [field.title/] + [field.date?string("yyyy-mm-dd")/] +
    • + {/ms:arclist} +
+
+
+
+ <#include "m/footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/news-show.htm b/src/main/webapp/templets/1/default/m/news-show.htm new file mode 100644 index 00000000..7018186b --- /dev/null +++ b/src/main/webapp/templets/1/default/m/news-show.htm @@ -0,0 +1,244 @@ + + + + <#include "m/head-file.htm"/> + + + + + <#include "m/head.htm"/> +
+ +
+
+
+
+
{ms:field.title/}
+

+

+
来源：{ms:field.source/} + | +
+
+ | +
+
+
{ms:field.hit/} + | +
+ +
+
+
+

+
+
{ms:field.content/}
+
+

上一篇：{ms:pre.title/}

+

下一篇：{ms:next.title/}

+
+
+
+
+
+
+
+
+ +
+
+
提交
+
+
+
全部评论
+
+ +
查看更多评论
+
没有更多评论
+
+
+
+
+ <#include "m/footer.htm"/> + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/center.htm b/src/main/webapp/templets/1/default/m/people/center.htm new file mode 100644 index 00000000..54159e3a --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/center.htm @@ -0,0 +1,283 @@ + + + + + 修改资料 + <#include "/head-file.htm" /> + + + + +
+

个人信息

+
+ + + 退出 + + + +
+ + + +
+
+
修改昵称
+
+ +
+
+ 提交 + 取消 +
+
+
+ + +
+
+
真实姓名
+
+ +
+
+ 提交 + 取消 +
+
+
+ +
+
+
修改性别 + × +
+ 男 + 女 +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/css/ms.mall.m.people.css b/src/main/webapp/templets/1/default/m/people/css/ms.mall.m.people.css new file mode 100644 index 00000000..a87a7fa8 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/css/ms.mall.m.people.css @@ -0,0 +1,1371 @@ +.am-form input[type=number]:focus, +.am-form input[type=search]:focus, +.am-form input[type=text]:focus, +.am-form input[type=password]:focus, +.am-form input[type=datetime]:focus, +.am-form input[type=datetime-local]:focus, +.am-form input[type=date]:focus, +.am-form input[type=month]:focus, +.am-form input[type=time]:focus, +.am-form input[type=week]:focus, +.am-form input[type=email]:focus, +.am-form input[type=url]:focus, +.am-form input[type=tel]:focus, +.am-form input[type=color]:focus, +.am-form select:focus, +.am-form textarea:focus, +.am-form-field:focus { + box-shadow: none; +} +/*收获地址列表样式*/ +.address { + font-size: 1em; + margin: 0em auto; + color: #fff; + width: 93.75%; + height: 3em; + margin-top: .6em; + margin-bottom: 0.6em; +} +.ms-address-add .ms-list-news-border { + padding: 0em 0em!important; + margin-bottom: 2em!important; + margin: 0em; + padding: 0em 1em; +} +.ms-address-add .ms-list-news-border .ms-list-border { + border-top: none!important; + margin-bottom: 0.1em!important; + padding: 1rem 1em; + line-height: 2.5em; +} +.ms-address-add .ms-list-news-border .ms-list-border .am-list-item-hd { + font-weight: 100; +} +.ms-address-add .ms-list-news-border .ms-list-border .ms-input { + border: 0em; + margin-top: 0.2em; + width: 70%; +} +.ms-address-add .ms-list-news-border .ms-list-border .ms-address-default { + width: 92%; +} +.ms-address-add .ms-list-border { + border-top: none!important; + margin-bottom: 0.1em!important; + padding: 1rem 1em; + line-height: 2.5em; +} +.ms-address-add .ms-list-border .am-list-item-hd { + font-weight: 100; +} +.ms-address-add .ms-list-border .ms-input { + border: 0em; + margin-top: 0.2em; + width: 70%; +} +.ms-address-add .ms-list-border .ms-address-default { + width: 92%; +} +.ms-address-add .ms-address-add-btn { + background: #fff; + text-align: center; + width: 100%; +} +.ms-address-add .ms-address-add-btn .ms-save-address { + font-size: 1em; + margin: 0em auto; + width: 93.75%; + height: 3em; + margin-top: .6em; + margin-bottom: 0.6em; + background: #f23030; + color: #fff; + line-height: 2em; +} +.ms-address-add .ms-address-add-btn .ms-back-address { + font-size: 1em; + margin: 0em auto; + color: #fff; + width: 93.75%; + height: 3em; + margin-top: .6em; + margin-bottom: 0.6em; + background: #f3f5f7; + color: #999; + line-height: 2em; +} +.ms-address-add .am-btn-group-stacked > .am-btn + .am-btn { + margin: 0em auto; +} + +.ms-address { + background: #f5f5f5; +} +.ms-address .ms-list-news-border { + padding: 0em 0em!important; + margin-bottom: 6em!important; +} +.ms-address .ms-list-news-border .loading-pic { + width: 100%; + height: 300px; + background: url(http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif) no-repeat center; + background-size: 15%; + position: fixed; + z-index: 1000; +} +.ms-address .ms-list-news-border .ms-nothing { + margin: 15px; +} +.ms-address .ms-list-news-border .ms-list-border { + border-top: none!important; + margin-bottom: 0.5em!important; + padding: 0.7rem 1rem 0 1rem; +} +.ms-address .ms-list-news-border .ms-list-border .ms-contact-font { + font-size: 1em; + color: #232326; + font-weight: 400!important; +} +.ms-address .ms-list-news-border .ms-list-border .ms-contact-address-font { + color: #686868!important; + font-size: 0.8em; + -webkit-line-clamp: 1!important; +} +.ms-address .ms-list-news-border .ms-list-border .ms-contact-address-font .ms-sitem-tip { + margin-right: 0.5em; + padding: .2em .6em; + background: #f23030; + color: #fff; + font-size: .875em; + font-style: normal; +} +.ms-address .ms-list-news-border .ms-list-border .ms-address-border { + padding: 0em 0em 0em .7em; + margin-top: 0.6em; + height: 2em; + width: 2.2em; + border-left: 0.06em solid #dedede; + text-align: center; +} +.ms-address .ms-list-news-border .ms-list-border .ms-address-border .ms-address-del { + color: black; + font-size: 1em; +} +.ms-address .ms-list-news-border { + margin: 0em; + padding: 0em 1em; + font-weight: 100!important; +} +.ms-address .ms-address-btn { + background: #fff; + text-align: center; + position: fixed; + bottom: 0; + width: 100%; + z-index: 6; +} +.ms-address .ms-address-btn .ms-new-address { + font-size: 1em; + background: #f23030; + color: #fff; + width: 93.75%; + height: 3em; + margin-top: .6em; + margin-bottom: 0.6em; +} + +.email-bind { + background-color: #f6f6f6; + height: 100%; + width: 100%; +} +.email-bind .ms-background { + background-color: #ffffff; +} +.email-bind .ms-background .ms-padding { + padding: 0 1em 1em 1em; +} +.email-bind .ms-background .ms-padding .ms-padding-right { + text-align: left; + padding-right: 0.2em; +} +.email-bind .ms-background .ms-padding .ms-email-input { + width: 34%; +} +.email-bind .ms-background .ms-padding .ms-email-input input { + margin: 0.4em 1em; + outline: none; + border: none; + outline: medium; +} +.email-bind .ms-background .ms-padding .ms-email-input .ms-width { + width: 100%; +} +.email-bind .ms-background .ms-padding .ms-padding-left { + padding-left: 0.2em; +} +.email-bind .ms-background .ms-padding .ms-padding-left .ms-font { + color: #c70034; + font-size: .8em; + line-height: 2em; + padding-left: 0.7em; +} +.email-bind .ms-background .ms-padding .ms-border { + margin: 0.4em 0; + height: 2em; + width: 6.5em; + border-left: 1px solid #d5d5d5; +} +.email-bind .ms-background .ms-padding .ms-border .ms-font { + color: #c70034; + font-size: .8em; + line-height: 2em; + padding-left: 0.7em; +} +.email-bind .ms-background .ms-padding .ms-form-group { + overflow: hidden; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-padding-right { + text-align: left; + padding-right: 0.2em; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-padding-left { + padding-left: 0.2em; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-border { + margin: 0.4em 0; + height: 2em; + width: 6.5em; + border-left: 1px solid #d5d5d5; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-email-phone-width { + width: 19%; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-email-input { + width: 34%; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-email-input input { + width: 100%; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-email-phone-input { + width: 81%; +} +.email-bind .ms-background .ms-padding .ms-form-group .ms-email-phone-input input { + margin: 0.4em 1em; + outline: none; + border: none; + outline: medium; +} +.email-bind .ms-background .ms-padding .ms-font-size { + font-size: 0.7em; + color: #999; +} +.email-bind .ms-background .ms-padding .ms-font-size .ms-font-margin { + margin: 1em; +} +.email-bind .ms-background .ms-padding .ms-margin { + padding: 0 1em 1em 1em; +} +.email-bind .ms-background .ms-padding .ms-margin .ms-padding-left { + padding-left: 0; +} +.email-bind .ms-background .ms-padding .ms-margin .ms-font-margin { + margin: 1em; +} +.email-bind .ms-background .ms-padding .ms-top-bottom { + margin: 0.1em 0; +} +.email-bind .loading-pic { + width: 100%; + height: 300px; + background: url(http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif) no-repeat center; + background-size: 15%; + z-index: 1000; +} +.email-bind .ms-btn-background { + border: none; + background: #888; +} +.email-bind .am-form input[type=email] { + border: none; +} + +div.ms-center { + overflow: hidden; + background-color: #f3f5f7; +} +div.ms-center .ms-panel-margin { + margin-bottom: 0.5em; + font-family: Arial, sans-serif; +} +div.ms-center .ms-panel-margin .ms-auto { + text-align: center; + padding: 0.5em; + width: 33.33333333%; +} +div.ms-center .ms-panel-margin .ms-content-bg { + background: url(../images/center-bg.png) no-repeat bottom; + background-size: 100% 100%; + width: 100%; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd { + padding: 0em; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list { + margin: .6em; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-portrait { + margin-right: 1em; + height: 73px; + width: 73px; + background: #f7f7f7; + border-radius: 100%; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-portrait .ms-head { + width: 73px; + height: 73px; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-name-img { + margin-top: .6em; + padding-left: 0em; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-name-img h3 { + margin-bottom: .4em; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-name-img h3 a { + color: #ffffff; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-name-img .am-list-item-text { + width: 7.4em; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list .ms-center-name-img .am-list-item-text img { + width: 100%; + height: 100%; +} +div.ms-center .ms-panel-margin .ms-content-bg .am-list-news-hd .am-list > li { + background-color: rgba(255, 255, 255, 0.05); + border: none; +} +div.ms-center .ms-panel-margin .ms-color { + color: #666; + font-size: 0.95em; + font-weight: 100; +} +div.ms-center .ms-panel-margin .ms-background-color { + background-color: rgba(255, 255, 255, 0); +} +div.ms-center .ms-panel-margin .ms-background-color .ms-update-padding { + padding-top: 0.2em; + padding-bottom: 0.3em; +} +div.ms-center .ms-panel-margin .ms-background-color .ms-update-padding .ms-font-color { + color: #666; +} +div.ms-center .ms-margin { + margin: 0; +} +div.ms-center .ms-delete-padding { + padding: 0; +} +div.ms-center .ms-delete-padding .ms-menu-4 { + padding: 0.5em; + text-align: center; +} +div.ms-center .ms-delete-padding .ms-menu-4 .ms-color { + color: #666; + font-size: 1.6em; +} +div.ms-center .ms-delete-padding .ms-menu-4 .ms-font { + font-size: 0.8em; + color: #666; + font-weight: 100; +} +div.ms-center .ms-delete-padding .ms-menu-4 img { + margin: 0.5em 0; +} +div.ms-center .ms-center-title { + border-bottom: white; +} +div.ms-center .ms-center-list { + padding: 0px; +} +div.ms-center .ms-center-list .ms-center-address { + margin-bottom: -0.6em; +} +div.ms-center .ms-center-list li { + padding: 0.8em 1.0em; + font-size: 0.9em; + line-height: 1.8em; +} +div.ms-center .ms-center-list li span { + color: #888; +} +div.ms-center .ms-center-list li .ms-center-address-border { + border: white; +} +div.ms-center .ms-center-list .ms-center-button { + width: 90%; + margin: 1em auto; +} +div.ms-center .ms-center-list .ms-center-list-a { + padding: 0; + color: #555; + display: inline; +} +div.ms-center .ms-center-list .ms-center-border-top { + border-top: white; +} +div.ms-center .ms-center-list .ms-center-border-bottom { + border-bottom: white; +} +div.ms-center .ms-footer { + font-size: 0.6em; + padding: 0; +} +div.ms-center .ms-sex-padding { + padding-bottom: 1em; +} +div.ms-center .active { + color: #dd514c; +} +div.ms-people-info { + background-color: #fff; +} +div.ms-people-info .ms-info-title { + color: #666; +} +div.ms-people-info .ms-iconfont { + font-size: 1.4rem; +} +div.ms-people-info .am-list .am-list-item-dated a.ms-info-operate { + padding-right: 0px; +} +div.ms-people-info .ms-center-button { + margin-bottom: 10px; +} + +.ms-password-change { + background: #f3f5f7 !important; +} +.ms-password-change .ms-form { + margin: 1em; +} +.ms-password-change .ms-btn { + color: #fff; + background-color: #ddd; +} +.ms-password-change .ms-text { + font-size: .8em; + font-weight: 200; +} + +.ms-order-confirm { + display: none; +} +.ms-order-confirm .ms-order-confirm-position { + position: relative; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding { + padding-left: .1em; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding .ms-padding { + padding-left: 1.5em; + padding-top: 0.6em; + font-size: 1.3em; + color: #252525; + font-weight: bold; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding .ms-padding .ms-padding-margin { + margin-left: 0.3em; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding .ms-margin { + margin-top: 0; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding .ms-margin-text { + margin-top: .5em; + margin-left: .5em; +} +.ms-order-confirm .ms-order-confirm-position .ms-update-padding .ms-text-color { + color: #6e6e6e; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + height: 3em; +} +.ms-order-confirm .ms-order-confirm-position .ms-icon-top { + margin-top: 1.3em; + color: black; +} +.ms-order-confirm .ms-order-confirm-position .ms-order-confirm-background { + position: absolute; + bottom: -0.2em; + left: 0; + height: 0.2em; + width: 100%; + background: url(../images/location-border.png) repeat-x; + background-size: 6.2em 0.2em; +} +.ms-order-confirm .ms-g { + font-size: small; +} +.ms-order-confirm .ms-g .ms-update-padding { + padding-left: .1em; +} +.ms-order-confirm .ms-g .ms-update-padding .ms-padding { + padding-left: 1.5em; + padding-top: 0.6em; + font-size: 1.3em; + color: #252525; + font-weight: bold; +} +.ms-order-confirm .ms-g .ms-update-padding .ms-padding .ms-padding-margin { + margin-left: 0.3em; +} +.ms-order-confirm .ms-g .ms-update-padding .ms-margin { + margin-top: 0; +} +.ms-order-confirm .ms-g .ms-update-padding .ms-margin-text { + margin-top: .5em; + margin-left: .5em; +} +.ms-order-confirm .ms-g .ms-update-padding .ms-text-color { + color: #6e6e6e; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + height: 3em; +} +.ms-order-confirm .ms-g .ms-icon-top { + margin-top: 1.3em; + color: black; +} +.ms-order-confirm .ms-g .ms-order-confirm-background { + position: absolute; + bottom: -0.2em; + left: 0; + height: 0.2em; + width: 100%; + background: url(../images/location-border.png) repeat-x; + background-size: 6.2em 0.2em; +} +.ms-order-confirm .ms-order-confirm-title { + width: 70%; + font-size: 0.8em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul { + margin: 0; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-text-color { + color: #6e6e6e; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + height: 3em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-list-style { + margin-left: -1.5em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-list-style .ms-color { + color: #d73d3c; + font-size: 1.2em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-list-style .ms-icon-margin { + margin-left: 1.5em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-price-margin { + margin-top: 0.5em; + margin-left: -1.5em; + padding-top: 1.5em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-price-margin .ms-color { + color: #d73d3c; + font-size: 1.2em; +} +.ms-order-confirm .ms-order-confirm-title .ms-order-confirm-ul .ms-price-margin .ms-icon-margin { + margin-left: 1.5em; +} +.ms-order-confirm .ms-delete-margin { + margin-bottom: 0; +} +.ms-order-confirm .ms-delete-margin .ms-panel-margin { + margin-bottom: 1em; +} +.ms-order-confirm .ms-delete-margin .ms-panel-margin .ms-font-size { + font-size: 1.1em; +} +.ms-order-confirm .ms-delete-margin .ms-panel-margin ms-panel-size { + font-size: 1em; +} +.ms-order-confirm .ms-delete-margin .ms-textarea { + width: 100%; + border: .1em solid #dedede; +} +.ms-order-confirm .ms-center { + text-align: center; + color: #d73d3c; + background-color: #fff; +} +.ms-order-confirm .ms-center .ms-center-size { + font-size: 1em; +} +.ms-order-confirm .ms-center .ms-stress-size { + font-size: 1.5em; +} +.ms-order-confirm .ms-footer-padding { + padding: 1em; +} +.ms-order-confirm .ms-footer-padding .ms-btn-padding { + font-size: 1em; + color: #ffdcd9; + background-color: #f23030; + border-color: #f23030; +} +.ms-order-confirm .ms-img-margin { + margin-top: .5em; +} +.ms-order-confirm .ms-update-padding li, +.ms-order-confirm .ms-list-style { + list-style: none; +} + +.ms-favorite .ms-favorite-list { + margin: 0 1em; +} +.ms-favorite .ms-favorite-list .ms-favorite-li { + border-top-color: white; + margin-bottom: 0; +} +.ms-favorite .ms-favorite-list .ms-favorite-li .ms-favorite-title { + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + font-size: 0.8em; + color: black; +} +.ms-favorite .ms-favorite-list .ms-favorite-li .ms-favorite-cancel { + float: right; + margin-top: 1em; + border: 1px solid #cecdcd; + padding: 0.5em 1em; + border-radius: 0.5em; + font-size: 0.6em; + line-height: 1.5em; +} +.ms-favorite .loading-pic { + width: 100%; + height: 300px; + background: url(http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif) no-repeat center; + background-size: 15%; +} +.ms-favorite .ms-nothing { + margin: 15px; +} + +.ms-password-forget-2 { + background-color: #f3f5f7; + min-height: 25em; +} +.ms-password-forget-2 .ms-margin { + margin-top: 2em; +} +.ms-password-forget-2 .ms-margin .ms-text-warning { + color: #d73d3c; + font-size: 1em; + font-weight: 500; +} +.ms-password-forget-2 .ms-margin .ms-margin-text { + margin-bottom: 1em; +} +.ms-password-forget-2 .ms-margin .ms-margin-text .ms-text { + font-size: .9em; +} +.ms-password-forget-2 .ms-margin .ms-margin-text .ms-num { + font-size: .85em; +} +.ms-password-forget-2 .ms-margin .ms-monospace { + margin-top: 5em; + font-size: .9em; +} +.ms-password-forget-2 .ms-margin .ms-monospace .ms-link-text { + margin-left: -0.5em; + text-decoration: underline; +} +.ms-password-forget-2 .ms-margin .am-input-group .ms-btn { + border-color: #f3f5f7; + background-color: #ddd; +} +.ms-password-forget-2 .ms-margin .am-input-group .ms-text { + font-size: .9em; +} +.ms-password-forget-2 .ms-margin .ms-submit { + color: #fff; + margin-top: 2em; + width: 100%; +} + +.ms-password-forget-3 { + background: #f3f5f7!important; +} +.ms-password-forget-3 .ms-form { + margin: 1em; +} +.ms-password-forget-3 .ms-span { + font-size: 0.8em; + margin-left: 1.5em; + margin-right: 1.5em; + color: #383030; +} +.ms-password-forget-3 .ms-span .ms-btn { + text-align: center; + color: #fff; + margin-top: 2em; +} +.ms-password-forget-3 .ms-span .ms-btn .ms-submit { + color: #fff; + width: 100%; +} +.ms-password-forget-3 .ms-span .ms-monospace { + margin-top: 5em; + font-size: .9em; +} +.ms-password-forget-3 .ms-span .ms-monospace .ms-link-text { + margin-left: -0.5em; + text-decoration: underline; +} +.ms-password-forget-3 .ms-text { + font-size: .8em; + font-weight: 200; +} + +.ms-password-forget { + background: #f4f5f7; + min-height: 25em; +} +.ms-password-forget .ms-form-group { + margin-left: 1em; + margin-right: 1em; + margin-top: 1.5em; +} +.ms-password-forget .ms-form-group .ms-input-label { + background-color: #fff; + border: 1px solid #eee; +} +.ms-password-forget .ms-form-group input .ms-input-label { + background-color: #fff; + border: 1px solid #eee; +} +.ms-password-forget .ms-input-group { + margin-left: 1em; + margin-right: 1em; +} +.ms-password-forget .ms-input-group .ms-input-label { + background-color: #fff; + border: 1px solid #eee; +} +.ms-password-forget .ms-input-group .ms-input-label .ms-valiDateCode { + border: 0.1em; + height: 2em; + border-color: #000000; +} +.ms-password-forget .ms-btn { + margin-top: 1.5em; + margin-left: 1em; + margin-right: 1em; + background-color: #ddd; +} +.ms-password-forget .ms-submit { + color: #fff; + width: 100%; +} +.ms-password-forget .ms-input { + height: 2em; +} + +div.ms-cart-goods { + background: #f0f2f5; + overflow: hidden; + display: none; +} +div.ms-cart-goods .loading-pic { + width: 100%; + height: 300px; + background: url('http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif') no-repeat center #ffffff; + background-size: 15%; +} +div.ms-cart-goods .ms-one-checkbox { + background: url(../images/cart-input.png) no-repeat; +} +div.ms-cart-goods .ms-all-checkbox { + background: url(../images/cart-input.png) no-repeat; +} +div.ms-cart-goods .ms-active-checkbox { + background: url(../images/cart-active.png) no-repeat; +} +div.ms-cart-goods .ms-checkbox { + padding-left: 8px; + background-size: 20px; + background-position: 2px 0px; +} +div.ms-cart-goods .ms-one-checkbox { + padding-left: 26px; +} +div.ms-cart-goods .ms-all-checkbox { + padding-left: 25px; + background-position: 11px 0px; +} +div.ms-cart-goods .ms-nothing { + margin: 15px; +} +div.ms-cart-goods .ms-cart-goods-div { + margin: 0.2em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-checkbox-margin { + margin: 0.5em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-checkbox-min { + margin-top: 2.1em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-img { + width: 6.3em; + margin-right: 1em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title { + margin-right: 0.4em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-title { + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + color: #757575; + font-size: 0.8em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title #ms-cart-goods-price { + font-size: 1em; + color: red; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-right { + margin-right: 0.3em; + margin-top: 0.5em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-right .ms-cart-goods-btn { + background-color: #fff; + padding: .3em .3em; + border-color: #eeeeee; + width: 2em; + text-align: center; + line-height: 15px; + float: left; + border: 1px solid #eee; + height: 24px; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-right .ms-cart-num { + width: 2.5em; + border-left: none; + border-right: none; + padding: 0.2em 0.3em; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-cf { + clear: both; +} +div.ms-cart-goods .ms-cart-goods-div .ms-cart-goods-list-title .ms-cart-goods-edit { + text-align: right; + margin-right: 0.5em; + font-size: 0.7em; + width: 50px; + float: right; +} +div.ms-cart-goods .ms-cart-btn { + background: #fff; + padding-bottom: 1em; + box-shadow: 0px 0px 10px #888888; +} +div.ms-cart-goods .ms-cart-btn .ms-u-sm-margin { + margin-top: 1em; + padding-bottom: 10px; +} +div.ms-cart-goods .ms-cart-btn .ms-u-sm-padding { + padding: 0em; + margin-top: 1em; + margin-left: -1.5em; +} +div.ms-cart-goods .ms-cart-btn .ms-u-sm-padding .ms-fl { + margin-left: 1.1em; +} +div.ms-cart-goods .ms-cart-btn .ms-price-padding { + padding: 0em; + margin-top: 1em; + margin-left: -2em; + color: red; +} +div.ms-cart-goods .ms-cart-btn .ms-buttom-margin { + margin-top: 0.3em; +} + +.ms-people-heard .ms-admin-sidebar-list { + margin-bottom: 0em; +} +.ms-people-heard .ms-admin-sidebar-list li { + border: none; + margin-bottom: 0px; +} +.ms-people-heard .ms-admin-sidebar-list li .ms-header { + background: #efefef url(../images/header-bg.png) repeat-x 0 0; + margin: 0em!important; + color: #9d9ea0; + font-weight: 100; + background-size: 100% 2.5em; +} +.ms-people-heard .ms-admin-sidebar-list li .ms-header .ms-titlebar-nav { + text-align: center!important; + color: #252525; +} +.ms-people-heard .ms-admin-sidebar-list li h2 { + margin-right: .6em; + margin-left: .6em; + font-size: 1.3em; + color: #9d9ea0; +} +.ms-people-heard .ms-admin-sidebar-list li .ms-g { + background: #404042; + color: #fff; + text-align: center; +} +.ms-people-heard .ms-admin-sidebar-list li .ms-g .am-icon-btn { + background: #404042; + color: #fff; + line-height: 1.5em; + height: 1.5em; +} +.ms-people-heard .ms-admin-sidebar-list li .ms-g .ms-icon-btn-font { + font-size: small; + font-weight: 100; + line-height: 2em; + color: #ffffff; +} + +.ms-login { + background-color: #f3f5f7; + display: none; +} +.ms-login .ms-health { + margin: 0 auto; + margin-top: 1em; +} +.ms-login .ms-health .iconfont { + font-size: inherit; +} +.ms-login .ms-input-label { + background-color: #fff; +} +.ms-login .ms-valiDateCode { + border: 1px; + height: 2em; + border-color: #000000; +} +.ms-login .ms-login-form { + margin-top: 1.6em; +} +.ms-login-form input::-webkit-input-placeholder{ + color: #ccc; + font-size:1.3rem; +} +.ms-login .ms-logBtn { + background-color: #009aff; + border-color: #009aff; + margin: 0 auto; + margin-top: 10%; + width: 100%; +} +.ms-center-button,#ms-password{ + background-color: #009aff; + border-color: #009aff; +} +.ms-login input { + border-color: #d9dbda; +} + +.ms-order-list { + background: #f3f5f7 !important; + width: 100%; + height: 100%; +} +.ms-order-list a { + font-size: 0.8em; +} +.ms-order-list .ms-order-tabs { + margin: 0; +} +.ms-order-list .ms-order-tabs .ms-order-active { + background-color: #ffffff !important; + line-height: 2.5em; + border-bottom: 0.1em solid #f3f5f7; +} +.ms-order-list .ms-order-tabs .ms-order-active .am-active { + border-bottom: 0.1em solid #f15353; +} +.ms-order-list .ms-order-tabs .ms-order-active .am-active a { + color: #f15353; +} +.ms-order-list .ms-order-tabs .ms-order-active .am-active:after { + border-bottom-color: #ffffff; +} +.ms-order-list .ms-order-tabs .ms-order-active a { + font-weight: 600; +} +.ms-order-list .ms-order-tabs .ms-order-table { + border: 0.1em solid #ffffff; +} +.ms-order-list .ms-order-tabs .ms-order-table .loading-pic { + width: 100%; + height: 300px; + background: url(http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif) no-repeat center; + background-size: 15%; + position: fixed; + z-index: 1000; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel { + padding: 0em 0em 0em; + background: #ffffff; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-nothing { + margin: 15px; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all { + background: #ffffff; + padding-left: 0.8em; + padding-right: 0.8em; + margin: 0.8em 0 0.8em 0; + border-bottom: 0.1em solid #f3f5f7; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-number { + color: black; + font-size: 0.9em; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-number .ms-order-state { + font-size: 0.9em; + line-height: 1em; + color: #f15353; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-ul-list { + margin-bottom: 0; + margin: 0 0 0.4em 0; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-ul-list .ms-order-li { + padding-top: 0; + padding-bottom: 0; + border: 0.1em solid #ffffff; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-ul-list .ms-order-li .ms-order-title { + color: black; + font-size: 0.9em; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + height: 4rem; + line-height: 2rem; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-money { + height: 3.8em; + line-height: 3.8em; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-money .ms-money-color { + color: red; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-money .ms-order-payment a { + margin-top: 0.8em; + border: 0.1em solid #f15353; + color: #f15353; + line-height: 2.2em; + height: 2.2em; + text-align: center; + width: 6em; + display: block; + border-radius: 0.4em; +} +.ms-order-list .ms-order-tabs .ms-order-table .ms-order-tab-panel .ms-order-list-all .ms-order-money .ms-order-delete a { + margin-top: 0.8em; + border: 0.1em solid #9e9e9e; + color: #9e9e9e; + line-height: 2.2em; + height: 2.2em; + text-align: center; + width: 6em; + display: block; + border-radius: 0.4em; +} + +.ms-order-comment .ms-order-comment-main { + padding: .6em 1em; + overflow: hidden; +} +.ms-order-comment .ms-order-comment-main form .ms-color { + color: red; + float: left; +} +.ms-order-comment .ms-order-comment-main .loading-pic { + width: 100%; + height: 300px; + background: url(http://cdn.mingsoft.net/skin/manager/4.6.0/images/loading.gif) no-repeat center; + background-size: 15%; + z-index: 1000; +} +.ms-order-comment .ms-order-comment-main .ms-imgComment { + height: 4.5em; + width: 4.5em; + margin-right: 1em; + float: left; +} +.ms-order-comment .ms-order-comment-main .ms-order-comment-textarea { + margin: 0.5em 0px; + overflow: hidden; +} +.ms-order-comment .ms-order-comment-main .ms-comment-pic { + margin-bottom: 1em; +} +.ms-order-comment .ms-order-comment-main .ms-comment-pic .ms-imgComment { + height: 4.5em; + width: 4.5em; + margin-right: 1em; + float: left; +} +.ms-order-comment .ms-order-comment-main .ms-comment-pic .ms-float-left { + float: left; +} +.ms-order-comment .ms-order-comment-main .ms-comment-pic .ms-order-comment-img { + width: 3em; + height: 3em; +} +.ms-order-comment .ms-order-comment-main .ms-comment-pic .ms-clear { + clear: both; +} +.ms-order-comment .ms-commentKuang { + border: 0.1em solid #999; + height: 13.5em; + padding: 0.7em; + overflow: hidden; + margin-top: 1em; +} +.ms-order-comment .ms-top { + margin-top: 1em; +} +.ms-order-comment .ms-top .ms-right { + margin-right: 3.5em; +} +.ms-order-comment .ms-top .ms-font-color { + color: #7b7b7b; + font-size: 0.88em; +} +.ms-order-comment .ms-top .ms-color { + color: red; + float: left; +} +.ms-order-comment .ms-order-comment-main .ms-btComment { + background-color: #c00; + margin-top: 1em; + border: none; + padding: 0.8em; +} + +.ms-list-item-text { + margin-top: 3.5em; + margin-top: 2em!important; +} +.ms-list-news-bd { + border: 0; +} +.ms-order-detail-ul-bottom { + margin-bottom: 0.6em; +} +.ms-order-detail { + background: #f3f5f7 !important; + border: 0; + margin-bottom: 0.6em; +} +.ms-order-detail .ms-order-body { + background-color: #fff!important; +} +.ms-order-detail .ms-panel { + background-color: #fffaf4; +} +.ms-order-detail .ms-order-detail-margin-bottom { + margin-bottom: 0.6em; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-g-size { + font-size: small; + padding-top: 0.5em; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-panel-height { + height: .3em; + margin-bottom: 0; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-panel-bd { + background: url(../images/background.png); +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-orderdetail-img { + overflow: hidden; + background: url(../images/finish.png) no-repeat center center; + background-size: 5.5em; + margin-top: 3.5em; + margin-top: 2em!important; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-orderdetail-li { + list-style: none; + font-size: small; + color: black; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-orderdetail-float { + margin-left: 0.5em; + margin-bottom: 0.5em; + margin-top: 0.5em; + margin-right: 0.5em; + list-style: none; + font-size: small; + color: black; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-panel-bd-hight { + height: 3em; +} +.ms-order-detail .ms-order-detail-margin-bottom .ms-panel-bd-hight .ms-order-a { + color: black; + margin-left: -0.3em; +} +.ms-order-detail .ms-list-news-default { + margin: 0; +} +.ms-order-detail .ms-list-news-default .ms-order-detail-ul-bottom { + margin-bottom: 0.6em; +} +.ms-order-detail .ms-list-news-default .ms-order-detail-ul-bottom .ms-list-margin { + margin-left: 0.7em; +} +.ms-order-detail #ms-order-detail-img { + padding-left: 0.5em; +} +.ms-order-detail .ms-orderdetail-a { + font-size: small; + color: black; +} +.ms-order-detail .ms-order-detail-title { + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + width: 70%; + float: left; + height: 3em; +} +.ms-order-detail .ms-fl { + margin-right: 1em; + color: red; +} +.ms-order-detail .ms-bd { + margin-bottom: 0; +} +.ms-order-detail .ms-bd .ms-panelbd { + padding-bottom: 0; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-price { + margin-left: -0.3em; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-color { + color: red; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-list-news { + margin-right: 0; + margin-left: 0; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-list-news .ms-list-textear { + text-align: right; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-navbar-nav { + background: #f3f5f7!important; +} +.ms-order-detail .ms-bd .ms-panelbd .ms-navbar-nav a { + height: 37px; +} + +.ms-register { + background-color: #f3f5f7; + display: none; +} +.ms-register .ms-health { + margin: 0 auto; + margin-top: 1em; +} +.ms-health a{ + color: #009aff; +} +.ms-register .ms-health .iconfont { + font-size: inherit; +} +.ms-register .ms-valiDateCode { + border: 1px; + height: 2em; + border-color: #000000; +} +.ms-register .ms-login-form { + margin-top: 1.6em; +} +.ms-register .ms-logBtn { + background-color: #009aff; + border-color: #009aff; + margin: 0 auto; + margin-top: 10%; + width: 100%; +} +.ms-register input { + border-color: #d9dbda; +} +.ms-register .ms-input-bgcolor { + background-color: #fff; +} + +.ms-pay-way { + background: #f3f5f7; +} +.ms-pay-way .ms-order-info { + border-bottom: 1px #ddd solid; + margin-bottom: 10px; + background: #fff; + padding: 1em 1rem; +} +.ms-pay-way .ms-pay-choose { + border-top: 1px #ddd solid; + background: #fff; + padding: 1rem; +} +.ms-pay-way .ms-pay-choose .ms-group-radio { + line-height: 2em; + padding-left: 2em; + padding-top: .2rem; + font-weight: normal; + padding-bottom: .2rem; + width: 100%; +} +.ms-pay-way .ms-pay-choose .ms-group-radio input[type=radio] { + float: right; +} +.ms-pay-way .ms-pay-choose .am-divider-dotted { + margin: 0px; +} +.ms-pay-way .ms-pay-choose .ms-zfb { + background: url(../images/pay_zfb.png) 0 50% no-repeat; + background-size: 1.5rem 1.5rem; +} +.ms-pay-way .ms-pay-choose .ms-wx { + background: url(../images/pay_wx.png) 0 50% no-repeat; + background-size: 1.5rem 1.5rem; +} +.ms-pay-way .ms-pay-choose .ms-btn-submit { + width: 100%; +} diff --git a/src/main/webapp/templets/1/default/m/people/head-file.htm b/src/main/webapp/templets/1/default/m/people/head-file.htm new file mode 100644 index 00000000..224ce9e3 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/head-file.htm @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/head.htm b/src/main/webapp/templets/1/default/m/people/head.htm new file mode 100644 index 00000000..d39c2f8d --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/head.htm @@ -0,0 +1,45 @@ + +
+ +
+ \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/images/background.png b/src/main/webapp/templets/1/default/m/people/images/background.png new file mode 100644 index 00000000..7c5fa896 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/background.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/bg-upload.png b/src/main/webapp/templets/1/default/m/people/images/bg-upload.png new file mode 100644 index 00000000..18c291c2 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/bg-upload.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/btn.png b/src/main/webapp/templets/1/default/m/people/images/btn.png new file mode 100644 index 00000000..393c2ba6 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/btn.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/cart-active.png b/src/main/webapp/templets/1/default/m/people/images/cart-active.png new file mode 100644 index 00000000..e7a45a3f Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/cart-active.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/cart-goods-top.png b/src/main/webapp/templets/1/default/m/people/images/cart-goods-top.png new file mode 100644 index 00000000..7bb86cf5 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/cart-goods-top.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/cart-input.png b/src/main/webapp/templets/1/default/m/people/images/cart-input.png new file mode 100644 index 00000000..daf1ad4b Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/cart-input.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/cart.png b/src/main/webapp/templets/1/default/m/people/images/cart.png new file mode 100644 index 00000000..505727e1 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/cart.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-bg.png b/src/main/webapp/templets/1/default/m/people/images/center-bg.png new file mode 100644 index 00000000..acaedfbd Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-bg.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-head.png b/src/main/webapp/templets/1/default/m/people/images/center-head.png new file mode 100644 index 00000000..60c46131 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-head.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-icon_feedback.png b/src/main/webapp/templets/1/default/m/people/images/center-icon_feedback.png new file mode 100644 index 00000000..7760639a Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-icon_feedback.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-icon_help.png b/src/main/webapp/templets/1/default/m/people/images/center-icon_help.png new file mode 100644 index 00000000..d81d7a66 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-icon_help.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-icon_member.png b/src/main/webapp/templets/1/default/m/people/images/center-icon_member.png new file mode 100644 index 00000000..92e48408 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-icon_member.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-icon_personal.png b/src/main/webapp/templets/1/default/m/people/images/center-icon_personal.png new file mode 100644 index 00000000..50faee7c Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-icon_personal.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/center-insider.png b/src/main/webapp/templets/1/default/m/people/images/center-insider.png new file mode 100644 index 00000000..be8687b4 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/center-insider.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/cloth.jpg b/src/main/webapp/templets/1/default/m/people/images/cloth.jpg new file mode 100644 index 00000000..43842d8c Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/cloth.jpg differ diff --git a/src/main/webapp/templets/1/default/m/people/images/finish.png b/src/main/webapp/templets/1/default/m/people/images/finish.png new file mode 100644 index 00000000..415e802f Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/finish.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/header-bg.png b/src/main/webapp/templets/1/default/m/people/images/header-bg.png new file mode 100644 index 00000000..a39099a5 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/header-bg.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/img.jpg b/src/main/webapp/templets/1/default/m/people/images/img.jpg new file mode 100644 index 00000000..25838462 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/img.jpg differ diff --git a/src/main/webapp/templets/1/default/m/people/images/location-border.png b/src/main/webapp/templets/1/default/m/people/images/location-border.png new file mode 100644 index 00000000..345a4a6c Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/location-border.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/pay_wx.png b/src/main/webapp/templets/1/default/m/people/images/pay_wx.png new file mode 100644 index 00000000..78556c40 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/pay_wx.png differ diff --git a/src/main/webapp/templets/1/default/m/people/images/pay_zfb.png b/src/main/webapp/templets/1/default/m/people/images/pay_zfb.png new file mode 100644 index 00000000..24d82d36 Binary files /dev/null and b/src/main/webapp/templets/1/default/m/people/images/pay_zfb.png differ diff --git a/src/main/webapp/templets/1/default/m/people/less/center.less b/src/main/webapp/templets/1/default/m/people/less/center.less new file mode 100644 index 00000000..4253d680 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/center.less @@ -0,0 +1,165 @@ +div.ms-center { + overflow: hidden; + background-color: #f3f5f7; + //头像panel的样式 + .ms-panel-margin{ + margin-bottom: 0.5em; + font-family: Arial, sans-serif; + //头像下的导航居中样式 + .ms-auto{ + text-align: center; + padding: 0.5em; + width:33.33333333%; + } + //头像背景色样式 + .ms-content-bg{ + background: url(../images/center-bg.png) no-repeat bottom; + background-size: 100% 100%; + width: 100%; + //我的订单部分的样式 + .am-list-news-hd{ + padding: 0em; + .am-list{ + margin: .6em; + .ms-center-portrait{ + margin-right: 1em; + height: 73px; + width: 73px; + background: #f7f7f7; + border-radius: 100%; + .ms-head{ + width: 73px; + height: 73px; + } + } + .ms-center-name-img{ + margin-top: .6em; + padding-left: 0em; + width:65%; + h3{ + margin-bottom: .4em; + a{ + color: #ffffff; + } + } + .am-list-item-text{ + width: 7.4em; + img{ + width: 100%; + height: 100%; + } + } + } + } + .am-list>li{ + background-color: rgba(255, 255, 255, .05); + border: none; + } + } + } + //字体颜色和大小 + .ms-color{ + color: #666; + font-size: 0.95em; + font-weight: 100; + } + .ms-background-color{ + background-color: rgba(255, 255, 255, 0); + .ms-update-padding{ + padding-top: 0.2em; + padding-bottom: 0.3em; + .ms-font-color{ + color: #666; + } + } + } + } + .ms-margin{ + margin: 0; + } + .ms-delete-padding{ + padding: 0; + .ms-menu-4{ + padding: 0.5em; + text-align: center; + .ms-color{ + color: #666; + font-size: 1.6em; + } + .ms-font{ + font-size: 0.8em; + color: #666; + font-weight: 100; + } + img{ + margin: 0.5em 0; + } + } + } + .ms-center-title{ + border-bottom: white; + } + //个人信息 + .ms-center-list{ + padding: 0px; + .ms-center-address{ + margin-bottom: -0.6em; + } + li{ + padding: 0.8em 1.0em; + font-size: 0.9em; + line-height: 1.8em; + span{ + color: #888; + } + .ms-center-address-border{ + border: white; + } + } + .ms-center-button{ + width: 90%; + margin: 1em auto; + } + .ms-center-list-a{ + padding: 0; + color: #555; + display: inline; + } + .ms-center-border-top{ + border-top: white; + } + .ms-center-border-bottom{ + border-bottom: white; + } + } + //底部样式 + .ms-footer{ + font-size: 0.6em; + padding: 0; + } + .ms-sex-padding{ + padding-bottom:1em; + } + .active{ + color: #dd514c; + } +} +div.ms-people-info{ + background-color:#fff; + .ms-info-title{ + color:#666; + } + .ms-iconfont{ + font-size: 1.4rem; + } + .am-list { + .am-list-item-dated{ + a.ms-info-operate{ + padding-right: 0px + } + } + } + .ms-center-button{ + margin-bottom: 10px; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/head.less b/src/main/webapp/templets/1/default/m/people/less/head.less new file mode 100644 index 00000000..4055e834 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/head.less @@ -0,0 +1,43 @@ +.ms-people-heard{ + .ms-admin-sidebar-list{ + margin-bottom: 0em; + li{ + border: none; + margin-bottom: 0px; + .ms-header{ + background: #efefef url(../images/header-bg.png) repeat-x 0 0; + margin: 0em!important; + color: #9d9ea0; + font-weight: 100; + background-size: 100% 2.5em; + .ms-titlebar-nav{ + text-align: center!important; + color: #252525; + } + } + h2{ + margin-right: .6em; + margin-left: .6em; + font-size: 1.3em; + color: #9d9ea0; + } + .ms-g{ + background: #404042; + color: #fff; + text-align: center; + .am-icon-btn{ + background: #404042; + color: #fff; + line-height: 1.5em; + height: 1.5em; + } + .ms-icon-btn-font{ + font-size: small; + font-weight: 100; + line-height: 2em; + color: #ffffff; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/login.less b/src/main/webapp/templets/1/default/m/people/less/login.less new file mode 100644 index 00000000..50041460 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/login.less @@ -0,0 +1,32 @@ +.ms-login { + background-color: #f3f5f7; + display: none; + .ms-health { + margin: 0 auto; + margin-top: 1em; + .iconfont { + font-size: inherit; + } + } + .ms-input-label { + background-color: #fff; + } + .ms-valiDateCode { + border: 1px; + height: 2em; + border-color: #000000; + } + .ms-login-form { + margin-top: 1.6em; + } + .ms-logBtn { + background-color: #f23030; + border-color: #ff9793; + margin: 0 auto; + margin-top: 10%; + width: 100%; + } + input { + border-color: #d9dbda; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/password-change.less b/src/main/webapp/templets/1/default/m/people/less/password-change.less new file mode 100644 index 00000000..03015dba --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/password-change.less @@ -0,0 +1,15 @@ + @color: #f3f5f7; + .ms-password-change { + background: @color!important; + .ms-form { + margin: 1em; + } + .ms-btn { + color: #fff; + background-color: #ddd; + } + .ms-text { + font-size: .8em; + font-weight: 200; + } + } \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/password-forget-1.less b/src/main/webapp/templets/1/default/m/people/less/password-forget-1.less new file mode 100644 index 00000000..13331424 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/password-forget-1.less @@ -0,0 +1,45 @@ + .ms-password-forget { + background: #f4f5f7; + min-height: 25em; + .ms-form-group { + margin-left: 1em; + margin-right: 1em; + margin-top: 1.5em; + .ms-input-label { + background-color: #fff; + border: 1px solid #eee; + } + input { + .ms-input-label { + background-color: #fff; + border: 1px solid #eee; + } + } + } + .ms-input-group { + margin-left: 1em; + margin-right: 1em; + .ms-input-label { + background-color: #fff; + border: 1px solid #eee; + .ms-valiDateCode { + border: 0.1em; + height: 2em; + border-color: #000000; + } + } + } + .ms-btn { + margin-top: 1.5em; + margin-left: 1em; + margin-right: 1em; + background-color: #ddd; + } + .ms-submit { + color: #fff; + width: 100%; + } + .ms-input { + height: 2em; + } + } \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/password-forget-2.less b/src/main/webapp/templets/1/default/m/people/less/password-forget-2.less new file mode 100644 index 00000000..0115652d --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/password-forget-2.less @@ -0,0 +1,43 @@ +.ms-password-forget-2 { + background-color: #f3f5f7; + min-height: 25em; + .ms-margin { + margin-top: 2em; + .ms-text-warning { + color: #d73d3c; + font-size: 1em; + font-weight: 500; + } + .ms-margin-text { + margin-bottom: 1em; + .ms-text { + font-size: .9em; + } + .ms-num { + font-size: .85em; + } + } + .ms-monospace { + margin-top: 5em; + font-size: .9em; + .ms-link-text { + margin-left: -0.5em; + text-decoration: underline; + } + } + .am-input-group { + .ms-btn { + border-color: #f3f5f7; + background-color: #ddd; + } + .ms-text { + font-size: .9em; + } + } + .ms-submit { + color: #fff; + margin-top: 2em; + width: 100%; + } + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/password-forget-3.less b/src/main/webapp/templets/1/default/m/people/less/password-forget-3.less new file mode 100644 index 00000000..4d2a3aa3 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/password-forget-3.less @@ -0,0 +1,33 @@ +.ms-password-forget-3 { + background: #f3f5f7!important; + .ms-form { + margin: 1em; + } + .ms-span { + font-size: 0.8em; + margin-left: 1.5em; + margin-right: 1.5em; + color: #383030; + .ms-btn { + text-align: center; + color: #fff; + margin-top: 2em; + .ms-submit { + color: #fff; + width: 100%; + } + } + .ms-monospace { + margin-top: 5em; + font-size: .9em; + .ms-link-text { + margin-left: -0.5em; + text-decoration: underline; + } + } + } + .ms-text { + font-size: .8em; + font-weight: 200; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/less/register.less b/src/main/webapp/templets/1/default/m/people/less/register.less new file mode 100644 index 00000000..473a2b2f --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/less/register.less @@ -0,0 +1,32 @@ +.ms-register { + background-color: #f3f5f7; + display:none; + .ms-health{ + margin: 0 auto; + margin-top: 1em; + .iconfont{ + font-size: inherit; + } + } + .ms-valiDateCode{ + border: 1px; + height: 2em; + border-color: #000000; + } + .ms-login-form { + margin-top: 1.6em; + } + .ms-logBtn { + background-color: #f23030; + border-color: #ff9793; + margin: 0 auto; + margin-top: 10%; + width: 100%; + } + input { + border-color: #d9dbda; + } + .ms-input-bgcolor{ + background-color: #fff; + } +} \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/login.htm b/src/main/webapp/templets/1/default/m/people/login.htm new file mode 100644 index 00000000..ce7a9794 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/login.htm @@ -0,0 +1,172 @@ + + + + + 登录 + <#include "/head-file.htm" /> + + + + +
+
    +
  • +
    +

    + +

    +
    + +
    • +
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/password-change.htm b/src/main/webapp/templets/1/default/m/people/password-change.htm new file mode 100644 index 00000000..4f8e185e --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/password-change.htm @@ -0,0 +1,101 @@ + + + + + + 修改密码 + + <#include "/head-file.htm" /> + + + + + +
+ + <#include "/head.htm" /> + + +
+
+ + +
+
+ + +
+ 确认 +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/m/people/register.htm b/src/main/webapp/templets/1/default/m/people/register.htm new file mode 100644 index 00000000..cf5acfc6 --- /dev/null +++ b/src/main/webapp/templets/1/default/m/people/register.htm @@ -0,0 +1,191 @@ + + + + + 注册 + <#include "/head-file.htm" /> + + + + +
+
    +
  • +
    +

    + +

    +
    + +
    • +
+
+ +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/menu-left.htm b/src/main/webapp/templets/1/default/menu-left.htm new file mode 100644 index 00000000..3eecea87 --- /dev/null +++ b/src/main/webapp/templets/1/default/menu-left.htm @@ -0,0 +1,35 @@ +
+
走进铭飞
+ +
+ \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/news-list.htm b/src/main/webapp/templets/1/default/news-list.htm new file mode 100644 index 00000000..183d5125 --- /dev/null +++ b/src/main/webapp/templets/1/default/news-list.htm @@ -0,0 +1,46 @@ + + + + <#include "head-file.htm"/> + + + <#include "head.htm"/> +
+ + +
+
+
+ <#include "menu-left.htm"/> +
+ 首页 + > + {ms:field.typetitle/} +
+
+ +
+ +
+
+
+
+ 首页 + 上一页 + 下一页 + 末页 +
+
+ <#include "footer.htm"/> + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/news-show.htm b/src/main/webapp/templets/1/default/news-show.htm new file mode 100644 index 00000000..e4e51ba2 --- /dev/null +++ b/src/main/webapp/templets/1/default/news-show.htm @@ -0,0 +1,265 @@ + + + + <#include "head-file.htm"> + + + + + + <#include "head.htm"> +
+ + + +
+
+
+ <#include "menu-left.htm"> +
+
+ 首页 + > + {ms:field.typetitle/} +
+
+
+
{ms:field.title/}
+
+
+
来源：{ms:field.source/} + | +
+
时间：{ms:field.date?string("yyyy-mm-dd")/}
+
+
+
+
{ms:field.hit/} + | +
+
+
+ + | +
+
+
+
+
+
+
+

{ms:field.content/}


+
+
+

上一篇：{ms:pre.title/}

+

下一篇：{ms:next.title/}

+
+
+
+
+
+
+
+ +
+
+
提交
+
+
+
+ + +
+
+ 查看更多评论 +
+
+ 没有更多评论 +
+ +
+
+
+
+
+
+ <#include "footer.htm"> + + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/people/center.htm b/src/main/webapp/templets/1/default/people/center.htm new file mode 100644 index 00000000..89231d33 --- /dev/null +++ b/src/main/webapp/templets/1/default/people/center.htm @@ -0,0 +1,173 @@ + + + + <#include "/head-file.htm" /> + + + + <#include "/head.htm" /> +
+
+
+
+ +
+
+
+
+
+ 基本资料 +
+
+ 修改密码 +
+
+
+
+
基本资料
+
+
+
+ 头像 +
+ +
+ 上传头像 +
+
+
+
+ 昵称 + + + +
+
+ 邮箱 + + + +
+
+
确认
+
+
+
+
+ <#include "/footer.htm" /> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/people/login.htm b/src/main/webapp/templets/1/default/people/login.htm new file mode 100644 index 00000000..c34cbe7c --- /dev/null +++ b/src/main/webapp/templets/1/default/people/login.htm @@ -0,0 +1,202 @@ + + + + 登录 + + + + + + + + + +
+
+ + + +
+
+
+ + +
+ + + + +
+
+
+
+

+ + 关于我们 + + | + + 发展历程 + + | + + 联系我们 + +

+

版权所有 @铭飞科技有限公司2012-2018保留一切权利

+
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/people/password-change.htm b/src/main/webapp/templets/1/default/people/password-change.htm new file mode 100644 index 00000000..1cd7dc0f --- /dev/null +++ b/src/main/webapp/templets/1/default/people/password-change.htm @@ -0,0 +1,169 @@ + + + + <#include "/head-file.htm" /> + + + <#include "/head.htm" /> +
+
+
+
+ +
+
+
+
+
+ 基本资料 +
+
+ 修改密码 +
+
+
+
+
修改密码
+
+
+
+ 当前密码 + + + +
+
+ 新密码 + + + +
+
+ 确认密码 + + + +
+
+
确认
+
+
+
+
+ <#include "/footer.htm" /> + + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/people/register.htm b/src/main/webapp/templets/1/default/people/register.htm new file mode 100644 index 00000000..58e682e4 --- /dev/null +++ b/src/main/webapp/templets/1/default/people/register.htm @@ -0,0 +1,236 @@ + + + + 注册 + + + + + + + + + +
+
+ + + +
+
+
+ + +
+ + + + + +
+
+
+
+

+ + 关于我们 + + | + + 发展历程 + + | + + 联系我们 + +

+

版权所有 @铭飞科技有限公司2012-2018保留一切权利

+
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/templets/1/default/search.htm b/src/main/webapp/templets/1/default/search.htm new file mode 100644 index 00000000..ec5ccf1a --- /dev/null +++ b/src/main/webapp/templets/1/default/search.htm @@ -0,0 +1,45 @@ + + + + <#include "head-file.htm"/> + + + <#include "head.htm"/> +
+ +
+
+
+
+
您搜索的关键字 + {ms:search.basic_title/} + +
+ +
+
+ 首页 + 上一页 + 下一页 + 末页 +
+
+
+ <#include "footer.htm"/> + + + \ No newline at end of file