.page-changelog{padding-bottom:100px}.page-changelog .fr{float:right;padding:0}.page-changelog .fr.el-button{transform:translateY(-3px)}.page-changelog .fr a{display:block;padding:10px 15px;color:#333}.page-changelog .fr:hover a{color:#409eff}.page-changelog .heading{font-size:24px;margin-bottom:60px;color:#333}.page-changelog .timeline{padding:0 0 10px;position:relative;color:#5e6d82}.page-changelog .timeline>li{position:relative;padding-bottom:15px;list-style:none;line-height:1.8;border:1px solid #ddd;border-radius:4px}.page-changelog .timeline>li:not(:last-child){margin-bottom:50px}.page-changelog .timeline ul{padding:30px 30px 15px}.page-changelog .timeline ul ul{padding:5px 0 0 27px}.page-changelog .timeline ul ul li{padding-left:0;color:#555;word-break:normal}.page-changelog .timeline ul ul li:before{content:"";circle:4px #fff;border:1px solid #333;margin-right:-12px;display:inline-block;vertical-align:middle}.page-changelog .timeline li li{font-size:16px;list-style:none;padding-left:20px;padding-bottom:5px;color:#333;word-break:break-all}.page-changelog .timeline li li:before{content:"";circle:6px #333;transform:translateX(-20px);display:inline-block;vertical-align:middle}.page-changelog .timeline i{padding:0 20px;display:inline-block}.page-changelog .timeline h3{margin:0;padding:15px 30px;border-bottom:1px solid #ddd;font-size:20px;color:#333;font-weight:700}.page-changelog .timeline h3 a{opacity:1;font-size:20px;float:none;margin-left:0;color:#333}.page-changelog .timeline h4{margin:0 0 -10px;font-size:18px;padding-left:54px;padding-top:30px;font-weight:700}.page-changelog .timeline p{margin:0}.page-changelog .timeline em{position:absolute;right:30px;font-style:normal;top:23px;font-size:16px;color:#666}.page-component__scroll{height:calc(100% - 80px);margin-top:80px}.page-component__scroll>.el-scrollbar__wrap{overflow-x:auto}.page-component{box-sizing:border-box;height:100%}.page-component.page-container{padding:0}.page-component .page-component__nav{width:240px;position:fixed;top:0;bottom:0;margin-top:80px;transition:padding-top .3s}.page-component .page-component__nav>.el-scrollbar__wrap{height:100%;overflow-x:auto}.page-component .page-component__nav.is-extended{padding-top:0}.page-component .side-nav{height:100%;padding-top:50px;padding-bottom:50px;padding-right:0}.page-component .side-nav>ul{padding-bottom:50px}.page-component .page-component__content{padding-left:270px;padding-bottom:100px;box-sizing:border-box}.page-component .content{padding-top:50px}.page-component .content>h3{margin:55px 0 20px}.page-component .content>table{border-collapse:collapse;width:100%;background-color:#fff;font-size:14px;margin-bottom:45px;line-height:1.5em}.page-component .content>table strong{font-weight:400}.page-component .content>table td,.page-component .content>table th{border-bottom:1px solid #dcdfe6;padding:15px;max-width:250px}.page-component .content>table th{text-align:left;white-space:nowrap;color:#909399;font-weight:400}.page-component .content>table td{color:#606266}.page-component .content>table td:first-child,.page-component .content>table th:first-child{padding-left:10px}.page-component .content>ul:not(.timeline){margin:10px 0;padding:0 0 0 20px;font-size:14px;color:#eee;line-height:2em}@media (max-width:768px){.page-component .page-component__nav{width:100%;position:static;margin-top:0}.page-component .side-nav{padding-top:0;padding-left:50px}.page-component .page-component__content{padding-left:10px;padding-right:10px}.page-component .content{padding-top:0}.page-component .content>table{overflow:auto;display:block}}.cards[data-v-cba4381a]{margin:30px 0 70px}.card[data-v-cba4381a]{background:#fbfcfd;height:204px;text-align:center}.card img[data-v-cba4381a]{margin:40px auto 25px;width:80px;height:80px}.card h4[data-v-cba4381a]{font-size:18px;color:#1f2d3d;font-weight:400;margin:0}.card span[data-v-cba4381a]{font-size:14px;color:#99a9bf}.page-guide{padding:55px 30px 95px;box-sizing:border-box}.page-guide .content{padding-left:25px;margin-left:-1px}.page-guide .content h2{margin-bottom:10px}.page-guide .content h3{font-size:22px;font-weight:400;margin:0 0 30px}.page-guide .content p{line-height:1.6;font-size:14px;color:#aaa}.page-guide .content ul{margin-bottom:50px;padding-left:0}.page-guide .content li{font-size:14px;margin-bottom:10px;color:#99a9bf;list-style:none}.page-guide .content li:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;vertical-align:middle;background-color:#5e6d82;margin-right:5px}.page-guide .content li strong{color:#fff;font-weight:400}@media (max-width:768px){.page-guide .content{padding-left:0}}.banner[data-v-61603779]{background-image:url(static/banner.0dc357a.png);background-size:contain;background-position:center 0;background-repeat:no-repeat;background-color:#060a10;margin-top:-62px}.banner-desc[data-v-61603779]{width:1140px;margin:0 auto;padding-top:130px}.banner-desc h1[data-v-61603779]{font-size:38px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;margin:0}.banner-desc p[data-v-61603779]{font-size:20px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#fff;line-height:24px;margin:16px 0 5px}.banner-desc .link-to-detail[data-v-61603779]{background-color:#0ac7dc;color:#fff;border-radius:24px;padding:13px 58px;cursor:pointer;border:none;margin-top:44px}.sub-banner[data-v-61603779]{height:138px;background:rgba(17,18,20,.4)}.sub-banner-content[data-v-61603779]{display:flex;width:1140px;height:100%;margin:0 auto;justify-content:space-between;align-items:center}.sub-banner-content-item[data-v-61603779]{color:#fff;display:flex}.sub-banner-content-item .item-left[data-v-61603779]{width:40px;margin-right:36px}.sub-banner-content-item .item-left img[data-v-61603779]{width:100%}.sub-banner-content-item .item-right[data-v-61603779]{flex:1}.sub-banner-content-item .item-right-h[data-v-61603779]{font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:28px}.sub-banner-content-item .item-right-c[data-v-61603779]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6);line-height:22px}.sponsors[data-v-61603779]{display:flex;justify-content:center}.sponsor[data-v-61603779]{margin:0 20px 50px;display:inline-flex;width:300px;height:100px;justify-content:center}.sponsor img[data-v-61603779]{margin-right:20px}.sponsor div[data-v-61603779]{display:flex;flex-direction:column;justify-content:center}.sponsor p[data-v-61603779]{margin:0;line-height:1.8;color:#999;font-size:14px}.jumbotron[data-v-61603779]{width:890px;margin:30px auto;position:relative}.jumbotron img[data-v-61603779]{width:100%}.jumbotron .jumbotron-red[data-v-61603779]{transition:height .1s;background:#fff;position:absolute;left:0;top:0;overflow:hidden}.main-content-box h1[data-v-61603779]{text-align:center;font-size:30px;font-family:Avenir-Black,Avenir;font-weight:900;color:#fff;line-height:40px;margin-top:90px;margin-bottom:54px}.main-content-box-cards[data-v-61603779]{display:flex;width:1140px;margin:0 auto}.main-content-box-cards .cards-right[data-v-61603779]{flex:1;margin-left:20px;display:flex;flex-direction:column;justify-content:space-between}.main-content-box-cards p[data-v-61603779]{margin:0;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.main-content-box .tis-design-box[data-v-61603779]{background-size:cover;background-position:center 0;background-repeat:no-repeat;position:relative}.main-content-box .tis-design-box>p[data-v-61603779]{position:absolute;left:20px;bottom:20px}.main-content-box .tis-design-1[data-v-61603779]{background-image:url(static/tis-design-1.d52c658.png);width:680px;height:408px}.main-content-box .tis-design-2[data-v-61603779]{background-image:url(static/tis-design-2.8088a8a.png);height:194px}.main-content-box .tis-design-3[data-v-61603779]{background-image:url(static/tis-design-3.2eaee93.png);height:194px}.advantage-box-content[data-v-61603779]{display:flex;gap:20px}.advantage-box-content .advantage-item[data-v-61603779]{background-color:#0a0e12}.advantage-box-content .advantage-item img[data-v-61603779]{height:auto;width:100%}.advantage-box-content .advantage-item .advantage-item-txt[data-v-61603779]{background:#0a0e12;padding:24px 20px}.advantage-box-content .advantage-item .advantage-item-txt .item-h[data-v-61603779]{font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:28px}.advantage-box-content .advantage-item .advantage-item-txt .item-c[data-v-61603779]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.5);line-height:20px}.advantage-box h1[data-v-61603779]{text-align:center;font-size:30px;font-family:Avenir-Black,Avenir;font-weight:900;color:#fff;line-height:40px;margin-top:90px;margin-bottom:54px}.cards[data-v-61603779]{margin:0 auto 110px;width:1140px}.cards .container[data-v-61603779]{padding:0;margin:0 -11px;width:auto}.cards .container[data-v-61603779]:after,.cards .container[data-v-61603779]:before{display:table;content:""}.cards .container[data-v-61603779]:after{clear:both}.cards li[data-v-61603779]{width:25%;padding:0 19px;box-sizing:border-box;float:left;list-style:none}.cards img[data-v-61603779]{width:160px;height:120px}.card[data-v-61603779]{height:430px;width:100%;background:#fff;border:1px solid #eaeefb;border-radius:5px;box-sizing:border-box;text-align:center;position:relative;transition:all .3s ease-in-out;bottom:0}.card img[data-v-61603779]{margin:66px auto 60px}.card h3[data-v-61603779]{margin:0;font-size:18px;color:#1f2f3d;font-weight:400}.card p[data-v-61603779]{font-size:14px;color:#99a9bf;padding:0 25px;line-height:20px}.card a[data-v-61603779]{height:53px;line-height:52px;font-size:14px;color:#409eff;text-align:center;border:0;border-top:1px solid #eaeefb;padding:0;cursor:pointer;width:100%;position:absolute;bottom:0;left:0;background-color:#fff;border-radius:0 0 5px 5px;transition:all .3s;text-decoration:none;display:block}.card a[data-v-61603779]:hover{color:#fff;background:#409eff}.card[data-v-61603779]:hover{bottom:6px;box-shadow:0 6px 18px 0 rgba(232,237,250,.5)}@media (max-width:1140px){.cards[data-v-61603779]{width:100%}.cards .container[data-v-61603779]{width:100%;margin:0}.banner .container[data-v-61603779]{width:100%;box-sizing:border-box}.banner img[data-v-61603779]{right:0}}@media (max-width:1000px){.banner .container img[data-v-61603779],.jumbotron[data-v-61603779]{display:none}}@media (max-width:768px){.cards li[data-v-61603779]{width:80%;margin:0 auto 20px;float:none}.cards .card[data-v-61603779]{height:auto;padding-bottom:54px}.banner-desc #line2[data-v-61603779],.banner-stars[data-v-61603779]{display:none}.banner-desc h2[data-v-61603779]{font-size:32px}.banner-desc p[data-v-61603779]{width:auto}}.theme-intro-b[data-v-61603779]{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200}.theme-intro-b .intro-banner[data-v-61603779]{position:absolute}.theme-intro-b img[data-v-61603779]{width:300px}.theme-intro-b .title[data-v-61603779]{position:absolute;top:0;bottom:0;left:0;right:0;color:#fff;text-align:center;font-weight:700;font-size:20px;display:flex;justify-content:center;align-items:center}.theme-intro-b .title p[data-v-61603779]{padding:0;margin:10px 0}.theme-intro-a[data-v-61603779]{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200}.theme-intro-a .mask[data-v-61603779]{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.5}.theme-intro-a .intro-banner[data-v-61603779]{top:50%;left:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-sizing:border-box;text-align:center;z-index:100}.theme-intro-a .intro-banner img[data-v-61603779]{width:100%}.theme-intro-a .intro-banner .intro-text[data-v-61603779]{position:absolute;top:50%;left:0;right:0}.theme-intro-a .intro-banner .intro-text p[data-v-61603779]{padding:0;margin:0;font-size:48px;font-weight:700;color:#fff}h3[data-v-6b021b66]{margin-bottom:15px}.block[data-v-6b021b66]{margin-bottom:55px}p[data-v-6b021b66]{margin:0 0 15px}.nav-demos p[data-v-6b021b66]{margin-bottom:50px}.nav-demos h5[data-v-6b021b66]{margin:0}.nav-demos img[data-v-6b021b66]{padding:15px;background-color:#f9fafc;width:100%;margin-bottom:15px;cursor:pointer}.dialog-img[data-v-6b021b66]{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.dialog-img .imgWrap[data-v-6b021b66]{margin:0 auto;position:relative;top:100px;padding-bottom:50px}.dialog-img img[data-v-6b021b66]{display:block;width:100%}.mask[data-v-6b021b66]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#373737;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.zoom-enter-active[data-v-6b021b66],.zoom-leave-active[data-v-6b021b66]{transition:transform .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86)}.zoom-enter[data-v-6b021b66],.zoom-leave-active[data-v-6b021b66]{transform:scale(.3);opacity:0}.fade-enter-active[data-v-6b021b66],.fade-leave-active[data-v-6b021b66]{transition:opacity .3s cubic-bezier(.78,.14,.15,.86)}.fade-enter[data-v-6b021b66],.fade-leave-active[data-v-6b021b66]{opacity:0}.page-resource[data-v-d1ae84c0]{padding-top:55px;box-sizing:border-box}.page-resource .resource-placeholder[data-v-d1ae84c0]{margin:50px auto 100px;text-align:center}.page-resource .resource-placeholder img[data-v-d1ae84c0]{width:150px}.page-resource .resource-placeholder h4[data-v-d1ae84c0]{margin:20px 0 16px;font-size:16px;color:#1f2f3d;line-height:1}.page-resource .resource-placeholder p[data-v-d1ae84c0]{margin:0;font-size:14px;color:#99a9bf;line-height:1}.cards[data-v-d1ae84c0]{margin:35px auto 110px}.cards .container[data-v-d1ae84c0]{padding:0;margin:0 -11px;width:auto}.cards .container[data-v-d1ae84c0]:after,.cards .container[data-v-d1ae84c0]:before{display:table;content:""}.cards .container[data-v-d1ae84c0]:after{clear:both}.cards li[data-v-d1ae84c0]{width:33.33333%;padding:0 11px;box-sizing:border-box;float:left;list-style:none}h2[data-v-d1ae84c0]{font-size:28px;margin:0}p[data-v-d1ae84c0]{font-size:14px;color:#5e6d82}.card[data-v-d1ae84c0]{height:394px;width:100%;background:#fff;border:1px solid #eaeefb;border-radius:5px;box-sizing:border-box;text-align:center;position:relative;transition:bottom .3s;bottom:0}.card img[data-v-d1ae84c0]{margin:75px auto 35px;height:87px}.card h3[data-v-d1ae84c0]{margin:0 0 10px;font-size:18px;color:#1f2f3d;font-weight:400;height:22px}.card p[data-v-d1ae84c0]{font-size:14px;color:#99a9bf;padding:0 30px;margin:0;word-break:break-all;line-height:1.6}.card a[data-v-d1ae84c0]{height:42px;width:190px;display:inline-block;line-height:42px;font-size:14px;background-color:#409eff;color:#fff;text-align:center;border:0;padding:0;cursor:pointer;border-radius:2px;transition:all .3s;text-decoration:none;margin-top:20px}@media (max-width:850px){.cards li[data-v-d1ae84c0]{max-width:500px;float:none;margin:10px auto 30px;width:80%}.cards li .card[data-v-d1ae84c0]{height:auto;padding-bottom:20px}.cards h3[data-v-d1ae84c0]{height:auto}}.page-container.page-theme-preview{padding-top:30px}.page-container.page-theme-preview .display{width:75%;display:inline-block;vertical-align:top}.page-container.page-theme-preview .display h3{font-size:28px;margin:30px 0 0}.page-container.page-theme-preview .side{display:inline-block;width:25%}.page-container.page-theme-preview .side .editor{overflow:hidden;background:#f5f7fa;border:1px solid #ebeef5;border-radius:5px;margin-bottom:20px}.page-container.page-theme-preview .side .editor.fixed{position:fixed;width:285px;box-sizing:border-box}.page-theme:last-child{margin-bottom:55px}.page-theme h2{font-size:28px;line-height:28px;margin:0}.page-theme ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}.page-theme .theme-card{display:inline-block;height:150px;height:16vw;max-height:230px;flex:0 0 24%;cursor:default;vertical-align:bottom}.page-theme .theme-section{margin-bottom:20px}.page-theme .second-section{margin-top:60px}