@font-face{font-family:Hurme;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/HurmeGeometricSans2-Bold.woff2) format("woff2"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/HurmeGeometricSans2-Bold.woff) format("woff");font-weight:700;font-style:normal}.moblie-app-down-box-btn{cursor:default;background:#26a7ff;color:#fff;height:40px;width:130px;position:relative;line-height:40px;padding-left:40px}.moblie-app-down-box-btn img{height:24px;position:absolute;top:8px;left:10px}.moblie-app-down-box-btn span{font-size:16px}.moblie-app-down-box-remark{color:#fff;font-size:18px;margin:20px 0}.moblie-app-down-box-main{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;left:0;top:0;padding:10px 30px 0 30px}.moblie-app-down-box{width:100%;position:relative}.moblie-app-down-box .bg-img{width:100%;border:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.moblie-app-down{width:100%;position:relative;margin-top:70px}.moblie-app-down-title{margin-bottom:10px;font-size:18px}.wx_downliad_dialog{position:fixed;z-index:99999999;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(51,51,51,.9)}.wx_downliad_dialog img{width:240px;position:absolute;right:0;top:0;display:block}.nav-app{position:absolute;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;margin-top:10px;-webkit-transition:all .8s 0s;transition:all .8s 0s;opacity:0}.nav_iPhone{padding:6px 15px}.nav_android,.nav_iPhone{position:relative;width:124px;height:34px;border-radius:40px;border:1px solid hsla(0,0%,100%,.6);opacity:1}.nav_android{padding:5px 15px;margin:0 20px}.nav_QRCode{position:relative;width:124px;height:34px;border-radius:40px;border:1px solid hsla(0,0%,100%,.6);opacity:1;padding:7px 15px}.nav_QRCode:hover .nav_QRCode_hover{display:block}.animateNavLeave{-webkit-animation:animateNavLeave .4s ease 0s 1 normal forwards running;animation:animateNavLeave .4s ease 0s 1 normal forwards running}.nav_iPhone_img{height:21px}.nav_android_img,.nav_iPhone_img{position:relative;width:93px;cursor:pointer;background-size:108px 172px;background-image:url(../img/app_down.884a0e96.png)}.nav_android_img{height:23px;background-position:0 -21px}.nav_QRCode_img{position:relative;width:93px;height:20px;cursor:pointer;background-size:108px 172px;background-position:0 -44px;background-image:url(../img/app_down.884a0e96.png)}.nav_QRCode_hover{cursor:default;top:45px;left:8px;padding-top:40px;margin-top:-40px;right:-1px;position:absolute;display:none;opacity:1}.animateQRCodeOut{-webkit-animation:animateQRCodeOut .4s ease 0s 1 normal forwards running;animation:animateQRCodeOut .4s ease 0s 1 normal forwards running}.animateQRCodeIn{-webkit-animation:animateQRCodeIn .6s ease 0s 1 normal forwards running;animation:animateQRCodeIn .6s ease 0s 1 normal forwards running}.nav_QRCode_hover_border{border:1px solid hsla(0,0%,100%,.4);width:108px;height:108px;padding:8px}.nav_QRCode_hover_img{width:100%;height:100%;opacity:1;background-image:url(../img/app_down.884a0e96.png);background-size:cover;background-position:0 100%;background-repeat:no-repeat}.fanxiang_code{background-image:url(../img/fanxiang_qrcode.3f7dcd04.png)}.jokins_qrcode{background-image:url(../img/jokins_qrcode.bf7d5451.jpg)}.yjh_qrcode{background-image:url(../img/yjh_qrcode.d6cfe3f6.jpg)}.soulz_qrcode{background-image:url(../img/soulz_qrcode.391563bc.jpg)}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#07101d;background-size:cover!important;font-family:Hurme;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:40px;height:100vh}body video{opacity:0;-webkit-animation:fadeInVid 1s 1s forwards;animation:fadeInVid 1s 1s forwards}body .portfolio .slider_note{width:100%;position:absolute;color:#000;left:0;top:640px;z-index:2;text-align:center;font-size:14px}body .portfolio .elichain-info{width:800px;position:relative;height:440px;margin:40px auto 0 auto}body .portfolio .elichain-info .team-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative}body .portfolio .elichain-info .team-list .user{width:210px;position:relative;padding-left:70px;padding-top:6px}body .portfolio .elichain-info .team-list .user .photo{position:absolute;top:0;left:0}body .portfolio .elichain-info .team-list .user .photo img{width:60px;height:60px;border-radius:6px}body .portfolio .elichain-info .team-list .user .name{font-size:16px;font-weight:400}body .portfolio .elichain-info .team-list .user .position{font-size:14px;font-weight:400;color:#909399;margin-top:6px}body .portfolio .slider_note .copyright-text{margin:0 auto;position:relative;width:750px;display:-webkit-box;display:-ms-flexbox;display:flex}body .portfolio .slider_note .copyright-text a{color:#000;text-decoration:none}body .portfolio .slider_note .copyright-text .gongan{margin:0 16px;padding-left:24px;position:relative}body .portfolio .slider_note .copyright-text .gongan img{position:absolute;left:0}body .portfolio .slideClone{width:700px;height:450px;margin:0 auto;top:160px;display:none;position:fixed;left:0;-webkit-transition:all .5s;transition:all .5s;right:0}body .portfolio .slideClone .cats,body .portfolio .slideClone .overlay,body .portfolio .slideClone .title{opacity:1!important}body .portfolio_home__work.expand .slideClone .nav-app{opacity:1;-webkit-transition:all .8s .5s;transition:all .8s .5s}body .portfolio .slideClone .button{display:none}body .portfolio .slideClone .title{font-weight:800;color:#26a7ff;position:relative;z-index:10;font-size:22px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;left:0}body .portfolio .slideClone .f{text-shadow:rgba(0,0,0,.2) 3px 4px 5px;position:relative;top:0;-webkit-transition:all .7s cubic-bezier(.79,-.01,0,.99) 0s;transition:all .7s cubic-bezier(.79,-.01,0,.99) 0s}body .portfolio .slideClone .image{position:relative;margin-top:10px;padding:94px 94px;height:380px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}body .portfolio .slideClone .image img{position:absolute;left:0;z-index:-1;top:0;-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .1s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .1s;height:100%}body .portfolio .slideClone .image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(11,18,27,.6);z-index:-1;opacity:0;-webkit-transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .1s;transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .1s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .1s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .1s}body .portfolio .slideClone .image .cats{color:#26a7ff;font-weight:700;font-size:12px;left:0;-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s}body .portfolio .slideClone .image .cats,body .portfolio .slideClone .image .title{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:0;position:relative}body .portfolio .slideClone .image .title{font-weight:800;color:#fff;width:350px;font-size:28px;line-height:35px;-webkit-transition:all .6s .2s;transition:all .6s .2s;margin:22px 0 16px 0}body .portfolio .slideClone .image .button{color:#fff;font-size:14px;cursor:pointer;margin-top:14px;background:#26a7ff;float:left;padding:12px 20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;-webkit-transition:all .6s .3s;transition:all .6s .3s;opacity:0}body .portfolio_home__work{background:transparent;padding:40px;width:100%;z-index:3;position:fixed;height:100%;pointer-events:none;opacity:0;top:0;z-index:4;left:0;clip-path:polygon(calc(50% - 353px) 613px,calc(50% + 359px) 613px,calc(50% + 359px) 226px,calc(50% - 353px) 225px);-webkit-transition:opacity .5s .67s;transition:opacity .5s .67s}body .portfolio_home__work.expand{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);pointer-events:all;opacity:1;-webkit-transition:opacity .1s;transition:opacity .1s}body .portfolio_home__work.expand .scroll{opacity:1;-webkit-transition:all .8s .5s;transition:all .8s .5s}body .portfolio_home__work.expand .slideClone img{-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .23s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .23s;-webkit-transform:scale(2.9);transform:scale(2.9)}body .portfolio_home__work.expand .slideClone .overlay{-webkit-transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .23s;transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .23s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .23s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .23s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .23s;-webkit-transform:scale(2.9);transform:scale(2.9)}body .portfolio_home__work.expand .slideClone .title.f{position:relative;top:72px;left:0;-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .4s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .4s}body .portfolio_home__work.expand .slideClone .cats,body .portfolio_home__work.expand .slideClone .title{left:-93px;position:relative}body .portfolio_home__work.expand .slideClone .cats{-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s}body .portfolio_home__work.expand .slideClone .title{-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .19s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .19s}body .portfolio_home__slider{position:relative;-webkit-transform:translateX(-800px);transform:translateX(-800px);-webkit-perspective:900px;perspective:900px;-webkit-perspective-origin:50% 200px;perspective-origin:50% 200px}body .portfolio_home__slider .slider_inner{-webkit-transform:translateY(120px);transform:translateY(120px);position:absolute;left:0;right:0;width:30000px;-webkit-transition:all .8s cubic-bezier(0,.6,.25,1);transition:all .8s cubic-bezier(0,.6,.25,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none}body .portfolio_home__slider .slider_inner.in{pointer-events:all}body .portfolio_home__slider .slider_inner.in .slider_inner__slide{-webkit-animation:sliderIn 1.1s cubic-bezier(.79,-.01,0,.99) .65s forwards;animation:sliderIn 1.1s cubic-bezier(.79,-.01,0,.99) .65s forwards}body .portfolio_home__slider .slider_inner__slide{width:700px;height:750px;float:left;margin-right:60px;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0);transform:scale(0)}body .portfolio_home__slider .slider_inner__slide .title{font-weight:800;color:#060608;position:relative;font-size:22px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .button,body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .cats,body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .overlay,body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .title{opacity:1}body .portfolio_home__slider .slider_inner__slide .image{position:relative;margin-top:10px;padding:94px 94px;height:380px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}body .portfolio_home__slider .slider_inner__slide .image img{position:absolute;left:0;z-index:-1;top:0;height:100%;width:100%}body .portfolio_home__slider .slider_inner__slide .image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(11,18,27,.7);z-index:-1;opacity:0;-webkit-transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .7s;transition:opacity .1s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .7s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .7s;transition:opacity .1s,transform .8s cubic-bezier(.79,-.01,0,.99) .7s,-webkit-transform .8s cubic-bezier(.79,-.01,0,.99) .7s}body .portfolio_home__slider .slider_inner__slide .image .cats{color:#26a7ff;font-weight:700;font-size:12px;left:0;-webkit-transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s;transition:all .8s cubic-bezier(.79,-.01,0,.99) .16s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:0}body .portfolio_home__slider .slider_inner__slide .image .title{font-weight:800;color:#fff;width:350px;font-size:28px;margin-top:10px;line-height:35px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;-webkit-transition:all .6s .2s;transition:all .6s .2s;margin:22px 0 16px 0;opacity:0}body .portfolio_home__slider .slider_inner__slide .image .button{color:#fff;font-size:14px;cursor:pointer;margin-top:14px;background:#26a7ff;float:left;padding:12px 40px 14px 20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;-webkit-transition:all .6s .3s;transition:all .6s .3s;opacity:0}body .portfolio_home__slider .slider_inner__slide .image .button img{width:14px;height:auto;position:absolute;right:17px;left:auto;top:16px}body .portfolio_home__header{width:100%}body .portfolio_home__header.work{position:relative;z-index:1}body .portfolio_home__header.work ul li{color:#fff}body .portfolio_home__header.work ul li.active{border-bottom:2px solid #26a7ff;color:#26a7ff}body .portfolio_home__header ul{padding:0;margin:0}body .portfolio_home__header ul li{display:inline;margin-right:30px;font-size:16px}body .portfolio_home__header ul li.active{font-size:20px;border-bottom:2px solid #07101d}body .portfolio_home__header ul li:hover{border-bottom:2px solid #07101d}body .portfolio_home__header .nav{position:absolute;left:0;right:0;margin:auto;width:400px;padding:0}body .portfolio_home__header .logoMain{float:left;position:relative;top:-3px;width:280px}body .portfolio_home__header .logoMain img{width:100%!important;-webkit-animation:none!important;animation:none!important;opacity:1!important}body .portfolio_home__header .number{color:#fff;-webkit-animation:fade 1s 2.3s forwards;animation:fade 1s 2.3s forwards;opacity:0;float:right;position:relative;margin-right:80px;top:5px}body .portfolio_home__header .number.black{color:#07101d;-webkit-animation:none;animation:none;opacity:1}body .portfolio_home__header .number.white{color:#fff;-webkit-animation:none;animation:none;opacity:1}body .portfolio_home__header .hamburger{right:40px;top:45px;height:20px;width:30px}body .portfolio_home__header .hamburger,body .portfolio_home__header .video-play{float:right;position:absolute;-webkit-animation:fade 1s 2.3s forwards;animation:fade 1s 2.3s forwards;opacity:0}body .portfolio_home__header .video-play{right:90px;top:33px;height:42px;width:42px}body .portfolio_home__header .hamburger.black{opacity:1!important}body .portfolio_home__header .hamburger.black .hamburger_part{background:#07101d}body .portfolio_home__header .hamburger.white{opacity:1!important;right:0;top:5px}body .portfolio_home__header .hamburger.white .hamburger_part{background:#26a7ff}body .portfolio_home__header .hamburger_part{width:30px;height:2px;position:absolute;background:#26a7ff;right:0}body .portfolio_home__header .hamburger_part:first-of-type{top:0}body .portfolio_home__header .hamburger_part:nth-of-type(2){top:8px}body .portfolio_home__header .hamburger_part:nth-of-type(3){top:16px}body .portfolio_home__header .hamburger_part:last-child{width:20px}body .portfolio_home__title{position:absolute;bottom:80px;left:80px;max-width:460px}body .module__title{left:40px!important;max-width:100%!important}body .portfolio_home__title .logo{margin-bottom:30px}body .portfolio_home__title .logo img.first{margin-right:0;position:relative;top:3px;width:135px;opacity:0;-webkit-animation:fade 1s 1s forwards;animation:fade 1s 1s forwards}body .portfolio_home__title .logo img.first.out{-webkit-animation:fadeOut .4s .6s forwards;animation:fadeOut .4s .6s forwards;opacity:1}body .portfolio_home__title .logo img.second{width:140px;-webkit-animation:spark 1.3s cubic-bezier(.76,.01,.21,1.02) 1.1s forwards;animation:spark 1.3s cubic-bezier(.76,.01,.21,1.02) 1.1s forwards;clip-path:polygon(0 0,0 0,0 100%,0 100%)}body .portfolio_home__title hr{width:80px;background:#26a7ff;height:2px;border:none;position:absolute;left:0;width:0;top:77px;-webkit-animation:hr 1.3s cubic-bezier(.76,.01,.21,1.02) 1.4s forwards;animation:hr 1.3s cubic-bezier(.76,.01,.21,1.02) 1.4s forwards}body .portfolio_home__title hr.out{-webkit-animation:hrOut .4s .4s forwards;animation:hrOut .4s .4s forwards;width:70px}body .portfolio_home__title .trigger{opacity:0;-webkit-animation:fade 1s 2.5s forwards;animation:fade 1s 2.5s forwards}body .portfolio_home__title .trigger.out{-webkit-animation:fadeOut .4s 0s forwards;animation:fadeOut .4s 0s forwards}body .portfolio_home__title h1{color:#fff;margin-top:60px;line-height:30px;font-weight:400;font-size:18px;opacity:0;margin-bottom:30px;-webkit-animation:fade 1s 1.9s forwards;animation:fade 1s 1.9s forwards}body .portfolio_home__title h1.out{-webkit-animation:fadeOut .4s .2s forwards;animation:fadeOut .4s .2s forwards;opacity:1}body .portfolio_home__title h1 span{color:#26a7ff}body .portfolio_home__title .page_portfolio{background:#fff;padding:40px;width:100%;z-index:3;position:fixed;height:100%;opacity:0;top:0;left:0;clip-path:polygon(226px calc(100% - 262px),359px calc(100% - 262px),359px calc(100% - 309px),226px calc(100% - 309px));-webkit-transition:opacity .6s .2s,clip-path 1s cubic-bezier(.79,-.01,0,.99) .6s;transition:opacity .6s .2s,clip-path 1s cubic-bezier(.79,-.01,0,.99) .6s}@-webkit-keyframes sliderIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sliderIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInVid{0%{opacity:0}to{opacity:.1}}@keyframes fadeInVid{0%{opacity:0}to{opacity:.1}}@-webkit-keyframes hr{0%{width:0}to{width:70px}}@keyframes hr{0%{width:0}to{width:70px}}@-webkit-keyframes hrOut{0%{width:70px}to{width:0}}@keyframes hrOut{0%{width:70px}to{width:0}}@-webkit-keyframes spark{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes spark{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.scroll{left:calc(50% - 348px);top:458px;-webkit-transition:all .8s 0s;transition:all .8s 0s;opacity:0}.back,.scroll{position:absolute}.back{height:100vh}.back img{-webkit-animation:none!important;animation:none!important;opacity:1!important;-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:73px!important;position:absolute}