*{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}.container{height:100vh;overflow:auto}.page-header{position:fixed;top:0;z-index:99;width:100vw;height:60px;background-color:#fff;padding:10px 20px;border-bottom:1px solid #ebeef5}.page-header .company-info{display:inline-block;cursor:pointer}.page-header .company-info .logo{display:inline-block;width:30px;height:30px;border-radius:50%;vertical-align:top;position:relative;top:3px}.page-header .company-info .title{display:inline-block;font-size:26px;font-weight:700;vertical-align:top;margin-left:10px;padding-top:5px;color:#265ff2}.page-header .company-info .title:hover{color:#409eff}.page-header .company-right{display:inline-block;float:right}.page-header .company-right .block{line-height:40px;margin-left:40px;font-size:15px;cursor:pointer;color:#265ff2}.page-header .company-right .block:hover{color:#409eff}.idx-payload{margin-top:60px;padding-bottom:20px;background-color:#f7f8fa}.idx-payload .banner{position:relative;width:100%;min-width:1200px;height:340px;background-color:#27272b;background-image:url(../img/banner.2395fa2c.png);background-repeat:no-repeat;background-size:100% 100%}.idx-payload .banner .bcontent{width:1200px;margin:auto;color:#fff;padding-top:30px}.idx-payload .banner .bcontent .mtitle{height:60px;line-height:60px;font-size:30px;font-weight:700;margin-bottom:40px}.idx-payload .banner .bcontent .stitle{font-size:16px;line-height:30px}.idx-payload .banner .bcontent .stitle .sblank{display:inline-block;width:80px}.idx-payload .banner .qrcode{position:absolute;right:80px;top:90px}.idx-payload .banner .qrcode .qrcode-hraf{display:inline-block;width:180px}.idx-payload .banner .qrcode .img{display:inline-block;width:150px;height:150px}.idx-payload .banner .qrcode .tip{margin-top:10px;font-size:14px;color:#fff;margin-left:8px}.idx-payload .modules{width:1240px;margin:auto;margin-top:40px}.modules .product-header{height:100px;line-height:100px;text-align:center;font-size:28px;font-weight:700;margin-bottom:10px}.modules .product-block{background-color:#fff;border-radius:4px;box-sizing:border-box;display:flex;margin-bottom:20px}.modules .product-block .channel-info{width:200px;padding:30px;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#ebeef5;background-size:100% 100%;background-repeat:no-repeat}.modules .product-block .channel-bg1{background-image:url(../img/1.60352db5.jpeg)}.modules .product-block .channel-bg2{background-image:url(../img/2.200e6e2d.jpeg)}.modules .product-block .channel-bg3{background-image:url(../img/3.bf8b2c81.png)}.modules .product-block .channel-bg4{background-image:url(../img/8.78930b3e.png)}.modules .product-block .channel-bg5{background-image:url(../img/5.4a94e970.png)}.modules .product-block .channel-bg6{background-image:url(../img/6.d4ea9487.png)}.modules .product-block .channel-bg7{background-image:url(../img/7.73710f0c.png)}.modules .product-block .channel-bg8{background-image:url(../img/4.8d0a1abb.png)}.modules .product-block .channel-info .channel-title{font-size:18px;color:#fff}.modules .product-block .channel-info .channel-desc{margin-top:20px;font-size:13px;line-height:20px;color:#fff}.modules .product-block .channel-module{flex:1;padding:40px 20px 10px 20px}.modules .product-block .channel-module .module-block{display:inline-block;width:calc(33.33333% - 26.66667px);margin-right:20px;vertical-align:top;height:120px;overflow:hidden}.modules .product-block .channel-module .module-block .module-block-icon{display:inline-block;width:60px;height:60px;vertical-align:top}.modules .product-block .channel-module .module-block .module-block-icon .icon{display:inline-block;width:42px;height:42px;line-height:42px;border-radius:5px;background-color:#165dff;text-align:center;color:#fff;font-size:24px;font-weight:700}.modules .product-block .channel-module .module-block .module-block-info{display:inline-block;margin-left:10px;width:calc(100% - 80px)}.modules .product-block .channel-module .module-block .module-block-info .sub-title{font-size:16px;font-weight:700;color:#303133}.modules .product-block .channel-module .module-block .module-block-info .sub-desc{margin-top:10px;font-size:13px;line-height:20px;color:#606266}.design-payload{margin-top:60px;display:flex}.design-payload .lpayload{display:inline-block;width:300px;padding:20px;background-color:#fff;min-height:100vh;border-right:1px solid #ebeef5}.design-payload .lpayload .menu-item{font-size:14px;line-height:30px}.design-payload .lpayload .menu-item .ftitle{font-size:16px}.design-payload .lpayload .menu-item .fitem{padding-left:20px;cursor:pointer}.design-payload .lpayload .menu-item .fitem .stitle{font-size:14px;color:#606266;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-payload .lpayload .menu-item .fitem .stitle:hover{color:#409eff}.design-payload .rpayload{flex:1;padding:50px;height:calc(100vh - 60px);overflow-y:auto}.design-payload .rpayload .title{font-size:22px;font-weight:700;padding-bottom:20px;border-bottom:1px solid #e4e7ed}.design-payload .rpayload .content{margin-top:20px;font-size:14px;line-height:24px}.design-payload .rpayload .content img{max-width:100%}.design-payload .rpayload .empty{padding-top:200px;text-align:center}.design-payload .rpayload .empty .icon{font-size:80px;color:#c0c4cc}.design-payload .rpayload .empty .label{margin-top:20px;font-size:14px;color:#c0c4cc}.version-payload{margin-top:60px;padding:60px 100px;height:92vh;overflow-y:scroll}.version-payload .ver .ver-title{line-height:50px;font-weight:16px;font-weight:700}.version-payload .ver .ver-content{font-size:14px}.version-payload .load-more{text-align:center;margin-top:20px;cursor:pointer}.page-footer{background-color:#2e3033;padding-bottom:50px}.page-footer .fpayload{width:1200px;margin:auto;padding:50px 0}.page-footer .fpayload .split-block{display:inline-block;width:33.33333%;vertical-align:top}.page-footer .fpayload .split-block .qrcode{display:inline-block;width:100px;vertical-align:top}.page-footer .fpayload .split-block .qrcode .img{display:inline-block;width:100px;height:100px}.page-footer .fpayload .split-block .qrcode .tip{margin-top:10px;font-size:12px;color:#ebeef5}.page-footer .fpayload .split-block .scontent{display:inline-block;padding-left:20px}.page-footer .fpayload .split-block .scontent .row{font-size:14px;color:#fff;margin-bottom:20px}.page-footer .fpayload .split-block .scontent .row .icon{display:inline-block;margin-right:5px;width:16px;height:16px;position:relative;top:2px}.page-footer .fpayload .split-block .scontent .row .href{color:#fff}.vpayload{flex:1}