@import "css2.css";
@import "css21.css";
@font-face{font-family:ttcommonsbold;src:url(../font/ttcommonsbold.eot);src:url(../font/ttcommonsbold.ttf) format("truetype"),url(../font/ttcommonsbold.otf) format("otf"),url(../font/ttcommonsbold.woff) format("woff"),url(https://www.17sucai.com/2022/1/xgfma11902/assets/font/ttcommonsbold.woff2) format("woff2")}
@font-face{font-family:ttcommonsdemibold;src:url(../font/ttcommonsdemibold.eot);src:url(../font/ttcommonsdemibold.ttf) format("truetype"),url(../font/ttcommonsdemibold.otf) format("otf"),url(../font/ttcommonsdemibold.woff) format("woff"),url(https://www.17sucai.com/2022/1/xgfma11902/assets/font/ttcommonsdemibold.woff2) format("woff2")}
@font-face{font-family:ttcommonsextrabold;src:url(../font/ttcommonsextrabold.eot);src:url(../font/ttcommonsextrabold.eot) format("truetype"),url(../font/ttcommonsextrabold.otf) format("otf"),url(../font/ttcommonsextrabold.woff) format("woff"),url(https://www.17sucai.com/2022/1/xgfma11902/assets/font/ttcommonsextrabold.woff2) format("woff2")}
@font-face{font-family:ttcommonsmedium;src:url(../font/ttcommonsmedium.eot);src:url(../font/ttcommonsmedium.ttf) format("truetype"),url(../font/ttcommonsmedium.otf) format("otf"),url(../font/ttcommonsmedium.woff) format("woff"),url(https://www.17sucai.com/2022/1/xgfma11902/assets/font/ttcommonsmedium.woff2) format("woff2")}
a{color:unset;text-decoration:none}
a:focus{outline:0 solid}
a:hover{text-decoration:none;color:unset}
img{max-width:100%;height:auto}
h3,h4,h5,h6{font-family:ttcommonsbold,sans-serif;color:#202020;margin-bottom:0}
html,body{font-family:inter,sans-serif;font-weight:400;line-height:1.6;color:#454545}
p{margin-bottom:0}
ul{margin:0;padding:0;list-style:none}
i.bx{vertical-align:middle}
.mb-30{margin-bottom:30px}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
@-webkit-keyframes loader{0%,10%,100%{width:80px;height:80px}65%{width:150px;height:150px}}
@keyframes loader{0%,10%,100%{width:80px;height:80px}65%{width:150px;height:150px}}
@-webkit-keyframes loaderBlock{0%,30%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#08beab}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}
@keyframes loaderBlock{0%,30%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#08beab}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}
@-webkit-keyframes loaderBlockInverse{0%,20%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#08beab}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}
@keyframes loaderBlockInverse{0%,20%{-webkit-transform:rotate(0);transform:rotate(0)}55%{background-color:#08beab}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}
@-webkit-keyframes zm1{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}}
@keyframes zm1{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}}
@-webkit-keyframes zm{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes zm{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
.faq-wrap .faq-item{margin-bottom:24px;border:0}
.faq-wrap .faq-item:last-child{margin-bottom:0}
.faq-wrap .accordion-button{font-family:rubik,sans-serif;font-style:normal;font-weight:400;font-size:18px;background:#fff;-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1);border-radius:5px;color:#454545;cursor:pointer;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;padding:25px;padding-right:60px}
.faq-wrap .accordion-button:focus{z-index:unset;border-color:unset;outline:0;background:#fff;-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1)}
.faq-wrap .accordion-button::after{-ms-flex-negative:0;flex-shrink:0;width:unset;height:unset;margin-left:auto;background-image:none;background-repeat:unset;background-size:unset;font-family:bootstrap-icons!important;position:absolute;right:22px;content:"\f4fe";-webkit-transition:unset;transition:unset;font-size:20px;color:#08beab;width:30px;height:30px;background:rgba(8,190,171,.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.faq-wrap .accordion-button:not(.collapsed)::after{background-image:none;-webkit-transform:unset;transform:unset;font-family:bootstrap-icons!important;content:"\f2ea";background:#fff}
.faq-wrap .accordion-button:hover{background:#08beab;color:#fff}
.faq-wrap .accordion-button:hover::after{color:#fff}
.faq-wrap .faq-body{font-weight:400;font-size:14px;background:#fff;font-family:inter,sans-serif;border:1px solid #08beab;border-top:0;padding:15px 25px;line-height:28px}
.faq-wrap .accordion-button:not(.collapsed){-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1);background:#08beab;color:#fff;border-radius:5px 5px 0 0;font-weight:400}
.details-video-wrap{position:relative;overflow:hidden;border-radius:5px}
.details-video-wrap .video-play{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.details-video-wrap .video-play .video-icon{width:37px;height:37px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:relative}
.details-video-wrap .video-play .video-icon i{font-size:21px;color:#08beab}
.details-video-wrap .video-play .video-icon:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(255,255,255,.5);-webkit-animation:ripple-1 2s infinite ease-in-out;animation:ripple-1 2s infinite ease-in-out;z-index:-1}
.details-video-wrap .video-play .video-icon:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(255,255,255,.3);z-index:-1;-webkit-animation:ripple-2 2s infinite ease-in-out;animation:ripple-2 2s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes ripple-1{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0}}
@keyframes ripple-1{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0}}
@-webkit-keyframes ripple-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.9);transform:scale(1.9);opacity:0}}
@keyframes ripple-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.9);transform:scale(1.9);opacity:0}}
.para-font{font-size:16px;font-weight:400;font-family:inter,sans-serif;line-height:28px;color:#454545;margin-bottom:14px}
.document-section{padding-left:6%;padding-right:6%}
@media(min-width:1200px) and (max-width:1399px){.document-section{padding-left:80px;padding-right:80px}}
@media(min-width:992px) and (max-width:1199px){.document-section{padding-left:20px;padding-right:20px}}
@media(max-width:991px){.document-section{padding-left:5px;padding-right:5px}}
.document-right-area{position:-webkit-sticky;position:sticky;top:170px}
.document-right-area h4{font-size:20px;font-weight:500;font-family:rubik,sans-serif;color:#202020;margin-bottom:25px}
.document-left-menu{position:-webkit-sticky;position:sticky;top:170px}
.document-left-menu .left-menu-item .accordion-button{position:relative;font-family:rubik,sans-serif;font-style:normal;font-weight:500;font-size:20px;background:#f6f9ff;border-radius:5px;color:#202020;cursor:pointer;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;padding:20px;padding-right:60px;margin-bottom:20px}
.document-left-menu .left-menu-item .accordion-button:focus{z-index:unset;border-color:unset;outline:0;background:#fff;-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1)}
.document-left-menu .left-menu-item .accordion-button::after{background-image:none}
.document-left-menu .left-menu-item .accordion-button:not(.collapsed)::after{background-image:none}
.document-left-menu .left-menu-item .accordion-button span{background:#08beab;border-radius:50%;color:#fff;padding:7px;position:absolute;right:20px;font-size:20px;font-weight:500;font-family:#454545}
.document-left-menu .left-menu-item .accordion-button:hover{background:#08beab;color:#fff}
.document-left-menu .left-menu-item .sub-menu{font-weight:400;font-size:16px;background:#fff;font-family:inter,sans-serif;border-top:0;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-top:-20px;color:"Rubik",sans-serif}
.document-left-menu .left-menu-item .sub-menu li{border-bottom:1px solid #eee;padding:12px 0}
.document-left-menu .left-menu-item .sub-menu li a{-webkit-transition:.4s ease;transition:.4s ease}
.document-left-menu .left-menu-item .sub-menu li:last-child{border-bottom:0}
.document-left-menu .left-menu-item .sub-menu li:hover a{color:#08beab}
.document-left-menu .left-menu-item .accordion-button:not(.collapsed){-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1);background:#08beab;color:#fff;border-radius:5px 5px 0 0;font-weight:500}
.document-right-area{-webkit-box-shadow:5px 7px 40px rgba(145,145,145,.1);box-shadow:5px 7px 40px rgba(145,145,145,.1);padding:30px 25px;background:#fff}
.document-right-list>li>a{background:rgba(8,190,171,.04);padding:10px;font-size:18px;font-weight:500;font-family:rubik,sans-serif;border-left:3px solid #08beab;padding-left:12px;display:block}
.document-right-list>li{position:relative}
.document-right-list>li i{position:absolute;top:11px;right:15px;color:#08beab}
.document-right-list>li .sub-list{padding:25px 0 0}
.document-right-list>li .sub-list li{margin-bottom:12px}
.document-right-list>li .sub-list li:last-child{margin-bottom:0}
.document-right-list>li .sub-list a{font-size:18px;font-weight:400;font-family:rubik,sans-serif;color:#696969;-webkit-transition:.3s ease;transition:.3s ease}
.document-right-list>li .sub-list a:hover{color:#08beab}
.document-right-list>li .sub-list .child-sub-list{padding-left:30px;padding-top:15px}
.document-item{padding:110px 0 0}
.document-item:first-child{padding:0}
.document-item:last-child{border-bottom:0}
.document-title{font-size:26px;font-weight:500;font-family:rubik,sans-serif;color:#454545;line-height:1.6;margin-bottom:27px}
.doc-item-title{margin-top:-6px;margin-bottom:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.doc-item-title img{margin-right:14px}
.doc-item-title h4{font-size:20px;font-weight:500;font-family:rubik,sans-serif}
.doc-item-list{padding-left:30px;margin-bottom:19px}
@media(max-width:576px){.doc-item-list{padding-left:0}}
.doc-item-list li{font-size:18px;font-weight:400;font-family:rubik,sans-serif;color:#696969;margin-bottom:5px;position:relative;padding-left:18px;-webkit-transition:.3s ease;transition:.3s ease;cursor:pointer}
.doc-item-list li:hover{color:#202020}
.doc-item-list li::after{content:'';position:absolute;top:12px;left:0;height:5px;width:5px;background:#696969;border-radius:50%}
.doc-item-list li:last-child{margin-bottom:0}
@media(max-width:576px){.doc-item-list li{font-size:16px}}
.point-highlight{font-weight:600;color:#454545}
.code-box{background:#f6f9ff;padding:0 30px;margin-bottom:30px}
@media(max-width:767px){.code-box{padding:15px}}
.code-box code{font-family:inter,sans-serif}
.change-code-area{background:#f6f9ff;padding:22px 30px;font-size:16px;color:#000;font-weight:400;font-family:rubik,sans-serif;margin-bottom:20px;margin-top:20px}
.doc-item-subtitle{font-size:16px;font-weight:500;font-family:rubik,sans-serif;color:#454545;margin-bottom:19px}
.details-video-wrap{position:relative;overflow:hidden;border-radius:5px}
.details-video-wrap .video-play{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.details-video-wrap .video-play .video-icon{width:37px;height:37px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:relative}
.details-video-wrap .video-play .video-icon i{font-size:21px;color:#08beab}
.details-video-wrap .video-play .video-icon:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(255,255,255,.5);-webkit-animation:ripple-1 2s infinite ease-in-out;animation:ripple-1 2s infinite ease-in-out;z-index:-1}
.details-video-wrap .video-play .video-icon:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(255,255,255,.3);z-index:-1;-webkit-animation:ripple-2 2s infinite ease-in-out;animation:ripple-2 2s infinite ease-in-out;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@-webkit-keyframes triangle{0%{left:130px;top:130px}50%{left:180px;top:230px}100%{left:180px;top:130px}}
@keyframes triangle{0%{left:130px;top:130px}50%{left:180px;top:230px}100%{left:180px;top:130px}}
@-webkit-keyframes triangle-2{0%{top:20px;left:20px}50%{top:20px;left:60px}100%{top:40px;left:20px}}
@keyframes triangle-2{0%{top:20px;left:20px}50%{top:20px;left:60px}100%{top:40px;left:20px}}
@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes heroscroll{0%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}100%{-webkit-transform:translateY(20px) rotate(90deg);transform:translateY(20px) rotate(90deg)}}
@keyframes heroscroll{0%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}100%{-webkit-transform:translateY(20px) rotate(90deg);transform:translateY(20px) rotate(90deg)}}
@-webkit-keyframes rotation-angle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}
@keyframes rotation-angle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}
@-webkit-keyframes subscribe-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@keyframes subscribe-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}