#app{height:100%;width:100%}#app .wrap{width:100%;height:100vh;background-image:url(/nav/img/work.c28cea33.gif),url(/nav/img/chengxuyuan.48173b4e.gif);background-size:272px auto,150px auto;background-repeat:no-repeat;background-position:0 100%,100% 100%}#app .wrap .header{padding:30px 8.33%;justify-content:space-between;height:130px}#app .wrap .header,#app .wrap .header .logo{display:flex;align-items:center}#app .wrap .header .logo img{width:30px;margin-right:10px}#app .wrap .header .logo .logo-text{font-weight:900;font-size:14px;position:relative}#app .wrap .header .logo .logo-text:after{content:"Beta";position:absolute;right:-40px;padding:2px 4px;border-radius:3px;background-color:#ff7bda;font-size:12px}#app .wrap .header nav{text-transform:uppercase;letter-spacing:2px;font-size:12px}#app .wrap .header nav ul li{display:inline-block;margin-left:20px}#app .wrap .header nav ul li a{color:inherit;text-decoration:none;letter-spacing:2px;color:#fff;transition:color .2s ease;padding:3px 0;margin-bottom:10px;position:relative;display:inline-block}#app .wrap .header nav ul li a:before{transition:width .25s cubic-bezier(.51,.18,0,.88) .1s;background:#845ec2}#app .wrap .header nav ul li a:after,#app .wrap .header nav ul li a:before{content:"";position:absolute;top:calc(100% + 5px);width:0;right:0;height:3px}#app .wrap .header nav ul li a:after{transition:width .2s cubic-bezier(.29,.18,.26,.83);background:#2fffad}#app .wrap .header nav ul li a:hover:after,#app .wrap .header nav ul li a:hover:before{width:100%;left:0}#app .wrap .title{visibility:visible;transform:translateY(0) scale(1);opacity:1;transition:transform 1s cubic-bezier(.6,.2,.1,1) .15s,opacity 1s cubic-bezier(.6,.2,.1,1) .15s;font-size:34px;text-align:center;font-weight:900;margin:0 auto 30px;text-shadow:2px 3px 0 #969696;padding:0 8.33%}#app .wrap .category{padding:30px 8.33%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:24px 16px;margin-bottom:24px}#app .wrap .category .item{display:inline-block;position:relative;border-radius:50px;background:#00c9b7;width:180px;height:50px;color:#fff;font-size:14px;letter-spacing:2px;cursor:pointer;box-shadow:10px 10px 14px 1px rgba(0,0,0,.2);text-align:center;margin:0 auto;transition:all .5s;text-transform:uppercase;line-height:50px}#app .wrap .category .item:hover{box-shadow:none}#app .wrap .category .item.add{background-color:#845ec2;border:1px dashed}#app .bgnew{z-index:-1;background-image:linear-gradient(to right top,#6d327c,#485da6,#00a1ba,#00bf98,#36c486)}#app .bgnew,#app .bgnew2{position:fixed;top:0;left:0;right:0;bottom:0}#app .bgnew2{z-index:-2;background-image:linear-gradient(to right top,#38438b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68)}#app .fixed-category{position:fixed!important;right:0;top:50%;display:flex;flex-direction:column;z-index:9;transition:top .7s ease-out;width:110px;opacity:0;translate:0 -50%}#app .fixed-category .item{display:inline-block;position:relative;border-radius:50px;background:#00c9b7;width:100px;height:32px;line-height:32px;color:#fff;font-size:12px;cursor:pointer;box-shadow:2px 2px 4px 1px rgba(0,0,0,.2);text-align:center;margin:0 auto;transition:all .5s;text-transform:uppercase}#app .fixed-category .item:hover{box-shadow:none}#app .fixed-category .item+.item{margin-top:8px}#app .fixed-category.fade-in-right{animation:fadeInRight 1s forwards}#app .fixed-category.fade-out-right{animation:fadeOutRight 1s forwards}@media only screen and (max-width:900px){#app .wrap .header .effect{display:none}#app .wrap .category{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}#app .wrap .category .item{height:32px;line-height:32px;width:100px;font-size:12px;letter-spacing:0}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}*,:after,:before{margin:0;padding:0;box-sizing:border-box;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}a{color:inherit;text-decoration:none}body{margin:0;padding:0;color:#fff;position:relative}.el-dialog__wrapper .el-dialog{border-radius:10px}.el-dialog__wrapper .el-dialog .el-dialog__header{padding:20px;border-bottom:1px solid #0c103516}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:18px 20px 14px 20px;background:#f8f9fc}.el-dialog__wrapper .el-dialog .el-dialog__footer{border-top:1px solid #0c103516;padding:18px 20px}.el-form .el-form-item .el-form-item__label{font-size:12px;color:#0c103580;line-height:32px}