#app{width:100%;height:100%;min-width:1140px;margin:0 auto;text-align:center}#container{position:relative}body{margin:0;padding:0}.clearFloat{clear:both}header{width:100%;height:100px;background:rgba(0,0,0,.6);position:fixed;z-index:9}#nav{position:absolute;width:100%;height:100%}.logo{width:100px;height:80px;position:relative;left:15%;top:10%;cursor:pointer}.nav-item ul{list-style:none;margin:0;padding:0;left:25%;bottom:20px}.nav-item ul,li{position:relative}li{height:26px;line-height:26px;display:inline-block;margin-left:44px;cursor:pointer;font-size:16px;color:#fff;opacity:.8}.selected{color:#ff0}.nav-in{animation:navin .5s 0s ease both}@keyframes navin{0%{color:#a3daa5}to{color:#0bfb13}}.swipe{top:0;margin:0;padding:0}.swipe,img{left:0;width:100%}img{height:100%}.list{top:790px;height:222px;margin-bottom:-16px}.list,.list img{width:100%;left:0}.list img{height:210px}footer{top:1000px;margin-top:20px;left:0;height:80px;background:#191919}.address{height:151px}.address,.company{font-size:16px;color:#a3a3a3;text-align:center}.company{border-top:1px solid #2b2b2b;margin-top:60px}.address img{width:75px;height:72px}.data{top:20%}.data,.link{position:relative}.link{font-size:12px;color:#a3a3a3;text-align:center;top:25%}#github{background:url(/static/img/github.png);margin-right:35px}#github,#wechat{display:inline-block;width:24px;height:22px}#wechat{background:url(/static/img/social_icon.png);background-position:-24px 0}.content .banner h1{position:absolute;width:100%;top:40%;z-index:8;color:#fff;font-size:66px;animation:fadeIn 2s .5s ease both}.introduce{position:relative;width:100%;height:100%;top:-10%}.introduce img{width:400px;height:400px}.pic,.pic img{position:relative}.pic img{left:-15%}.ad{position:absolute;top:10%;left:55%;width:336px}.ad h3{font-size:36px;color:#585858;font-weight:500}.ad h3,.word{text-align:left}.word{font-size:14px;color:#4b4b4b;line-height:22px;margin:0;padding:0;padding-bottom:10px}.mar1{margin:50px 0}#about{text-align:left;position:absolute;top:16%;left:20%;z-index:8;color:#fff;font-size:34px;line-height:130%;animation:fadeIn 2s .5s ease both}.mar h3{font-size:36px;padding:42px 0 26px;font-weight:500;color:#666}#download{position:absolute;top:38%;font-size:32px}#download,.wx-code{text-align:left;left:26%;z-index:8;color:#fff;color:#e9e7e5;font-weight:300;margin:0;padding:0;animation:none}.wx-code{width:300px;height:300px;position:relative;cursor:pointer;position:absolute;top:50%;font-size:28px}.content .banner{position:relative;width:100%;top:-13%;left:0;margin:0;padding:0}.content .banner h3+p{font-size:16px;color:#e6e5e3;font-weight:300;position:absolute;top:44%;left:29%;z-index:8;margin:0;padding:0}.teach{margin-bottom:7%}.teach h3{padding:50px 0;font-weight:500;font-size:30px;text-align:center;color:#333}.mar{margin:50px 0}.mar p{line-height:32px;font-size:14px;color:#8d8d8d;text-align:center}.step{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.container{width:300px;-ms-flex:0 1 auto;flex:0 1 auto}.container img{width:300px;height:500px}.container h3{margin-bottom:10px;font-size:18px;font-weight:500;padding:0}.container h3,.container p{text-align:center;color:#333}.container p{line-height:30px;font-size:14px;opacity:.6}em{font-style:normal;font-size:22px;vertical-align:text-bottom;line-height:27px}.jobContainer{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.jobEmail{margin:60px 0 100px}.jobEmail p{display:block;height:24px;line-height:24px;color:#b8b8b8;font-size:14px;margin:0;padding:0;cursor:pointer}.email{margin-top:40px}.email div{width:134px;height:58px;line-height:58px;display:block;margin:0 auto;text-align:center;border:1px solid #e5e5e5;font-size:14px;color:#333;border-radius:30px;cursor:pointer}.email div:hover{background-color:#ffc107}.email div+p{margin-top:40px;cursor:auto}.jobList{width:100%}.jobList h3{font-size:18px;text-align:center;margin-bottom:16px}.jobList h3,.jobList p:hover{color:#585858}#jobH3{line-height:86px;top:20%;text-align:center;font-size:45px;display:table-cell;vertical-align:middle;animation:fadeIn 2s .5s ease both;position:absolute;font-weight:700;left:38%;z-index:8;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}