@charset "UTF-8";.first-button{position:relative;top:50vh;z-index:999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.blob-btn{z-index:1;position:relative;padding:20px 46px;margin-bottom:30px;text-align:center;text-transform:uppercase;color:#fff;font-size:16px;font-weight:700;background-color:transparent;outline:none;border:none;transition:color .5s;cursor:pointer}.blob-btn:before{content:"";z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border:6px solid rgb(241,202,15);border-radius:72px}.blob-btn:after{border-radius:72px;content:"";z-index:-2;position:absolute;left:9px;top:9px;width:100%;height:100%;border:6px solid #152025;transition:all .3s .2s;-moz-transition:all .3s .2s;-webkit-transition:all .3s .2s;-o-transition:all .3s .2s;-ms-transition:all .3 .2s}.blob-btn:hover{color:#152025}.blob-btn:hover:after{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;left:0;top:0}.blob-btn__inner{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:72px}.blob-btn__blobs{position:relative;display:block;height:100%;filter:url(#goo)}.blob-btn__blob{position:absolute;top:6px;width:25%;height:100%;background:rgb(241,202,15);border-radius:100%;-moz-transform:translate3d(0,150%,0) scale(1.7);-webkit-transform:translate3d(0,150%,0) scale(1.7);-ms-transform:translate3d(0,150%,0) scale(1.7);transform:translate3d(0,150%,0) scale(1.7);transition:transform .45s;-moz-transition:transform .45s;-webkit-transition:transform .45s;-o-transition:transform .45s;-ms-transition:transform .45s}@supports (filter: url(#goo)){.blob-btn__blob{transform:translate3d(0,150%,0) scale(1.4)}}.blob-btn__blob:nth-child(1){left:0%;transition-delay:0s}.blob-btn__blob:nth-child(2){left:30%;transition-delay:.08s}.blob-btn__blob:nth-child(3){left:60%;transition-delay:.16s}.blob-btn__blob:nth-child(4){left:90%;transition-delay:.24s}.blob-btn:hover .blob-btn__blob{-moz-transform:translateZ(0) scale(1.7);-webkit-transform:translateZ(0) scale(1.7);-o-transform:translateZ(0) scale(1.7);-ms-transform:translateZ(0) scale(1.7);transform:translateZ(0) scale(1.7)}@supports (filter: url(#goo)){.blob-btn:hover .blob-btn__blob{-moz-transform:translateZ(0) scale(1.4);-webkit-transform:translateZ(0) scale(1.4);-o-transform:translateZ(0) scale(1.4);-ms-transform:translateZ(0) scale(1.4);transform:translateZ(0) scale(1.4)}}.first{text-align:center;width:100%;height:700px;background-image:url(http://static.muxixyz.com/index_site/first-web.png);background-size:contain;background-repeat:no-repeat;background-position:top}.first-cloud-cantainner{opacity:1;position:absolute;top:23.8571428571vh;width:100vw;height:424px;display:flex}.first-left-cloud{animation:leftcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-webkit-animation:leftcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-o-animation:leftcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-moz-animation:leftcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;width:26.25vw;height:60.5714285714vh;margin-left:-26.25vw;background-image:url(http://static.muxixyz.com/index_site/first-web-left-clound-new.png);background-size:contain;background-position:center;background-repeat:no-repeat}@keyframes leftcloud{to{transform:translate(26.25vw)}}@-moz-keyframes leftcloud{to{-moz-transform:translateX(26.25vw)}}@-webkit-keyframes leftcloud{to{-webkit-transform:translateX(26.25vw)}}.first-right-cloud{position:relative;left:82vw;animation:rightcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-webkit-animation:rightcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-o-animation:rightcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;-moz-animation:rightcloud 1s cubic-bezier(.175,.885,.32,1.275) 0s forwards;width:20.234375vw;height:47.4285714286vh;background-image:url(http://static.muxixyz.com/index_site/first-web-right-clound-new.png);background-size:contain;background-position:center;background-repeat:no-repeat}@keyframes rightcloud{to{transform:translate(-3.90625vw)}}@-moz-keyframes rightcloud{to{-moz-transform:translateX(-3.90625vw)}}@-webkit-keyframes rightcloud{to{-webkit-transform:translateX(-3.90625vw)}}.first-center-words{width:100%;height:157px;background-image:url(http://static.muxixyz.com/index_site/first-web-center-words.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:9;position:absolute;top:30%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.first-center-trees-containner{overflow:hidden;text-align:center;width:100%;height:100vh;position:absolute}.first-center-gray-trees{opacity:0;animation:grayappear 1s cubic-bezier(.175,.885,.32,1.275) 2s forwards;-webkit-animation:grayappear 1s cubic-bezier(.175,.885,.32,1.275) 2s forwards;-o-animation:grayappear 1s cubic-bezier(.175,.885,.32,1.275) 2s forwards;-moz-animation:grayappear 1s cubic-bezier(.175,.885,.32,1.275) 2s forwards;height:700px;width:100%;background-image:url(http://static.muxixyz.com/index_site/first-web-gray-trees.png);background-size:contain;background-position:center;background-repeat:no-repeat}@keyframes grayappear{50%{opacity:1}75%{opacity:0}to{opacity:1}}@-moz-keyframes grayappear{50%{opacity:1}75%{opacity:0}to{opacity:1}}@-webkit-keyframes grayappear{50%{opacity:1}75%{opacity:0}to{opacity:1}}.first-center-green-trees{animation:greenup 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-webkit-animation:greenup 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-o-animation:greenup 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-moz-animation:greenup 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;margin-bottom:-10vh;width:100%;height:310px;position:absolute;bottom:0vh;background-image:url(http://static.muxixyz.com/index_site/first-web-green-trees-new.png);background-size:cover;background-position:center;background-repeat:no-repeat}@keyframes greenup{to{transform:translateY(-10vh)}}@-moz-keyframes greenup{to{-moz-transform:translateY(-10vh)}}@-webkit-keyframes greenup{to{-webkit-transform:translateY(-10vh)}}.first-bottom-prond{width:100%;height:320px;position:absolute;bottom:0;background-image:url(http://static.muxixyz.com/index_site/first-web-buttom-pond.png);background-size:cover;background-position:center;background-repeat:no-repeat}.first-top-stars{z-index:0;opacity:0;animation:stardown 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-webkit-animation:stardown 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-o-animation:stardown 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;-moz-animation:stardown 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;width:81.25vw;height:160px;position:absolute;top:0;left:17.96875vw;background-image:url(http://static.muxixyz.com/index_site/first-web-top-stars.png);background-size:contain;background-position:center;background-repeat:no-repeat}@keyframes stardown{to{transform:translateY(1vh);opacity:1}}@-moz-keyframes stardown{to{transform:translateY(1vh);opacity:1}}@-webkit-keyframes stardown{to{transform:translateY(1vh);opacity:1}}.first-border{z-index:99;width:100vw;height:100vh;position:absolute;top:0;left:0;background-image:url(http://static.muxixyz.com/index_site/first-web-border.png);background-size:cover;background-position:center;background-repeat:no-repeat}.first-top-cloud{width:100%;height:260px;position:absolute;top:0vh;background-image:url(http://static.muxixyz.com/index_site/first-web-top-cloud.png);background-size:cover;background-position:top;background-repeat:no-repeat;z-index:2}.first-others{width:100%;margin:0 auto;text-align:center}.staticLeaves{height:100%;width:100%}.staticLeaves span{width:30px;height:30px;background-repeat:no-repeat!important;background-size:auto;background-position:center;background:url(../../static/image/logo.png);opacity:.5}.products-wrap{width:100%;height:64%;overflow:hidden}.products-banner{height:650px;position:relative}.products-intro{display:inline-block;height:100%;position:relative}.products-content{width:100%;height:100%;display:flex;flex-direction:column;margin:3vh auto;justify-content:center;align-items:center;font-size:0}@media (min-width: 768px){.products-content{margin:5vh auto;flex-direction:row}}.products-introduction{display:flex;align-items:center;justify-content:center;width:80%;margin:-80px 40px;height:100%;vertical-align:middle;box-sizing:border-box}@media (min-width: 768px){.products-introduction{width:40%}}.products-introduction .products-introduction-content{width:100%;font-size:20px;line-height:40px}.products-introduction .products-introduction-content .products-des{margin-top:-30px;margin-bottom:10px}.products-introduction .products-introduction-content .products-des .products-des-icon{position:relative;top:30px;width:21px;height:20px;background-image:url(http://static.muxixyz.com/index_site/icon_IOS.png)}.products-introduction .products-introduction-content .products-des .products-des-txt{vertical-align:middle;color:#f8b01a;font-size:16px;font-weight:700}.products-introduction .products-introduction-content .products-description{width:95%}.products-introduction .products-introduction-content .products-btn{margin-top:30px;width:100px;height:40px;box-sizing:border-box;font-size:16px;color:#f5fbdc;background-color:transparent;border-style:none;position:relative}.products-introduction .products-introduction-content .products-btn:before{position:absolute;content:"";top:0;left:0;width:100px;height:40px;border-left:4px solid #e3bd07;border-right:4px solid #02a9a5;box-sizing:border-box;background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 4px;background-image:linear-gradient(to right,#e3bd07 0%,#02a9a5 100%),linear-gradient(to right,#e3bd07 0%,#02a9a5 100%)}.products-introduction .products-introduction-content .products-btn:hover{background-image:linear-gradient(to right,#e3bd07,#02a9a5);cursor:pointer;color:#152025}.products-img{vertical-align:middle;margin-top:5%;min-width:300px;max-width:30%;height:80%;background-size:contain;background-repeat:no-repeat;background-position:center}.products-camera-containner{width:100%;height:126px}.products-camera-bgr{position:absolute;margin-left:50%;-moz-transform:translate(-50%,60%);-webkit-transform:translate(-50%,60%);-o-transform:translate(-50%,60%);-ms-transform:translate(-50%,60%);transform:translate(-50%,60%);height:31px;width:80px;background-color:#152025;border:1px solid #e3bd07}.products-camera-bgr-inner{margin-left:50%;-moz-transform:translate(-50%,-1px);-webkit-transform:translate(-50%,-1px);-o-transform:translate(-50%,-1px);-ms-transform:translate(-50%,-1px);transform:translate(-50%,-1px);height:100%;width:60px;background-color:#152025;border:1px solid #152025}.products-camera-bgr-inner2{margin-top:-32%;transform:translate(-1px);height:15px;width:80px;background-color:#152025;border:1px solid #152025}.products-camera{-moz-transform:translate(10%,-119px);-webkit-transform:translate(10%,-119px);-o-transform:translate(10%,-119px);-ms-transform:translate(10%,-119px);transform:translate(10%,-119px);text-align:center;width:160px;height:126px;background:no-repeat center;margin:0 auto;background-image:url(http://static.muxixyz.com/index_site/camera.png)}.prodcuts-icon{-moz-transform:translate(-50%,-235px);-webkit-transform:translate(-50%,-235px);-o-transform:translate(-50%,-235px);-ms-transform:translate(-50%,-235px);transform:translate(-50%,-235px);text-align:center;width:30px;height:30px;background:no-repeat center;margin:0 auto}.products-bottom{position:absolute;bottom:50px;right:0;width:100%;height:70px;justify-content:center;background-color:#1b3037}@media (min-width: 768px){.products-bottom{bottom:80px}}.products-bottom .products-controller{width:100%;margin:0 auto;font-size:0;display:flex;align-items:center}.products-bottom .products-controller .controller-btn{cursor:pointer;width:0;height:0;border:solid;border-width:10px 15px;border-color:transparent}.products-bottom .products-controller .btn-left{border-right-color:#e1ddd6}.products-bottom .products-controller .btn-right{border-left-color:#e1ddd6}.products-bottom .products-controller .products-cnt-text{flex:1;height:70px;display:flex;overflow:hidden;text-align:center;position:relative}.products-bottom .products-controller .products-cnt-text .text{cursor:pointer;font-size:0;position:absolute;left:368px;height:100%}.products-bottom .products-controller .products-cnt-text .text .products-item{color:#c1b3a3;display:inline-block;width:184px;line-height:70px;font-size:16px}.products-bottom .products-controller .products-cnt-text .text .products-center{color:#fff}.left-active{animation:left-active 1s ease-in-out 0s forwards;-webkit-animation:left-active 1s ease-in-out 0s forwards;-o-animation:left-active 1s ease-in-out 0s forwards;-moz-animation:left-active 1s ease-in-out 0s forwards}@keyframes left-active{0%{transform:translate(0)}to{transform:translate(-122px)}}@-webkit-keyframes left-active{0%{transform:translate(0)}to{transform:translate(-122px)}}.right-active{animation:right-active 1s ease-in-out 0s forwards;-webkit-animation:right-active 1s ease-in-out 0s forwards;-o-animation:right-active 1s ease-in-out 0s forwards;-moz-animation:right-active 1s ease-in-out 0s forwards}@keyframes right-active{0%{-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0)}to{-moz-transform:translate(122px,0px);-webkit-transform:translate(122px,0px);-o-transform:translate(122px,0px);-ms-transform:translate(122px,0px);transform:translate(122px)}}@-webkit-keyframes right-active{0%{-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0)}to{-moz-transform:translate(122px,0px);-webkit-transform:translate(122px,0px);-o-transform:translate(122px,0px);-ms-transform:translate(122px,0px);transform:translate(122px)}}.subpadding{animation:subpadding 1s ease-in-out 0s forwards;-webkit-animation:subpadding 1s ease-in-out 0s forwards;-o-animation:subpadding 1s ease-in-out 0s forwards;-moz-animation:subpadding 1s ease-in-out 0s forwards}@keyframes subpadding{0%{padding:0 51px}to{padding:0}}@-webkit-keyframes subpadding{0%{padding:0 51px}to{padding:0}}.addpadding{animation:addpadding 1s ease-in-out 0s forwards;-webkit-animation:addpadding 1s ease-in-out 0s forwards;-o-animation:addpadding 1s ease-in-out 0s forwards;-moz-animation:addpadding 1s ease-in-out 0s forwards}@keyframes addpadding{0%{padding:0}to{padding:0 51px}}@-webkit-keyframes addpadding{0%{padding:0}to{padding:0 51px}}.wrapper{padding-top:2%;width:100%;height:100%}.wrapper .group-content-box{margin:10%;height:100%}.wrapper .group-content-box .group-content{display:grid;height:100%;width:100%;grid-template-areas:"controller" "right" "left";grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}@media (min-width: 768px){.wrapper .group-content-box .group-content{grid-template-areas:"controller controller" "left right";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}@media (min-width: 1024px){.wrapper .group-content-box .group-content{grid-template-areas:"left controller right";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}}.wrapper .group-content-box .group-content .group-left{grid-area:left;max-height:250px;min-width:250px;display:flex;justify-content:center;align-items:center}.wrapper .group-content-box .group-content .group-left .group-left-content{display:flex;flex-direction:column;padding-top:5%;height:auto}.wrapper .group-content-box .group-content .group-left .group-left-content .group-name{font-size:30px;color:#f5fbdc;margin-top:5%}@media (min-width: 768px){.wrapper .group-content-box .group-content .group-left .group-left-content .group-name{font-size:35px}}@media (min-width: 1024px){.wrapper .group-content-box .group-content .group-left .group-left-content .group-name{font-size:40px}}.wrapper .group-content-box .group-content .group-left .group-left-content .group-intro{width:100%;font-size:20px;color:#f5fbdc;margin-top:5%;line-height:30px}.wrapper .group-content-box .group-content .group-left .group-left-content .group-learn{color:#f5fbdc;margin-top:10%;font-size:20px;line-height:30px}.wrapper .group-content-box .group-content .group-controller-box{grid-area:controller;grid-column:span 1/span 1;align-items:center;height:100%;width:100%;min-width:150px;display:flex;justify-content:center;padding-top:12%}@media (min-width: 768px){.wrapper .group-content-box .group-content .group-controller-box{grid-column:span 2/span 2}}@media (min-width: 1024px){.wrapper .group-content-box .group-content .group-controller-box{grid-column:span 1/span 1}}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu{width:80px;height:80px;border:solid 1px #faae1c;border-radius:50%;position:relative}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .circle-menu-round{position:relative;width:80px;height:80px}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .circle-menu-round .circle-menu-dot{position:absolute;width:100%;height:100%;background-image:url(/assets/logo.a3fb6185.png);background-repeat:no-repeat;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-35px)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list{cursor:pointer}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item{background-color:#f5fbdc}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a{display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;line-height:40px;margin:-20px;text-align:center;text-decoration:none;color:#f5fbdc;box-sizing:border-box;opacity:.5}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.onGroup{font-weight:700;opacity:1!important}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-0{transform:rotate(0) translateY(-75px) rotate(0)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-1{transform:rotate(60deg) translateY(-75px) rotate(-60deg)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-2{transform:rotate(120deg) translateY(-75px) rotate(-120deg)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-3{transform:rotate(180deg) translateY(-75px) rotate(-180deg)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-4{transform:rotate(240deg) translateY(-75px) rotate(-240deg)}.wrapper .group-content-box .group-content .group-controller-box .group-controller .circle-menu .group-list .group-item a.circle-menu-5{transform:rotate(300deg) translateY(-75px) rotate(-300deg)}.wrapper .group-content-box .group-content .group-right{grid-area:right;min-width:250px;height:100%;display:flex;justify-content:center;align-items:center}.wrapper .group-content-box .group-content .group-right img{height:100%;max-height:300px}header{width:100%;height:80px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){header .header-wrap{width:600px}}@media (min-width: 1024px){header .header-wrap{width:750px}}header .header-primary{width:70px;display:inline-block;font-size:16px;text-align:center;position:relative;vertical-align:top;height:60px}@media (min-width: 768px){header .header-primary{width:120px;font-size:18px}}@media (min-width: 1024px){header .header-primary{width:150px;font-size:20px}}header .header-primary:hover{color:#f8b01a;cursor:pointer;border-top:10px #00a9a7 solid}header .header-center{width:70px;display:inline-block;font-size:16px;text-align:center;position:relative;vertical-align:top;height:90px;background:no-repeat center;background-size:24%;background-image:url(/assets/logo.a3fb6185.png)}@media (min-width: 768px){header .header-center{width:120px;font-size:18px}}@media (min-width: 1024px){header .header-center{width:150px;font-size:20px}}header .header-center:before{position:absolute;top:0px;left:48px;content:"";width:30px}header .header-word{position:absolute;text-decoration:none;color:inherit;width:100%;bottom:0;left:0;text-align:center;font-weight:700}header .team-name{font-weight:200}header .header-active{color:#f8b01a;border-top:10px #00a9a7 solid}html{overflow-x:hidden;overflow-y:auto}.join-web{display:flex;flex-direction:column;justify-content:center;align-items:center}.join-word{line-height:4.8571428571vh;font-size:1.40625vw;position:absolute;top:22.1428571429vh;left:9.53125vw}.background-img-container{margin-top:5vh}.background-star{min-width:300px;max-width:400px}@media (min-width: 768px){.background-star{max-width:600px}}@media (min-width: 1024px){.background-star{max-width:800px}}.background-button-container{width:150px;height:100px;margin:10vh}@media (min-width: 768px){.background-button-container{width:200px;height:120px}}@media (min-width: 1024px){.background-button-container{width:250px;height:150px}}.background-button-inner{width:100%}.fallingLeaves span{opacity:0;display:inline-block;width:30px;height:30px;margin:-280px 60px 54px -34px;background:url(/assets/logo.a3fb6185.png) no-repeat center/auto;position:absolute;top:0;animation:fallingLeaves 5s infinite linear}.fallingLeaves span:nth-child(1){left:10%;animation-delay:.5s}.fallingLeaves span:nth-child(2){left:20%;animation-delay:1.5s}.fallingLeaves span:nth-child(3){left:30%;animation-delay:2.5s}.fallingLeaves span:nth-child(4){left:40%;animation-delay:.2s}.fallingLeaves span:nth-child(5){left:50%;animation-delay:1.2s}.fallingLeaves span:nth-child(6){left:60%;animation-delay:2.2s}.fallingLeaves span:nth-child(7){left:70%;animation-delay:.7s}.fallingLeaves span:nth-child(8){left:80%;animation-delay:1.7s}.fallingLeaves span:nth-child(9){left:90%;animation-delay:2.7s}.fallingLeaves span:nth-child(10){left:95%;animation-delay:.9s}@keyframes fallingLeaves{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}75%{opacity:1;transform:translateY(60vh) rotate(270deg)}to{opacity:0;transform:translateY(80vh) rotate(360deg)}}.fallingLeaves span:nth-child(odd){animation-name:fallingLeavesOdd}.fallingLeaves span:nth-child(even){animation-name:fallingLeavesEven}@keyframes fallingLeavesOdd{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:1}75%{opacity:1;transform:translate(50px,60vh) rotate(270deg)}to{opacity:0;transform:translate(75px,80vh) rotate(360deg)}}@keyframes fallingLeavesEven{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:1}75%{opacity:1;transform:translate(-50px,60vh) rotate(-270deg)}to{opacity:0;transform:translate(-75px,80vh) rotate(-360deg)}}.products-wrap{width:100%;height:64%;overflow:hidden}.products-banner{height:650px;position:relative}.products-intro{display:inline-block;height:100%;position:relative}.products-content{width:100%;height:100%;display:flex;flex-direction:column;margin:3vh auto;justify-content:center;align-items:center;font-size:0}@media (min-width: 768px){.products-content{margin:5vh auto;flex-direction:row}}.products-introduction{display:flex;align-items:center;justify-content:center;width:80%;margin:-80px 40px;height:100%;vertical-align:middle;box-sizing:border-box}@media (min-width: 768px){.products-introduction{width:40%}}.products-introduction .products-introduction-content{width:100%;font-size:20px;line-height:40px}.products-introduction .products-introduction-content .products-des{margin-top:-30px;margin-bottom:10px}.products-introduction .products-introduction-content .products-des .products-des-icon{position:relative;top:30px;width:21px;height:20px;background-image:url(http://static.muxixyz.com/index_site/icon_IOS.png)}.products-introduction .products-introduction-content .products-des .products-des-txt{vertical-align:middle;color:#f8b01a;font-size:16px;font-weight:700}.products-introduction .products-introduction-content .products-description{width:95%}.products-introduction .products-introduction-content .products-btn{margin-top:30px;width:100px;height:40px;box-sizing:border-box;font-size:16px;color:#f5fbdc;background-color:transparent;border-style:none;position:relative}.products-introduction .products-introduction-content .products-btn:before{position:absolute;content:"";top:0;left:0;width:100px;height:40px;border-left:4px solid #e3bd07;border-right:4px solid #02a9a5;box-sizing:border-box;background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 4px;background-image:linear-gradient(to right,#e3bd07 0%,#02a9a5 100%),linear-gradient(to right,#e3bd07 0%,#02a9a5 100%)}.products-introduction .products-introduction-content .products-btn:hover{background-image:linear-gradient(to right,#e3bd07,#02a9a5);cursor:pointer;color:#152025}.products-img{vertical-align:middle;margin-top:5%;min-width:300px;max-width:30%;height:80%;background-size:contain;background-repeat:no-repeat;background-position:center}.products-camera-containner{width:100%;height:126px}.products-camera-bgr{position:absolute;margin-left:50%;-moz-transform:translate(-50%,60%);-webkit-transform:translate(-50%,60%);-o-transform:translate(-50%,60%);-ms-transform:translate(-50%,60%);transform:translate(-50%,60%);height:31px;width:80px;background-color:#152025;border:1px solid #e3bd07}.products-camera-bgr-inner{margin-left:50%;-moz-transform:translate(-50%,-1px);-webkit-transform:translate(-50%,-1px);-o-transform:translate(-50%,-1px);-ms-transform:translate(-50%,-1px);transform:translate(-50%,-1px);height:100%;width:60px;background-color:#152025;border:1px solid #152025}.products-camera-bgr-inner2{margin-top:-32%;transform:translate(-1px);height:15px;width:80px;background-color:#152025;border:1px solid #152025}.products-camera{-moz-transform:translate(10%,-119px);-webkit-transform:translate(10%,-119px);-o-transform:translate(10%,-119px);-ms-transform:translate(10%,-119px);transform:translate(10%,-119px);text-align:center;width:160px;height:126px;background:no-repeat center;margin:0 auto;background-image:url(http://static.muxixyz.com/index_site/camera.png)}.prodcuts-icon{-moz-transform:translate(-50%,-235px);-webkit-transform:translate(-50%,-235px);-o-transform:translate(-50%,-235px);-ms-transform:translate(-50%,-235px);transform:translate(-50%,-235px);text-align:center;width:30px;height:30px;background:no-repeat center;margin:0 auto}.products-bottom{position:absolute;bottom:50px;right:0;width:100%;height:70px;justify-content:center;background-color:#1b3037}@media (min-width: 768px){.products-bottom{bottom:80px}}.products-bottom .products-controller{width:100%;margin:0 auto;font-size:0;display:flex;align-items:center}.products-bottom .products-controller .controller-btn{cursor:pointer;width:0;height:0;border:solid;border-width:10px 15px;border-color:transparent}.products-bottom .products-controller .btn-left{border-right-color:#e1ddd6}.products-bottom .products-controller .btn-right{border-left-color:#e1ddd6}.products-bottom .products-controller .products-cnt-text{flex:1;height:70px;display:flex;overflow:hidden;text-align:center;position:relative}.products-bottom .products-controller .products-cnt-text .text{cursor:pointer;font-size:0;position:absolute;left:368px;height:100%}.products-bottom .products-controller .products-cnt-text .text .products-item{color:#c1b3a3;display:inline-block;width:184px;line-height:70px;font-size:16px}.products-bottom .products-controller .products-cnt-text .text .products-center{color:#fff}.left-active{animation:left-active 1s ease-in-out 0s forwards;-webkit-animation:left-active 1s ease-in-out 0s forwards;-o-animation:left-active 1s ease-in-out 0s forwards;-moz-animation:left-active 1s ease-in-out 0s forwards}@keyframes left-active{0%{transform:translate(0)}to{transform:translate(-122px)}}@-webkit-keyframes left-active{0%{transform:translate(0)}to{transform:translate(-122px)}}.right-active{animation:right-active 1s ease-in-out 0s forwards;-webkit-animation:right-active 1s ease-in-out 0s forwards;-o-animation:right-active 1s ease-in-out 0s forwards;-moz-animation:right-active 1s ease-in-out 0s forwards}@keyframes right-active{0%{-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0)}to{-moz-transform:translate(122px,0px);-webkit-transform:translate(122px,0px);-o-transform:translate(122px,0px);-ms-transform:translate(122px,0px);transform:translate(122px)}}@-webkit-keyframes right-active{0%{-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0)}to{-moz-transform:translate(122px,0px);-webkit-transform:translate(122px,0px);-o-transform:translate(122px,0px);-ms-transform:translate(122px,0px);transform:translate(122px)}}.subpadding{animation:subpadding 1s ease-in-out 0s forwards;-webkit-animation:subpadding 1s ease-in-out 0s forwards;-o-animation:subpadding 1s ease-in-out 0s forwards;-moz-animation:subpadding 1s ease-in-out 0s forwards}@keyframes subpadding{0%{padding:0 51px}to{padding:0}}@-webkit-keyframes subpadding{0%{padding:0 51px}to{padding:0}}.addpadding{animation:addpadding 1s ease-in-out 0s forwards;-webkit-animation:addpadding 1s ease-in-out 0s forwards;-o-animation:addpadding 1s ease-in-out 0s forwards;-moz-animation:addpadding 1s ease-in-out 0s forwards}@keyframes addpadding{0%{padding:0}to{padding:0 51px}}@-webkit-keyframes addpadding{0%{padding:0}to{padding:0 51px}}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0!important}img{padding:0;margin:0}.intro-card-father{flex-wrap:wrap;margin:10px 15px;min-width:13.28125vw}@media (min-width: 768px){.intro-card-father{margin:15px 20px}}@media (min-width: 1024px){.intro-card-father{margin:20px 30px}}.intro-card-father:hover .intro-content{-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0)}.intro-card{max-width:13.28125vw;min-width:150px;min-height:27.1428571429vh;background-color:#374b54;border-radius:35px;font-weight:550;-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0);transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s}.intro-photo{display:block;width:78px;height:78px;border-radius:50%;position:relative;overflow:hidden;top:25px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);background-size:contain;background-color:#fff}.intro-photo img{width:auto;height:100%}.intro-position{font-size:smaller;display:inline-block;position:relative;top:10px;left:20px;min-width:45px;height:20px;background-color:#fdac1f;color:#fff;border-radius:135px;text-align:center}.intro-name{margin-left:20%;margin-top:25px}.intro-tag{margin-left:20%}.intro-content{border-radius:35px;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;background:rgba(0,0,0,.7);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-o-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .5s ease-in-out 0s;font-size:13px}.intro-words-container{padding:7% 5%}.intro-words{width:41.7%;height:23.4%;background-color:#fdac1f;color:#f5fbdc;border-radius:135px;margin:8% auto;font-size:16px}.intro-controller{position:absolute;bottom:1.4285714286vh;right:0;margin-top:9.4285714286vh;background-image:url(http://static.muxixyz.com/index_site/member-tab-background-pic.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:12.7142857143vh;width:100%}.intro-tags{display:flex;width:100%}ul{height:12.7142857143vh;padding-top:2vh}li{list-style:none;text-align:center;width:20%;line-height:10vh}li>a{font-size:15px;cursor:pointer}@media (min-width: 768px){li>a{font-size:20px}}@media (min-width: 1024px){li>a{font-size:20px}}li>.onTag{font-weight:600;font-size:20px;color:#faae1c;text-shadow:2px 2px 6px rgb(250,174,28),-1px -1px #fff,1px -1px #444}@media (min-width: 768px){li>.onTag{font-size:25px}}@media (min-width: 1024px){li>.onTag{font-size:25px}}.intro-card-containner{overflow-y:scroll;overflow-x:clip;display:flex;justify-content:center;width:100%;flex-wrap:wrap}html,body{width:100%;height:100%;min-height:500px;overflow-y:auto;margin:0;padding:0;background-color:#152025;color:#f5fbdc;font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}.beian{color:#fff;position:fixed;bottom:50px;width:100%;z-index:999;display:flex;justify-content:center;font-size:12px;bottom:5px;right:5px;font-size:10px}.beian a{color:#aaa;text-decoration:none}#root{width:100vw;height:100vh;margin:0 auto;text-align:center}