/*do not import this file except components/style/index.less*/ .am-fade-enter, .am-fade-appear { opacity: 0; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-fade-enter.am-fade-enter-active, .am-fade-appear.am-fade-appear-active { -webkit-animation-name: amFadeIn; animation-name: amFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-fade-leave.am-fade-leave-active { -webkit-animation-name: amFadeOut; animation-name: amFadeOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes amFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes amFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes amFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .am-slide-up-enter, .am-slide-up-appear { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .am-slide-up-enter, .am-slide-up-appear, .am-slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-slide-up-enter.am-slide-up-enter-active, .am-slide-up-appear.am-slide-up-appear-active { -webkit-animation-name: amSlideUpIn; animation-name: amSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-slide-up-leave.am-slide-up-leave-active { -webkit-animation-name: amSlideUpOut; animation-name: amSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amSlideUpIn { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes amSlideUpIn { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes amSlideUpOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } @keyframes amSlideUpOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } .am.am-zoom-enter, .am.am-zoom-leave { display: block; } .am-zoom-enter, .am-zoom-appear { opacity: 0; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-zoom-enter.am-zoom-enter-active, .am-zoom-appear.am-zoom-appear-active { -webkit-animation-name: amZoomIn; animation-name: amZoomIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-zoom-leave.am-zoom-leave-active { -webkit-animation-name: amZoomOut; animation-name: amZoomOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amZoomIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes amZoomIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes amZoomOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes amZoomOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } .am-slide-down-enter, .am-slide-down-appear { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .am-slide-down-enter, .am-slide-down-appear, .am-slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); -webkit-animation-play-state: paused; animation-play-state: paused; } .am-slide-down-enter.am-slide-down-enter-active, .am-slide-down-appear.am-slide-down-appear-active { -webkit-animation-name: amSlideDownIn; animation-name: amSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .am-slide-down-leave.am-slide-down-leave-active { -webkit-animation-name: amSlideDownOut; animation-name: amSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes amSlideDownIn { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes amSlideDownIn { 0% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes amSlideDownOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } @keyframes amSlideDownOut { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } *, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background-color: #f5f5f9; font-size: 14px; } *[contenteditable] { -webkit-user-select: auto !important; } *:focus { outline: none; } a { background: transparent; text-decoration: none; outline: none; }