#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*{padding:0;margin:0}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.platforms{width:100%;height:100vh;background:url(../img/pBG.e7ad2b65.png) no-repeat;background-size:100% 100%}.platforms .footer,.platforms .head{text-align:center}.platforms .head{padding-top:90px}@media screen and (max-width:1366px){.platforms .head{padding-top:50px}}.platforms main{display:flex;justify-content:space-between;padding:0 160px;margin:100px auto 60px}@media screen and (max-width:1366px){.platforms main{margin:60px auto 50px}}.platforms main>div{width:22%;position:relative;text-align:center;cursor:pointer}.platforms main>div img{width:100%}.platforms main>div p{width:100%;color:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:140px;font-size:24px;letter-spacing:3px}@media screen and (max-width:1366px){.platforms main>div p{font-size:18px;bottom:85px}}.platforms main>div:hover p{color:#4d6bff}.platforms main>div:nth-child(2):hover p{color:#c0223d}.platforms main>div:nth-child(3):hover p{color:#52a767}.platforms main>div:nth-child(4):hover p{color:#319cbe}