*{margin:0;padding:0}html{overflow-x:hidden}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:1200px}.container .box>h1{color:#606266;font-size:32px;font-weight:500;margin:60px 0 30px;text-align:center}.container .box .h1desc{color:#909399;font-size:16px;line-height:30px;margin:0 auto;text-align:center;width:960px}.container .box>ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 0}.container .box>ul>li{border:1px solid #e0e7f6;height:443px;width:calc(50% - 40px)}.container .box>ul>li>a{display:flex;flex-direction:column}.container .box>ul>li>a>img{align-self:center;height:172px;margin:20px 0}.container .box>ul>li>a>b{align-self:center;color:#606266;font-size:20px;font-weight:500;line-height:24px;position:relative}.container .box>ul>li>a>b>i{background:#fff;border-radius:2px;color:#ff5a00;font-size:12px;font-style:normal;height:25.5px;position:absolute;right:-42px;text-align:center;top:-18px;width:40px;z-index:1}.container .box>ul>li>a>b>i:after{border-color:#fff #fff transparent transparent;border-style:solid;border-width:10px;content:"";height:0;left:4px;position:absolute;top:19px;transform:skewY(126deg);width:0;z-index:-1}.container .box>ul>li>a>span{color:#909399;padding:17px 0 25px;text-align:center}.container .box>ul>li>a>i{color:#49628b;display:flex;font-size:20px;font-style:normal;justify-content:center}.container .box .tips{color:#c1c5cb;font-size:12px;font-weight:400;letter-spacing:0;line-height:24px;padding:60px 100px}.container .box .tips>p{align-self:center}