#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%}#app .show{-webkit-transform:translateX(250px);transform:translateX(250px)}#app .main-wrap{position:absolute;top:45px;width:100%;left:0;padding-bottom:10px}#app .test{color:green}#app .links{font-size:2.4rem;color:red}#app .flex,#app .flex-y{display:-webkit-box;display:-ms-flexbox;display:flex}#app .flex-y{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop{position:fixed;top:0;left:0;z-index:8}#cnodeapp,.pop{width:100%;height:100%}.header{position:fixed;top:0;left:0;width:100%;height:45px;line-height:45px;text-align:center;z-index:10;color:green;background-color:#444;transition:all .3s ease}.header h3{width:123px;margin:0 auto}.header h3 img{max-width:100%;vertical-align:middle}.header .pull-l{float:left;margin-left:10px}.header .pull-r{float:right;margin-right:10px}.search-content{position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background-color:#fff;transition:all .2s linear;-webkit-transform:translateZ(0);transform:translateZ(0)}.search-content.searchFlow-enter,.search-content.searchFlow-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.search-content .search-head{position:relative;overflow:hidden;background-color:#444;height:45px;line-height:45px;text-align:center;font-size:18px;color:green}.search-content .search-head .pull-l{position:absolute;left:10px}.search-content .search-con{padding:10px}.search-content .search-con input{width:80%;padding:10px;border:1px solid #ccc;border-radius:5px}.menu-con{width:250px;height:100%;position:fixed;top:0;bottom:0;left:-250px;z-index:10;padding-top:45px;background-color:#444;color:#fff;transition:all .3s ease}.menu-con ul{text-align:center}.menu-con ul li a{padding:10px 0;display:block}.menu-con ul li a.active{color:green;font-weight:700}