.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{will-change:transform;transition:all .2s cubic-bezier(.55,0,.1,1);position:absolute;backface-visibility:hidden}.slide-left-enter-from{opacity:0;transform:translateX(100%)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translateX(-100%)}.slide-right-leave-to{opacity:0;transform:translateX(100%)}body{margin:0}#app{width:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.yunxi-container{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1200px;height:100px}.header .logo-img{margin:0;height:40px}.header .menu-wrapper .menu-item{position:relative;height:100px;line-height:100px;cursor:pointer}.header .menu-wrapper .menu-item.active:after{display:block;content:"";position:absolute;left:0;bottom:0;right:0;height:4px;background:#2364ac}.main-container{flex:1;margin:0 auto;width:100%;background-color:#3c3c3c}.main-container .swiper-img{width:100%}.footer{padding-top:40px;height:20vh;box-sizing:border-box;background-color:#3c3c3c}.footer .container{width:1200px;margin:0 auto;position:relative;text-align:center}.footer .container p{margin:0;font-size:12px;line-height:20px;letter-spacing:1px;color:#787878}.footer .container a{color:#787878}@media screen and (max-width:500px){.header{width:80vw;overflow:hidden}.footer .container{width:100vw}}