|
|
@@ -0,0 +1,200 @@
|
|
|
+/* http://meyerweb.com/eric/tools/css/reset/
|
|
|
+ v2.0 | 20110126
|
|
|
+ License: none (public domain)
|
|
|
+*/
|
|
|
+
|
|
|
+html, body, div, span, applet, object, iframe,
|
|
|
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
|
+a, abbr, acronym, address, big, cite, code,
|
|
|
+del, dfn, em, img, ins, kbd, q, s, samp,
|
|
|
+small, strike, strong, sub, sup, tt, var,
|
|
|
+b, u, i, center,
|
|
|
+dl, dt, dd, ol, ul, li,
|
|
|
+fieldset, form, label, legend,
|
|
|
+table, caption, tbody, tfoot, thead, tr, th, td,
|
|
|
+article, aside, canvas, details, embed,
|
|
|
+figure, figcaption, footer, header, hgroup,
|
|
|
+menu, nav, output, ruby, section, summary,
|
|
|
+time, mark, audio, video {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ font-size: 100%;
|
|
|
+ font: inherit;
|
|
|
+ vertical-align: baseline;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+}
|
|
|
+
|
|
|
+/* HTML5 display-role reset for older browsers */
|
|
|
+article, aside, details, figcaption, figure,
|
|
|
+footer, header, hgroup, menu, nav, section {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+input{
|
|
|
+ outline: none;
|
|
|
+ -webkit-appearance: button;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border-radius: 0;
|
|
|
+ border:none;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+textarea{
|
|
|
+ box-sizing: border-box;
|
|
|
+ resize: none;
|
|
|
+ outline: none;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+}
|
|
|
+a{
|
|
|
+ text-decoration: none;
|
|
|
+ color: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ line-height: 1;
|
|
|
+}
|
|
|
+ol, ul {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+blockquote, q {
|
|
|
+ quotes: none;
|
|
|
+}
|
|
|
+blockquote:before, blockquote:after,
|
|
|
+q:before, q:after {
|
|
|
+ content: '';
|
|
|
+ content: none;
|
|
|
+}
|
|
|
+table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.clamp {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.clamp2 {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.clamp3 {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.clamp4 {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+/* 布局 */
|
|
|
+ .flex-col {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .flex-row {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+ .justify-start {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+ .justify-center {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .justify-end {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+ .justify-evenly {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ }
|
|
|
+ .justify-around {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ }
|
|
|
+ .justify-between {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .align-start {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+ .align-center {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .align-end {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ }
|
|
|
+ .fill{
|
|
|
+ flex:1;
|
|
|
+ }
|
|
|
+.fill{
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+ ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }
|
|
|
+
|
|
|
+
|
|
|
+ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #CCCCCC; font-size:1.2rem;}
|
|
|
+
|
|
|
+ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #CCCCCC;font-size: 1.2rem; }
|
|
|
+
|
|
|
+ ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #CCCCCC;font-size: 1.2rem; }
|
|
|
+
|
|
|
+ :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #CCCCCC;font-size: 1.2rem; }
|
|
|
+
|
|
|
+.animate__delay-1s {
|
|
|
+ -webkit-animation-delay: calc(1s * 1);
|
|
|
+ animation-delay: calc(1s * 1);
|
|
|
+ /* -webkit-animation-delay: calc(var(--animate-delay) * 20);
|
|
|
+ animation-delay: calc(var(--animate-delay) * 20); */
|
|
|
+}
|
|
|
+.animation_slideInDown{
|
|
|
+ animation-duration: 1s;
|
|
|
+ animation-fill-mode: both;
|
|
|
+ animation-name: slideInDown;
|
|
|
+}
|
|
|
+@keyframes slideInDown {
|
|
|
+ from {
|
|
|
+ -webkit-transform: translate3d(-50%, -100%, 0);
|
|
|
+ transform: translate3d(-50%, -100%, 0);
|
|
|
+ visibility: visible;
|
|
|
+ }
|
|
|
+
|
|
|
+ to {
|
|
|
+ -webkit-transform: translate3d(-50%, 0, 0);
|
|
|
+ transform: translate3d(-50%, 0, 0);
|
|
|
+ }
|
|
|
+}
|
|
|
+.animation_slideOutUp{
|
|
|
+ animation-duration: 1s;
|
|
|
+ animation-fill-mode: both;
|
|
|
+ animation-name: slideOutUp;
|
|
|
+}
|
|
|
+@keyframes slideOutUp {
|
|
|
+ from {
|
|
|
+ -webkit-transform: translate3d(-50%, 0, 0);
|
|
|
+ transform: translate3d(-50%, 0, 0);
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ visibility: hidden;
|
|
|
+ -webkit-transform: translate3d(-50%, -100%, 0);
|
|
|
+ transform: translate3d(-50%, -100%, 0);
|
|
|
+ }
|
|
|
+}
|
15954078560
