div,h1,h2,h3,li,p,ul{box-sizing:border-box}li{list-style:none}#app{width:1202px;margin:43px auto 60px;position:relative}main{width:1000px;float:left;margin-left:20px}main .topBox{width:1000px;height:390px;background:#fff;border-radius:10px;padding:0 40px}main .topBox .title{margin-bottom:29px;height:58px;border-bottom:1px solid #e6f4fb;font-size:18px;color:#000;line-height:58px;text-align:center}main .topBox .vice-tit{font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#078fd8;line-height:18px}main .topBox .vice-tit:nth-of-type(2){margin:11px 0 20px}main .topBox .adv{height:45px;padding:11px 0;background:#e6f4fb}main .topBox .adv li{float:left;padding:0 54.5px;line-height:23px;border-right:1px solid #999}main .topBox .adv li:last-of-type{border-right:none}main .topBox .downloadHint{margin-top:25px}main .topBox .downloadHint .qrcode{float:left;width:133px;height:133px}main .topBox .downloadHint .texts{margin-left:167px;padding-top:32px;display:flex}main .topBox .downloadHint .texts .item{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:52px;width:160px;height:70px;border:1px solid #999;position:relative}main .topBox .downloadHint .texts .item::after{position:absolute;top:28px;right:-34px;content:'';display:inline-block;width:16px;height:14px;background-image:url(../images/home/downloadHint_arrow.png);background-size:100% 100%;background-repeat:no-repeat}main .topBox .downloadHint .texts .item:last-of-type::after{display:none}main .topBox .downloadHint .texts .item h3{font-size:20px}main .content{margin-top:20px;padding:40px 50px;background-color:#fff}main .content .part{margin-top:30px}main .content .part:first-of-type{margin-top:0}main .content .part .tit{width:110px;height:36px;background:#028ed7;border-radius:8px;font-size:18px;color:#fff;line-height:36px;font-weight:400;text-align:center}main .content .part .inner h4{margin-top:30px;color:#028ed7;line-height:16px;font-weight:400;display:flex}main .content .part .inner h4 span{margin-right:11px;color:#028ed7!important}main .content .part .inner ul{display:flex;flex-wrap:wrap}main .content .part .inner ul li{margin-top:20px;width:33.3333%;font-size:14px;line-height:17px;height:17px;padding-left:32px;position:relative}main .content .part .inner ul li::before{position:absolute;left:0;content:'';display:inline-block;width:21px;height:17px;background:url(../images/home/icon_folder.png) no-repeat;background-size:100% 100%;vertical-align:text-bottom}main .content .tools .inner ul li::before{width:20px;height:20px;background:url(../images/home/icon_tool.png) no-repeat}main .content .sourceCode .inner ul li::before{width:22px;height:18px;background:url(../images/home/icon_code.png) no-repeat}aside{position:sticky;top:10px;float:left;width:182px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 10px 0 rgba(153,153,153,.15)}aside>h2{height:47px;background:#4c8bdc;font-size:20px;color:#fff;line-height:47px;text-align:center}aside .subject{padding:18px 0}aside .subject .des{height:40px;padding-left:20px;cursor:pointer;position:relative}aside .subject .des:hover{background-color:rgba(76,139,220,.1);transition:all ease .3s}aside .subject .des h2{font-size:16px;font-weight:400;line-height:40px}aside .subject .des .el-icon-caret-right{position:absolute;right:10px;top:13px;text-align:center;color:#4c8bdc}aside .subject .active{color:#4c8bdc;background-color:rgba(76,139,220,.1)}aside .subject .active h2{font-size:large}