.flex{display:flex;justify-content:center;align-items:center}.flex-clounm{display:flex;flex-direction:column;justify-content:center;align-items:center}.banner{display:flex;flex-direction:column;justify-content:center;height:324px;background:#EDF2FA url(https://www.kekebang.com.cn/resource/images/src/images/interface/banner_bg.jpg) center no-repeat;background-size:1900px auto}.banner .banner-inner{text-align:center;color:#06123A}.banner .banner-inner .title{font-size:36px}.banner .banner-inner .desc{max-width:650px;font-size:18px;margin:2.5% auto;line-height:1.5}.banner .banner-inner .zx-btn{padding:12px 48px;font-size:24px;background:#384AFF;border:none;color:#fff;border-radius:30px;cursor:pointer;backface-visibility:hidden;transition:transform .2s}.banner .banner-inner .zx-btn:hover{transform:translateZ(0) scale(1.1)}@media (max-width: 768px){.banner{height:45vw}.banner .banner-inner .title{font-size:28px}.banner .banner-inner .desc{font-size:14px}.banner .banner-inner .zx-btn{padding:8px 40px;font-size:18px}}@media (max-width: 500px){.banner .banner-inner .title{font-size:20px}.banner .banner-inner .desc{font-size:12px}.banner .banner-inner .zx-btn{padding:6px 30px;font-size:14px}}.interface-content-box .interface-content-item{margin:auto}.interface-content-box .check-btn{margin:auto;margin-top:40px;width:159px;height:48px;background:#FFFFFF;box-shadow:0px 4px 10px 0px rgba(12,111,249,0.18);border-radius:36px;border:1px solid #0C6FF9;text-align:center;line-height:48px;font-size:16px;color:#0C6FF9;cursor:pointer;transition:.2s}.interface-content-box .check-btn:hover{transform:scale(1.05)}.interface-content-box .connect-flow-box{margin-top:48px}.interface-content-box .connect-flow-box .connect-flow-text{font-size:14px;color:#333333;margin-top:16px;text-align:center}.interface-content-box .connect-flow-box .connect-flow-content{margin:40px auto 0 auto;padding:3%;background:#F5FAFF;border-radius:30px;display:flex;flex-direction:column;justify-content:center}.interface-content-box .connect-flow-box .connect-flow-content .process-box{display:flex;justify-content:center}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item{text-align:center;flex:1;position:relative}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container .number{display:inline-block;width:38px;height:38px;background:#FFFFFF;border-radius:50%;border:3px solid #0C6FF9;text-align:center;line-height:38px;font-weight:800;font-size:18px;color:#FCA607;position:relative}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container .line{position:absolute;z-index:0;top:30%;left:50%;width:100%;border-top:1px dashed #ddd}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container:after{content:"";display:block;width:14px;height:18px;position:absolute;top:18%;z-index:1;right:-7px;background:url(https://www.kekebang.com.cn/resource/images/src/images/interface/arrow.png) center no-repeat;background-size:cover}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .item-box{margin-top:5%}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item:nth-last-child(1) .number-container:after{content:initial}.interface-content-box .purchase-box{margin-top:48px}.interface-content-box .purchase-box .purchase-text{font-size:14px;color:#333333;margin-top:16px;text-align:center}.interface-content-box .purchase-box .api-list-box{display:flex;justify-content:center;margin-top:40px}.interface-content-box .purchase-box .api-list-box li{width:110px;margin:0 5%}.interface-content-box .purchase-box .api-list-box li img{width:100%}.interface-content-box .purchase-box .api-list-box li span{margin-top:11px;font-size:14px;color:#666666}.interface-content-box .supply-box{background:#F3F7FF;padding-top:44px;margin-top:32px}.interface-content-box .supply-box .supply-text{font-size:14px;color:#333333;margin-top:16px;text-align:center}.interface-content-box .supply-box .supply-list-box{display:flex;justify-content:center;flex-wrap:wrap}.interface-content-box .supply-box .supply-list-box li{width:100px;margin:40px 5% 0 5%}.interface-content-box .supply-box .supply-list-box li img{width:100%}.interface-content-box .supply-box .supply-list-box li span{font-size:14px;color:#666666;margin-top:10px}.interface-content-box .cardpwd-box{background:#F3F7FF;padding:50px 0 20px 0}.interface-content-box .cardpwd-box .cardpwd-text{font-size:14px;color:#333333;margin-top:16px;text-align:center}.interface-content-box .cardpwd-box .cardpwd-list-box{display:flex;justify-content:center;flex-wrap:wrap}.interface-content-box .cardpwd-box .cardpwd-list-box li{width:100px;margin:40px 5% 0 5%}.interface-content-box .cardpwd-box .cardpwd-list-box li img{width:100%}.interface-content-box .cardpwd-box .cardpwd-list-box li span{font-size:14px;color:#666666;margin-top:10px}.interface-content-box .document-box{padding:30px 0 65px 0;background:#fff url(https://www.kekebang.com.cn/resource/images/src/images/interface/document_bg.png) center no-repeat;background-size:cover}.interface-content-box .document-box .list{margin-top:30px;text-align:center}.interface-content-box .document-box .list button{display:inline-block;border:none;margin-right:20px;font-size:16px;background-color:#0C6FF9;color:#fff;padding:1.5% 3.5%;border-radius:16px;cursor:pointer;transition:transform .2s}.interface-content-box .document-box .list button:hover{transform:translateY(-4%)}@media (max-width: 1100px){.interface-content-box .supply-box .supply-list-box li{width:100px;margin:40px 3% 0 3%}.interface-content-box .cardpwd-box .cardpwd-list-box li{width:100px;margin:40px 3% 0 3%}}@media (max-width: 1024px){.interface-content-box .interface-content-item{max-width:750px;min-width:360px;width:100%}.interface-content-box .check-btn{margin-top:16px;width:96px;height:32px;border-radius:32px;line-height:32px;font-size:14px}.interface-content-box .connect-flow-box{margin-top:16px}.interface-content-box .connect-flow-box .connect-flow-text{font-size:12px;margin-top:6px}.interface-content-box .connect-flow-box .connect-flow-content{margin-top:16px;width:100%;height:97px;border-radius:0;padding:0}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item{text-align:center;flex:1}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container .number{width:29px;height:29px;line-height:29px;font-size:14px}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container:after{width:10px;height:14px}.interface-content-box .purchase-box{margin-top:16px;padding:0}.interface-content-box .purchase-box .purchase-text{font-size:12px;margin-top:6px;padding:0 15px}.interface-content-box .purchase-box .api-list-box{margin-top:20px;justify-content:space-around;padding:0 14px;box-sizing:border-box}.interface-content-box .purchase-box .api-list-box li{margin:0}.interface-content-box .purchase-box .api-list-box li img{width:60px;height:60px}.interface-content-box .purchase-box .api-list-box li span{display:inline-block;width:108px;text-align:center;margin-top:12px}.interface-content-box .supply-box{margin-top:16px;padding:16px 0}.interface-content-box .supply-box .supply-text{font-size:12px;margin-top:6px;padding:0 15px}.interface-content-box .supply-box .supply-list-box{justify-content:space-around}.interface-content-box .supply-box .supply-list-box li{margin:15px 0}.interface-content-box .supply-box .supply-list-box li img{width:54px;height:54px}.interface-content-box .supply-box .supply-list-box li span{margin-top:12px;width:108px;text-align:center}.interface-content-box .cardpwd-box{padding:16px 0}.interface-content-box .cardpwd-box .cardpwd-text{font-size:12px;margin-top:6px;padding:0 15px}.interface-content-box .cardpwd-box .cardpwd-list-box li{margin:15px 3%}.interface-content-box .cardpwd-box .cardpwd-list-box li img{width:54px;height:54px}.interface-content-box .cardpwd-box .cardpwd-list-box li span{margin-top:12px;width:108px;text-align:center}.interface-content-box .document-box{padding:20px 0 40px 0}.interface-content-box .document-box .list{margin-top:20px;text-align:center}.interface-content-box .document-box .list button{margin-right:15px;border-radius:6px}}@media (max-width: 768px){.interface-content-box .cardpwd-box .cardpwd-list-box{justify-content:flex-start}.interface-content-box .cardpwd-box .cardpwd-list-box li{width:33.33%;margin:20px 0}}@media (max-width: 550px){.interface-content-box .connect-flow-box{margin-top:16px}.interface-content-box .connect-flow-box .connect-flow-text{font-size:12px;margin-top:6px}.interface-content-box .connect-flow-box .connect-flow-content{margin-top:16px;width:100%;height:97px;border-radius:0;padding:0}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item{text-align:center;flex:1}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .number-container .number{width:29px;height:29px;line-height:29px;font-size:14px}.interface-content-box .connect-flow-box .connect-flow-content .process-box .step-item .item-box{font-size:12px;transform:scale(0.9)}.interface-content-box .document-box .list button{font-size:12px;margin-right:8px;padding:1.5% 3%}}