@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,tr,td,th,h1,h2,h3,h4,h5,h6,hr,br,img,table,input,form,a,p,textarea{padding:0;margin:0}ul,ol,li{list-style:none}a{text-decoration:none;color:#000}button{outline:none}img{border:0}.clearfloat{zoom:1}.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.navigation{position:fixed;z-index:10;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(227,233,239,.4);background-image:linear-gradient(to top,rgba(23,188,133,.18),rgba(0,169,113,.18))}.navigation .join-div{padding:10px 0;background-image:linear-gradient(to left,#e7d44e,#ecaf24)}.navigation .join-div .content{position:relative;width:900px;margin:0 auto;text-align:center;line-height:20px;font-size:12px;font-weight:600;color:#3d3e49}@media only screen and (max-width:768px){.navigation .join-div .content{box-sizing:border-box;width:100%;padding:0 40px}}.navigation .join-div .content a{color:#3d3e49}.navigation .join-div .content a:hover{color:#55bc8a}.navigation .join-div .content img{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer}.navigation>.common-layout{height:93px}@media only screen and (max-width:768px){.navigation>.common-layout{height:74px}}.navigation .header-container{position:relative;height:100%}.navigation .logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.navigation .nav{height:100%;margin-left:250px;margin-right:360px;line-height:93px}@media only screen and (max-width:768px){.navigation .nav{display:none}}.navigation .nav>li:first-child{margin-left:0}.navigation .nav>li{display:inline-block;margin-left:20px;position:relative;font-size:16px;line-height:20px;cursor:pointer}.navigation .nav>li>a{color:#fff}.navigation .menu-active .active a{color:#55bc8a}.navigation .menu-li:hover{padding-bottom:40px}.navigation .menu-span{display:inline-block;vertical-align:middle}.navigation .menu-span::after{display:inline-block;vertical-align:middle;content:'';margin-left:5px;border:4px solid transparent;border-top-color:#fff}.navigation .dropdown-menu{display:none;position:absolute;top:40px;box-sizing:border-box;max-width:300px;padding:12px 0;left:50%;transform:translateX(-50%);background:#fff;line-height:30px;white-space:nowrap;font-size:0;border-radius:6px;box-shadow:0 4px 8px rgba(36,46,66,6%),0 8px 16px rgba(36,46,66,5%)}.navigation .dropdown-menu li{padding:0 20px;line-height:32px;font-size:12px;color:#36435c}.navigation .dropdown-menu li a{color:#36435c}.navigation .dropdown-menu li a:hover{color:#55bc8a}.navigation .dropdown-menu .active{border-left:2px solid #55bc8a}.navigation .dropdown-menu .active a{color:#55bc8a}.navigation .right-menu{position:absolute;height:36px;top:50%;transform:translateY(-50%);right:0}@media only screen and (max-width:768px){.navigation .right-menu{height:21px}}@media only screen and (max-width:768px){.navigation .right-menu>ul{display:flex;flex-wrap:wrap;justify-content:space-between}}.navigation .right-menu>ul>li{display:inline-block}.navigation .right-menu .language-menu{position:relative;cursor:pointer}.navigation .right-menu .language-menu:hover{padding-bottom:40px}.navigation .right-menu .language-menu>div img,.navigation .right-menu .language-menu>div span{display:inline-block;vertical-align:middle}@media only screen and (max-width:374px){.navigation .right-menu .language-menu>div img{display:none}}.navigation .right-menu .language-menu>div span::after{display:inline-block;vertical-align:middle;content:'';margin-left:5px;border:4px solid transparent;border-top-color:#fff}.navigation .right-menu .language-menu .dropdown-menu{color:#000;padding:10px 20px}.navigation .right-menu .language-menu .dropdown-menu li{padding:0;margin:0;color:#36435c}.navigation .right-menu .language-menu .dropdown-menu li:hover{color:#55bc8a}.navigation .right-menu .btn-li{margin-left:18px;margin-right:4px}@media only screen and (max-width:768px){.navigation .right-menu .btn-li{display:none}}.navigation .right-menu .btn-li:hover{padding-bottom:40px}.navigation .right-menu .btn-li .dropdown-menu{top:60px;min-width:280px;white-space:normal}.navigation .right-menu .btn-li ol li{display:block;margin-left:0}@media only screen and (max-width:768px){.navigation .right-menu .link-li{display:none}}.navigation .right-menu .link-li a{display:inline-block;width:16px;height:16px;margin-left:12px;background-position:50%;background-repeat:no-repeat}.navigation .right-menu .link-li .link-slack{background-image:url(/images/header/slack.svg)}.navigation .right-menu .link-li .link-slack:hover{background-image:url(/images/header/slack-hover.svg)}.navigation .right-menu .link-li .link-twitter{background-image:url(/images/header/twitter.svg)}.navigation .right-menu .link-li .link-twitter:hover{background-image:url(/images/header/twitter-hover.svg)}.navigation .right-menu .link-li .link-github{background-image:url(/images/header/github.svg)}.navigation .right-menu .link-li .link-github:hover{background-image:url(/images/header/github-hover.svg)}.navigation .right-menu .github-li{position:relative;top:3px}.navigation .right-menu .github-star{display:flex;align-items:center;margin-left:10px;background:linear-gradient(180deg,rgba(0,0,0,.01%) 0%,rgba(0,0,0,.1) 96.81%),#fff;border:1px solid #ccd3db;box-shadow:0 8px 16px rgba(76,169,134,.1),0 10px 50px rgba(76,169,134,5%);border-radius:4px;overflow:hidden}@media only screen and (max-width:768px){.navigation .right-menu .github-star{display:none}}.navigation .right-menu .github-star a{color:#3e464c;font-size:16px;line-height:16px}.navigation .right-menu .github-star a:hover{color:#4ca986}.navigation .right-menu .github-star .star-btn{padding:7px 8px;display:flex;align-items:center}.navigation .right-menu .github-star .star-btn .star-img{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:contain;background-image:url(/images/header/github-star.svg)}.navigation .right-menu .github-star .star-btn:hover .star-img{background-image:url(/images/header/github-star-hover.svg)}.navigation .right-menu .github-star .social-count{padding:7px 14px;border-left:1px solid rgba(204,211,219,.5)}.navigation .right-menu .menu-icon{display:none;margin-left:12px}@media only screen and (max-width:768px){.navigation .right-menu .menu-icon{display:inline-block}}.demo-btn{width:112px;height:36px;border-radius:30px;border:none;font-size:14px;color:#fff;cursor:pointer;box-shadow:0 10px 50px rgba(34,43,62,.1),0 8px 16px rgba(33,43,61,.2);background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.1) 97%),linear-gradient(to bottom,#242e42,#242e42)}.demo-btn:hover{box-shadow:none}.navigationScroll{box-shadow:0 4px 8px rgba(36,46,66,6%),0 8px 16px rgba(36,46,66,5%);background-image:linear-gradient(to bottom,rgba(134,219,162,.9),rgba(0,170,114,.9))}.navigationHeight{height:50px}.jquery-modal{z-index:10}#modal-for-menu{padding:20px}#modal-for-menu>ul{margin-top:60px}#modal-for-menu>ul .active{color:#00a971}#modal-for-menu>ul .active a{color:#00a971}#modal-for-menu>ul li{min-height:52px;line-height:52px;border-bottom:solid 1px rgba(0,0,0,.12);font-weight:600;color:#68747f}#modal-for-menu>ul li>a{color:#68747f}#modal-for-menu>ul li>a:hover{color:#00a971}#modal-for-menu>ul li>ul{padding-left:20px;display:none}#modal-for-menu>ul li>ul li{box-sizing:border-box;padding-top:11px;font-weight:500;line-height:1.75}#modal-for-menu>ul li>ul li:last-child{border:none}#modal-for-menu>ul .menu-active{color:#00a971}#modal-for-menu>ul .menu-span{display:block;position:relative}#modal-for-menu>ul .menu-span:hover{color:#00a971}#modal-for-menu>ul .menu-span::after{position:absolute;top:50%;right:10px;display:block;content:'';width:10px;height:10px;border-right:2px solid #dee0e6;border-bottom:2px solid #dee0e6;transform:rotate(45deg)translateY(-8px);transition:all .2s}#modal-for-menu>ul .up::after{transform:rotate(-135deg)}#modal-for-menu>.btn-div{margin-top:30px;text-align:center}#modal-for-menu>.link-div{margin-top:27px;text-align:center}#modal-for-menu>.link-div img{width:24px;margin:0 16px}.footer{width:100%;padding:118px 0}@media only screen and (max-width:768px){.footer{padding-top:50px}}.footer>.footer-main>.up-main{display:flex}@media only screen and (max-width:768px){.footer>.footer-main>.up-main{flex-direction:column}}.footer>.footer-main>.up-main .left-div .foot-logo{height:32px}.footer>.footer-main>.up-main .left-div p{width:360px;height:44px;margin-top:40px;font-size:16px;line-height:1.38;color:#919aa3}@media only screen and (max-width:768px){.footer>.footer-main>.up-main .left-div p{width:auto}}.footer>.footer-main>.up-main .left-div div{width:358px;height:48px;margin-top:20px;border-radius:24px;border:solid 1px #ccd3db;background-color:#f5f8f9}.footer>.footer-main>.up-main .left-div div input{width:207px;height:20px;font-size:14px;margin-left:16px;color:#76808a;border:none;outline:none;background-color:#f5f8f9}.footer>.footer-main>.up-main .left-div div button{width:111px;height:40px;margin:4px 5px 4px 14px;border-radius:20px;border:none;font-size:14px;color:#fff;cursor:pointer;box-shadow:0 10px 50px rgba(34,43,62,.1),0 8px 16px rgba(33,43,61,.2);background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.1) 97%),linear-gradient(to bottom,#55bc8a,#55bc8a)}.footer>.footer-main>.up-main .left-div div button:hover{box-shadow:none}@media only screen and (max-width:768px){.footer>.footer-main>.up-main .left-div div{width:280px}.footer>.footer-main>.up-main .left-div div input{width:150px}.footer>.footer-main>.up-main .left-div div button{width:90px}}.footer>.footer-main>.up-main .left-div #message{color:red;margin-left:16px}.footer>.footer-main>.up-main .right-div{flex:1;margin-left:30px}@media only screen and (max-width:768px){.footer>.footer-main>.up-main .right-div{width:100%;margin-left:0}}.footer>.footer-main>.up-main .right-div>ul li{max-width:170px}@media only screen and (max-width:768px){.footer>.footer-main>.up-main .right-div>ul li{margin-top:20px}}.footer>.footer-main>.up-main .right-div>ul li:last-child{margin-right:0}.footer>.footer-main>.up-main .right-div .h3{font-weight:600;line-height:1.5;color:#171c34;margin-bottom:10px}.footer>.footer-main>.up-main .right-div a{display:block;line-height:1.2;color:#919aa3;margin-bottom:14px}.footer>.footer-main>.up-main .right-div a:hover{color:#55bc8a}.footer>.footer-main .down-main{text-align:center;margin-top:60px}.footer>.footer-main .down-main .img-div{font-size:0}.footer>.footer-main .down-main .img-div svg{width:32px;height:32px;color:#b6c2cd;cursor:pointer;transition:all .2s ease-in-out;margin-right:8px}.footer>.footer-main .down-main .img-div a{display:inline-block;width:34px;height:34px;margin:0 6px;background-position:50%;background-repeat:no-repeat}.footer>.footer-main .down-main .img-div .wechat{position:relative}.footer>.footer-main .down-main .img-div .wechat .hide-div{display:none;position:absolute;top:-10px;left:50%;padding:10px;transform:translate(-50%,-100%);background:#fff}.footer>.footer-main .down-main .img-div .wechat .hide-div p{font-size:12px;color:#b6c2cd}.footer>.footer-main .down-main .img-div .wechat .hide-div img{margin:0 10px}.footer>.footer-main .down-main .img-div .wechat .hide-div::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);border:10px solid transparent;border-top-color:#fff}.footer>.footer-main .down-main .img-div .wechat:hover svg{color:green}.footer>.footer-main .down-main .img-div .wechat:hover div{display:block}.footer>.footer-main .down-main .img-div .bilibili-a{background-image:url(/images/footer/bilibili.svg)}.footer>.footer-main .down-main .img-div .bilibili-a:hover{background-image:url(/images/footer/bilibili-hover.svg)}.footer>.footer-main .down-main .img-div .facebook-a{background-image:url(/images/footer/facebook.svg)}.footer>.footer-main .down-main .img-div .facebook-a:hover{background-image:url(/images/footer/facebook-hover.svg)}.footer>.footer-main .down-main .img-div .youtube-a{background-image:url(/images/footer/youtube.svg)}.footer>.footer-main .down-main .img-div .youtube-a:hover{background-image:url(/images/footer/youtube-hover.svg)}.footer>.footer-main .down-main .img-div .slack-a{background-image:url(/images/footer/slack.svg)}.footer>.footer-main .down-main .img-div .slack-a:hover{background-image:url(/images/footer/slack-hover.svg)}.footer>.footer-main .down-main .img-div .twitter-a{background-image:url(/images/footer/twitter.svg)}.footer>.footer-main .down-main .img-div .twitter-a:hover{background-image:url(/images/footer/twitter-hover.svg)}.footer>.footer-main .down-main .img-div .github-a{background-image:url(/images/footer/github.svg)}.footer>.footer-main .down-main .img-div .github-a:hover{background-image:url(/images/footer/github-hover.svg)}.footer>.footer-main .down-main .img-div .medium-a{background-image:url(/images/footer/medium.svg)}.footer>.footer-main .down-main .img-div .medium-a:hover{background-image:url(/images/footer/medium-hover.svg)}.footer>.footer-main .down-main .img-div .linkedin-a{background-image:url(/images/footer/linkedin.svg)}.footer>.footer-main .down-main .img-div .linkedin-a:hover{background-image:url(/images/footer/linkedin-hover.svg)}.footer>.footer-main .down-main .p1{height:23px;margin-top:6px;font-size:14px;line-height:23px;font-weight:500;letter-spacing:1.08px;color:#242e42}.footer>.footer-main .down-main .case{margin-top:20px}.cookie{position:fixed;display:none;z-index:10;bottom:20px;left:0;right:0}.cookie>div{padding:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;line-height:20px;background-color:#242e42;border-radius:4px}@media only screen and (max-width:768px){.cookie>div{flex-direction:column}}.cookie a{color:#99e2bf}.cookie a:hover{color:#55bc8a}.cookie button{width:240px;height:40px;border:none;margin-left:20px;border-radius:20px;font-size:14px;color:#fff;background-color:#479e88;cursor:pointer}.cookie button:hover{background-color:#3b747a}@media only screen and (max-width:768px){.cookie button{margin-top:20px}}body{font-family:Roboto,pingfang sc,lantinghei sc,helvetica neue,Helvetica,Arial,microsoft yahei,微软雅黑,STHeitiSC-Light,simsun,宋体,wenquanyi zen hei,wenquanyi micro hei,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Roboto,pingfang sc,lantinghei sc,helvetica neue,Helvetica,Arial,microsoft yahei,微软雅黑,STHeitiSC-Light,simsun,宋体,wenquanyi zen hei,wenquanyi micro hei,sans-serif}html{background-color:#f5f8f9}section{min-width:1160px}@media only screen and (max-width:768px){section{min-width:0}}::-webkit-scrollbar-track{background:0 0}.padding{padding-top:40px}.common-layout{width:1160px;margin:0 auto}@media only screen and (max-width:768px){.common-layout{box-sizing:border-box;width:100%;padding:0 20px}}.common-flex-layout{display:flex;flex-wrap:wrap;justify-content:space-between}.nowrap-li:last-of-type{white-space:nowrap}@media screen and (max-width:768px){.nowrap-li:last-of-type a{white-space:normal}}.title-h1{font-size:40px;line-height:1;letter-spacing:-.11px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.15)}@media only screen and (max-width:768px){.title-h1{font-size:28px;font-weight:700;line-height:1.29;letter-spacing:-.08px}}.title-center-h1{font-size:40px;line-height:1;letter-spacing:-.11px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.15);text-align:center}.title-black-h2{text-shadow:0 4px 8px rgba(35,45,65,.1);font-size:32px;font-weight:700;line-height:52px;color:#171c34}@media only screen and (max-width:768px){.title-black-h2{font-size:24px;line-height:1.17}}.title-white-h2{text-shadow:0 4px 8px rgba(35,45,65,.1);font-size:32px;font-weight:700;line-height:1.63;color:#fff}@media only screen and (max-width:768px){.title-white-h2{font-size:24px;line-height:1.17}}.title-black-h3{text-shadow:0 4px 8px rgba(35,45,65,.1);font-size:24px;font-weight:700;line-height:32px;color:#31383e}.title-white-h3{height:24px;font-size:20px;font-weight:600;line-height:1.2;color:#fff}.title-p{font-size:16px;line-height:2;text-align:center;color:#919aa3}@media only screen and (max-width:768px){.title-p{line-height:1.75}}.common-p{font-size:16px;line-height:1.5;color:#8f94a1}.common-center-p{font-size:16px;line-height:1.5;text-align:center;color:#8f94a1}.common-content{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.06px;color:#3e464c}.common-li{font-size:16px;line-height:20px;color:#36435c}.common-btn{border:none;font-size:14px;color:#fff;cursor:pointer;box-shadow:0 10px 50px rgba(34,43,62,.1),0 8px 16px rgba(33,43,61,.2)}.common-btn:hover{box-shadow:none !important}.inner-a{color:#00a971}.inner-a:hover{color:#008a5c}.common-green-a{height:24px;font-weight:600;line-height:24px;color:#00a971}.common-green-a:hover{color:#008a5c}.common-black-a{height:24px;font-weight:600;line-height:24px;color:#36435c}.common-black-a:hover{color:#55bc8a}.common-middle-inline{display:inline-block;vertical-align:middle}.common-top-inline{display:inline-block;vertical-align:top}.top-cover-img{width:100%;height:100%;object-fit:cover}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat}.share a{margin-right:10px}.share a img{opacity:.8}.share a img:hover{opacity:1}.search-input-div{position:relative;height:36px;padding-left:18px;padding-right:40px;border-radius:18px;background-color:#fff}.search-input-div .algolia-autocomplete{width:100%;height:100%}.search-input-div input{width:100%;height:20px;margin-top:8px;font-size:14px;line-height:20px;border:none;outline:none;color:#657480}.search-input-div input::placeholder{color:#919aa3}.search-input-div svg{position:absolute;right:18px;top:11px}.notices{margin:20px 0;position:relative}.notices>p{padding:0 10px;margin:0 !important;height:30px;line-height:30px;color:#fff}.notices>div{padding:10px}.admon thead>tr>th{padding:0 10px;margin:0 !important;height:30px;line-height:30px;color:#fff}.notices.note>p{background:#6ab0de}.notices.note>div{background:#e7f2fa}.admon.note thead>tr>th{background:#6ab0de}.admon.note td{background:#e7f2fa}.notices.tip>p{background:#78c578}.notices.tip>div{background:#e6f9e6}.admon.tip thead>tr>th{background:#78c578}.admon.tip td{background:#e6f9e6}.notices.info>p{background:#f0b37e}.notices.info>div{background:#fff2db}.admon.attention thead>tr>th{background:#f0b37e}.admon.attention td{background:#fff2db}.notices.warning>p{background:#e06f6c}.notices.warning>div{background:#fae2e2}.admon.warning thead>tr>th{background:#e06f6c}.admon.warning td{background:#fae2e2}.code-tabs{border:1px solid #dee2e6;overflow:hidden;margin:20px 0}.code-tabs .tab-content{padding:20px 15px;margin-bottom:0}.code-tabs .tab-content .tab-pane{margin-bottom:0}.code-tabs .nav-tabs{padding-left:0;margin-bottom:0;border-bottom:1px solid #dee2e6}.code-tabs .nav-tabs .nav-item{display:inline-block;padding:10px;margin-top:0;border-right:1px solid #dee2e6}.code-tabs .nav-tabs .nav-item .nav-link{text-decoration:none;font-weight:500;border:0;margin-bottom:0}.code-tabs .nav-tabs .nav-item::before{display:none}.code-tabs .nav-tabs .nav-item.active{background:#55bc8a}.code-tabs .nav-tabs .nav-item.active .nav-link{color:#fff}.code-tabs .tab-pane{display:none}.code-tabs .active{display:block}.code-over-div{position:relative;overflow:auto;padding:1em}.copy-code-button{display:none;position:absolute;top:5px;right:5px;z-index:2;width:20px;height:20px;background-image:url(/images/docs/v3.3/copy.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}.copy-code-button.is-active{background-image:none;width:auto}.copy-code-button.is-active:before{content:"Copied";color:#fff}.copy-code-button:hover{top:3px}.highlight pre{margin:0}.download-btn{height:56px;border-radius:28px;font-size:16px}.download-btn1{width:211px;box-shadow:0 10px 50px rgba(34,43,62,.1),0 8px 16px rgba(33,43,61,.2),0 10px 50px rgba(76,169,134,5%);background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.1) 97%),linear-gradient(to bottom,#242e42,#242e42)}.download-btn2{width:195px;margin-left:12px;color:#36435c;box-shadow:0 10px 50px rgba(34,43,62,.1),0 8px 16px rgba(33,43,61,.2),0 10px 50px rgba(76,169,134,5%);background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.1) 97%),linear-gradient(to bottom,#ffffff,#ffffff)}@media only screen and (max-width:768px){.download-btn2{margin-left:0;margin-top:12px}}