html{overflow-x:hidden}*{margin:0;padding:0}ul{list-style-type:none}a{-webkit-text-decoration:none;text-decoration:none}.headFrame{background:#fff;height:90px}.headFrame .con{display:flex;margin:0 auto;width:1200px}.headFrame .con .logo{height:90px;margin-right:50px;overflow:hidden;width:261px}.headFrame .con .nav{display:flex}.headFrame .con .nav span{align-self:center;border-bottom:3px solid #fff;display:block;font-weight:700;margin-right:30px;overflow:hidden;padding:10px 0 5px}.headFrame .con .nav span>a{color:#313131;font-size:18px;height:30px}.headFrame .con .nav .select>a{border-bottom:3px solid #ec6a00;color:#ec6a00;-webkit-text-decoration:none;text-decoration:none}.footerbox{background:#fff;box-shadow:5px 0 5px 5px rgba(0,0,0,.2);width:100%}.fl{float:left;text-align:left}.footerbox .con{margin:0 auto;padding:50px;width:1280px}.footer-section{height:250px}.footer-container{bottom:0;left:0;position:absolute;width:100%}.footer-nav{background:#fff;min-width:1200px;width:100%}.footer-nav-box{background:url(/mstatic/2021makermake/images/bottom-logo.png) -15px 23px no-repeat;background-size:260px 105px;box-sizing:border-box;margin:0 auto;min-height:220px;padding-left:380px;width:1180px}.footer-nav-box-item{padding:30px 0 20px;width:200px}.footer-nav-box-item a li{color:#000}.footer-nav-box-title{color:#313131;font-size:16px;font-weight:700;height:22px;line-height:22px;margin-bottom:18px}.footer-nav-box-ul{font-size:14px}.footer-nav-box-ul li{height:20px;line-height:20px;margin-bottom:10px}.footer-nav-box-ul li:hover{color:#ed6a00}.footer-bar{background:#313131;min-width:1200px;width:100%}.footer-bar-box{color:#c9c9c9;font-size:12px;height:30px;line-height:30px;margin:0 auto;width:1180px}.sina-icon{background:url(/mstatic/2021makermake/images/icon-5.png) 0 no-repeat;background-size:19px 16px;padding-left:28px}.bili-icon{background:url(/mstatic/2021makermake/images/icon-6.png) 0 no-repeat;background-size:18px 18px;padding-left:28px}.toutiao-icon{background:url(/mstatic/2021makermake/images/icon-7.png) 0 no-repeat;background-size:19px 16px;padding-left:28px}.container{background:#f6f6f6;display:flex;justify-content:center;min-height:400px;width:100%}.container .box{margin:0 auto;width:1920px}.container .box .banner{height:650px;position:relative;width:1920px}.container .box .banner h1{color:#fff;font-family:OPPOSans;font-size:42px;font-weight:400;left:358px;position:absolute;top:230px}.container .box .banner h1 span{background:#ff5a00;color:#000;display:inline-block;font-size:40px;font-weight:800;height:42px;line-height:42px;margin-right:12px;text-align:center;width:54px}.container .box .banner h2{color:#fff;font-family:OPPOSans;font-size:48px;font-weight:400;left:358px;position:absolute;top:284px}.container .box .banner a{background:#fff;border:1px solid #fff;box-sizing:border-box;color:#3e4463;display:flex;font-size:16.91px;height:44px;justify-content:center;left:50%;line-height:44px;position:absolute;width:140px}.container .box .banner a>img{align-self:center}.container .box .banner .buy{bottom:212px;margin-left:-602px}.container .box .banner .videoBtn{bottom:212px;margin-left:-432px}.container .box .banner .wiki{background:none;bottom:212px;color:#fff;margin-left:-262px;width:70px}.container .box .banner>img{height:650px;width:1920px}.container .box .block{display:flex;position:relative}.container .box .block>b{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(104deg,#000 -19%,#616161 113%);-webkit-background-clip:text;background-clip:text;font-size:40px;font-variation-settings:"opsz" auto;font-weight:400;left:50%;margin-left:-600px;position:absolute;text-align:center;top:46px;width:1200px;z-index:1}.container .box .block>a{left:50%;margin-left:-400px;position:absolute;top:185px}.container .box .block>i{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(97deg,#ff5a00 -16%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;font-size:40px;font-style:normal;font-variation-settings:"opsz" auto;left:50%;letter-spacing:0;margin-left:-400px;position:absolute;text-align:center;top:81px;width:800px}.container .box .block>span{color:#4a4a4a;font-size:16px;font-weight:400;left:50%;letter-spacing:0;line-height:30px;margin-left:-520px;position:absolute;text-align:center;top:118px;width:1040px;z-index:1}.container .box .block>img,.container .box .block>video{width:1920px}.container .box .block.hardware{background:#272727;height:920px;overflow:hidden;position:relative}.container .box .block.hardware>b{-webkit-text-fill-color:transparent;background:linear-gradient(98deg,#ff5a00 -17%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;text-align:center}.container .box .block.hardware>img{height:500.5px;left:642px;position:absolute;top:134.5px;width:632px}.container .box .block.hardware .left-text{position:absolute;right:1292px;top:121px}.container .box .block.hardware .left-text>span{color:#c7c9cc;font-size:20px;position:absolute;right:0;top:0;white-space:nowrap}.container .box .block.hardware .left-text>span:nth-of-type(2){top:56px}.container .box .block.hardware .left-text>span:nth-of-type(3){top:85px}.container .box .block.hardware .left-text>span:nth-of-type(4){top:190px}.container .box .block.hardware .left-text>span:nth-of-type(5){top:232px}.container .box .block.hardware .left-text>span:nth-of-type(6){top:452px}.container .box .block.hardware .right-text{left:1290px;position:absolute;top:121px}.container .box .block.hardware .right-text>span{color:#c7c9cc;font-size:20px;left:0;position:absolute;top:0;white-space:nowrap}.container .box .block.hardware .right-text>span:nth-of-type(2){top:39px}.container .box .block.hardware .right-text>span:nth-of-type(3){top:90px}.container .box .block.hardware .right-text>span:nth-of-type(4){top:450px}.container .box .block.hardware .list{align-items:center;bottom:70px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.container .box .block.hardware .list .item{align-items:center;background:#0b0b0b;border-radius:6px;display:flex;flex-direction:column;height:173px;margin:0 16px;position:relative;width:228px}.container .box .block.hardware .list .item:before{background:#0b0b0b;border-radius:6px;bottom:1px;content:"";display:block;left:1px;position:absolute;right:1px;top:1px;z-index:1}.container .box .block.hardware .list .item:after{background:linear-gradient(134deg,#818181 -14%,transparent 131%);border-radius:6px;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.container .box .block.hardware .list .item span{text-align:center;z-index:1}.container .box .block.hardware .list .item span i{-webkit-text-fill-color:transparent;background:linear-gradient(153deg,#ff5a00 -99%,#ffba95 121%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.container .box .block.hardware .list .item span:first-of-type{color:#909399;font-size:18px;margin-top:26px}.container .box .block.hardware .list .item span:nth-of-type(2){-webkit-text-fill-color:transparent;background:linear-gradient(127deg,#ff5a00 15%,#ffba95 118%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:30px;margin-top:10px}.container .box .block.hardware .list .item span:nth-of-type(3){color:#b1b3b8;font-size:18px;margin-top:10px}.container .box .block.hardware .bg{background:linear-gradient(71deg,#151515 4%,#272727 68%);height:2714px;left:660px;opacity:1;position:absolute;top:-526px;transform:rotate(40deg);width:1190px}.container .box .block.deploy{background:linear-gradient(180deg,#4a4a4a,#111);height:800px;position:relative;width:1920px}.container .box .block.deploy>b{-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#ff5a00 -20%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;text-align:center}.container .box .block.deploy>span{color:#fff;font-size:16px;font-weight:400;line-height:30px;text-align:center}.container .box .block.deploy>img{height:323px;left:417px;position:absolute;top:309px;width:1144px}.container .box .block.deploy .list{align-items:center;display:flex;justify-content:center;margin:70px auto 0}.container .box .block.deploy .list li{background:linear-gradient(180deg,#494949,#2c2c2c);border-radius:19px;height:475px;list-style:none;margin:0 25px;width:367px}.container .box .block.deploy .list li span{color:#fff;display:inline-block;font-size:24px;margin-top:26px;text-align:center;width:100%}.container .box .mcp{height:1610px;margin:0 auto;padding:80px 0;width:1200px}.container .box .mcp>b{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#ff5a00 -17%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;font-weight:400;margin-bottom:22px}.container .box .mcp>b:nth-of-type(2){text-align:left;top:806px}.container .box .mcp>p,.container .box .mcp>span{color:#909399;font-size:20px;margin-bottom:30px}.container .box .mcp>p{position:absolute;text-align:left;top:937px}.container .box .mcp>video{left:50%;margin-left:-600px;position:absolute;top:202px;width:1200px}.container .box .mcp>img{height:659px;position:relative;top:947px;width:1200px}.container .box .image-teleport{background:#c5c6c8}.container .box .block.controler{height:750px;position:relative}.container .box .block.controler>b{-webkit-text-fill-color:transparent;background:linear-gradient(109deg,#ff5a00 -22%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;font-weight:400}.container .box .block.controler>span{color:#909399;font-size:20px;margin-left:auto;transform:translateX(-50%);width:auto}.container .box .block.controler>img{height:494px;left:50%;position:absolute;top:180px;transform:translate(-50%);width:935px}.container .box .block.controler .left-text{position:absolute;right:1450px;top:239px}.container .box .block.controler .left-text span{color:#909399;font-size:20px;position:absolute;right:0;top:0;white-space:nowrap}.container .box .block.controler .left-text span:nth-of-type(2){top:180px}.container .box .block.controler .left-text span:nth-of-type(3){top:350px}.container .box .block.controler .right-text{left:1455px;position:absolute;top:240px}.container .box .block.controler .right-text span{color:#909399;font-size:20px;left:0;position:absolute;top:0;white-space:nowrap}.container .box .block.controler .right-text span:nth-of-type(2){top:176px}.container .box .block.controler .right-text span:nth-of-type(3){top:350px}.container .box .block.model-square{background:#000;height:830px;overflow:hidden;position:relative}.container .box .block.model-square>b{-webkit-text-fill-color:transparent;background:linear-gradient(99deg,#ff5a00 -17%,#ffba95 117%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;font-weight:400}.container .box .block.model-square>span{color:#73767a;font-size:20px;margin-left:auto;transform:translateX(-50%);width:auto}.container .box .block.model-square>img{height:611px;position:absolute;top:250px;width:1920px}.container .box .block.summary{background:#fff;height:890px}.container .box .block.summary>b{-webkit-text-fill-color:transparent;background:linear-gradient(140deg,#ff5a00 -68%,#ffba95 119%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;font-weight:400}.container .box .block.summary .grid{left:358px;position:absolute;top:181px}.container .box .block.summary .grid>div{background:#f6f6f6;border-radius:12px;left:0;position:absolute;top:0}.container .box .block.summary .grid>div>p{text-align:center}.container .box .block.summary .grid>div:first-of-type{height:160px;width:231px}.container .box .block.summary .grid>div:first-of-type p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:72px;margin-top:15px}.container .box .block.summary .grid>div:first-of-type p:nth-of-type(2){color:#999;font-size:20px;margin-top:5px}.container .box .block.summary .grid>div:nth-of-type(2){height:130px;top:170px;width:231px}.container .box .block.summary .grid>div:nth-of-type(2) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;margin-top:83px}.container .box .block.summary .grid>div:nth-of-type(3){height:138px;top:310px;width:231px}.container .box .block.summary .grid>div:nth-of-type(3) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;margin-top:91px}.container .box .block.summary .grid>div:nth-of-type(4){height:155px;top:458px;width:231px}.container .box .block.summary .grid>div:nth-of-type(4) p:first-of-type{color:#999;font-size:14px;margin-top:23px}.container .box .block.summary .grid>div:nth-of-type(4) p:nth-of-type(2){-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;margin-top:16px}.container .box .block.summary .grid>div:nth-of-type(4) p:nth-of-type(3){color:#999;font-size:18px;margin-top:5px}.container .box .block.summary .grid>div:nth-of-type(5){height:448px;left:241px;width:714px}.container .box .block.summary .grid>div:nth-of-type(5) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;margin-top:30px}.container .box .block.summary .grid>div:nth-of-type(5) p:nth-of-type(2){-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;font-size:24px;margin-top:19px}.container .box .block.summary .grid>div:nth-of-type(6){height:72px;left:241px;top:458px;width:155px}.container .box .block.summary .grid>div:nth-of-type(6) p:first-of-type{color:#999;font-size:14px;margin-top:10px}.container .box .block.summary .grid>div:nth-of-type(6) p:nth-of-type(2){color:#ff6022;font-size:24px;margin-top:6px}.container .box .block.summary .grid>div:nth-of-type(7){height:72px;left:241px;top:540px;width:155px}.container .box .block.summary .grid>div:nth-of-type(7) p:first-of-type{color:#999;font-size:14px;margin-top:10px}.container .box .block.summary .grid>div:nth-of-type(7) p:nth-of-type(2){color:#ff6022;font-size:24px;margin-top:6px}.container .box .block.summary .grid>div:nth-of-type(8){height:155px;left:406px;top:458px;width:137px}.container .box .block.summary .grid>div:nth-of-type(8) p:first-of-type{color:#999;font-size:14px;margin-top:22px}.container .box .block.summary .grid>div:nth-of-type(8) p:nth-of-type(2){-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;margin-top:30px}.container .box .block.summary .grid>div:nth-of-type(9){height:155px;left:553px;top:458px;width:181px}.container .box .block.summary .grid>div:nth-of-type(9) p:first-of-type{color:#999;font-size:14px;margin-top:22px}.container .box .block.summary .grid>div:nth-of-type(9) p:nth-of-type(2){-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;margin-top:15px}.container .box .block.summary .grid>div:nth-of-type(9) p:nth-of-type(3){color:#999;font-size:14px;margin-top:12px}.container .box .block.summary .grid>div:nth-of-type(10){height:155px;left:744px;top:458px;width:213px}.container .box .block.summary .grid>div:nth-of-type(10) p:first-of-type{color:#999;font-size:20px;margin-top:106px}.container .box .block.summary .grid>div:nth-of-type(11){height:219px;left:967px;top:0;width:232px}.container .box .block.summary .grid>div:nth-of-type(11) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;margin-top:150px}.container .box .block.summary .grid>div:nth-of-type(12){height:219px;left:967px;top:229px;width:232px}.container .box .block.summary .grid>div:nth-of-type(12) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;margin-top:140px}.container .box .block.summary .grid>div:nth-of-type(13){height:155px;left:967px;top:458px;width:232px}.container .box .block.summary .grid>div:nth-of-type(13) p:first-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff945a,#fe6611);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px;margin-top:100px}.container .box .block.summary img{height:593px;left:451px;position:absolute;top:226px;width:1035px;z-index:1}.container .box .parame{background:#fff;display:block}.container .box .parame>i{display:block;height:-moz-max-content;height:max-content;padding:66px;position:relative;top:auto}.container .box .parame>ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:1200px}.container .box .parame>ul>li{border-bottom:1px solid #c2c2c2;display:flex;padding:20px 0;width:100%}.container .box .parame>ul .line2{width:560px}.container .box .parame>ul .line1>span{width:calc(100% - 240px)}.container .box .parame>ul>li>b{align-self:center;color:#909399;font-size:20px;font-weight:400;line-height:28px;width:240px}.container .box .parame>ul>li>span{color:#3b3f47;font-size:20px;font-weight:400;line-height:28px}.container .box .parame>ul>li>span>span{display:flex;justify-content:space-between}.container .box .parame>ul>li>span>span>b{align-self:center;font-weight:400;margin-right:32px}.container .box .parame>ul>li>span>span>i{align-self:center;font-style:normal}.container .box .block.wxbuy{background:#fff;margin-bottom:20px}.container .box .btn{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:1200px}.container .box .btn>a{line-height:44px;text-align:center}.container .box .btn>a,.container .box .btn>button{border:1px solid #000;box-sizing:border-box;color:#3d3d3d;font-size:12px;font-weight:400;height:44px;margin:72px 16px;width:157px}.container .box .btn>button{cursor:pointer;line-height:24px;position:relative}.container .box .btn>button>img{bottom:45px;display:none;position:absolute;right:-95px;width:340px}.container .box .btn>button:hover>img{display:block}.container .box .btn>div{color:#c1c5cb;font-size:12px;font-weight:400;letter-spacing:0;line-height:24px;padding-bottom:42px}.container .box .btn>div>p{margin-bottom:30px}