.about-container{min-width:1200px}.about-container .common-title{text-align:center}.about-container .common-title h4{font-size:30px;color:#333;padding:50px 0 12px}.about-container .common-title h5{font-size:20px;color:#333}.about-container .common-title .line{width:60px;height:5px;background:#39e;margin:20px auto 0}.about-container .wrap1{width:100%;height:450px;background:url(/_nuxt/img/d450430.png) no-repeat top #288ce9;min-width:1200px;position:relative;text-align:center;padding-top:155px}.about-container .wrap1 .banner-text{width:571px;height:154px;margin:auto}.about-container .wrap1 .banner-text h2{font-size:36px;color:#fff;font-weight:600;position:relative;top:-22px}.about-container .wrap1 .banner-text h3{font-size:22px;color:#fff;line-height:32px;padding-top:10px}.about-container .wrap2{background:#fff;text-align:center;padding-bottom:61px}.about-container .wrap2 .introduce{font-size:16px;color:#333;line-height:24px;padding:40px 0}.about-container .wrap2 .game-types{overflow:hidden}.about-container .wrap2 .game-types li{float:left;height:154px;width:228px;position:relative;margin-right:15px}.about-container .wrap2 .game-types li .hidden-text{font-size:20px;color:#fff;font-weight:600;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;transition:all .5s}.about-container .wrap2 .game-types li .hidden-img{transform:translateY(154px);opacity:0;transition:all .3s}.about-container .wrap2 .game-types li .show-img{transform:translateY(0);opacity:1;transition:all .3s}.about-container .wrap2 .game-types li:hover .hidden-text{opacity:1}.about-container .wrap2 .game-types li:hover .show-img{transform:translateY(-154px);opacity:0}.about-container .wrap2 .game-types li:hover .hidden-img{transform:translateY(-154px);opacity:1}.about-container .wrap2 .game-types li:last-child{margin-right:0}.about-container .wrap2 .game-types li img{height:154px;width:228px}.about-container .wrap3{width:100%;height:690px;background:url(/_nuxt/img/8b4f1fb.jpg) no-repeat top #288ce9;min-width:1200px;position:relative}.about-container .wrap3 .common-title h4,.about-container .wrap3 .common-title h5{color:#fff}.about-container .wrap3 .common-title .line{background:#fff}.about-container .wrap3 .advance-list{overflow:hidden;padding:60px 0}.about-container .wrap3 .advance-list li{width:580px;height:200px;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.2);border-radius:4px;overflow:hidden;float:left;margin:0 40px 40px 0;position:relative;top:0;transition:all .3s;padding:38px 0}.about-container .wrap3 .advance-list li:hover{top:-2px}.about-container .wrap3 .advance-list li:nth-child(2n-2){margin-right:0}.about-container .wrap3 .advance-list li img{width:90px;height:90px;float:left;margin:17px 20px}.about-container .wrap3 .advance-list li .tit{font-size:20px;color:#39e;font-weight:600;padding-bottom:15px}.about-container .wrap3 .advance-list li .descr{font-size:16px;color:#333;line-height:24px;width:420px;margin-left:130px}.about-container .wrap4{background:#fff}.about-container .wrap4 .culture-list{font-size:0;padding:60px 0;white-space:nowrap}.about-container .wrap4 .culture-list li{width:280px;height:280px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,64,117,.1);border-radius:3px;display:inline-block;margin-right:26px;text-align:center;position:relative;top:0;transition:all .3s}.about-container .wrap4 .culture-list li:hover{top:-2px}.about-container .wrap4 .culture-list li:hover .descr{color:#39e}.about-container .wrap4 .culture-list li:last-child{margin-right:0}.about-container .wrap4 .culture-list li img{width:140px;height:123px;margin-top:60px}.about-container .wrap4 .culture-list li .descr{font-size:20px;color:#333;font-weight:600;margin-top:19px}.about-container .wrap5{width:100%;height:580px;background:url(/_nuxt/img/5cee02c.jpg) no-repeat top #0279df;min-width:1200px;position:relative;text-align:center}.about-container .wrap5 .common-title h4,.about-container .wrap5 .common-title h5{color:#fff}.about-container .wrap5 .common-title .line{background:#fff}.about-container .wrap5 .list-title{font-size:20px;font-weight:700;line-height:24px;text-align:center;color:#fff;padding-top:27px}.about-container .wrap5 .text-box{width:520px;margin:20px auto 30px;padding:20px 0;border:1px solid #fff;border-radius:4px}.about-container .wrap5 .job-list{display:flex;align-items:flex-start;justify-content:center;margin-top:60px}.about-container .wrap5 .job-list .item{color:#fff;font-size:16px;margin:0 60px;text-align:left;position:relative}.about-container .wrap5 .job-list .item:hover:before{transform:rotate(135deg)}.about-container .wrap5 .job-list .item:before{content:"";width:14px;height:14px;background:#fff;position:absolute;top:-30px;left:0;transition:all .3s}.about-container .wrap5 .job-list .item .name{font-size:20px;padding-bottom:12px}.about-container .wrap5 .job-list .item .work{line-height:1.8}.about-container .wrap5 .idea{font-size:16px;color:#fff}.about-container .wrap5 .idea:nth-child(2){padding:20px 0}.about-container .wrap5 .join-btn{display:block;margin:auto;width:120px;height:40px;line-height:40px;text-align:center;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:4px;color:#39e;font-size:16px;transition:all .3s}.about-container .wrap5 .join-btn:hover{color:#fff;background:#40a9ff}