.solution-open-api .item-title[data-v-0a380bbf]{font-size:30px;margin-bottom:47px;text-align:center}.solution-open-api .item-title>span[data-v-0a380bbf]{color:#262626;position:relative}.solution-open-api .item-title>span[data-v-0a380bbf]:before{left:-105px;transform:translateY(-50%)}.solution-open-api .item-title>span[data-v-0a380bbf]:after,.solution-open-api .item-title>span[data-v-0a380bbf]:before{content:" ";display:block;position:absolute;top:50%;width:93px;height:9px;background:url(https://cdn.xcc.com/app/pc_static/index/title-blue.webp) no-repeat 50%}.solution-open-api .item-title>span[data-v-0a380bbf]:after{right:-105px;transform:translateY(-50%) rotate(180deg)}.solution-open-api .item-title>span.white[data-v-0a380bbf]{color:#fff}.solution-open-api .item-title>span.white[data-v-0a380bbf]:after,.solution-open-api .item-title>span.white[data-v-0a380bbf]:before{background:url(https://cdn.xcc.com/app/pc_static/index/title-white.webp) no-repeat 50%}.solution-open-api .banner[data-v-0a380bbf]{height:436px;background-color:#e7ecf7}.solution-open-api .banner .banner-box[data-v-0a380bbf]{height:100%;min-width:1200px;margin:0 auto;position:relative;box-sizing:border-box;background:#dae7f9 url(https://cdn.xcc.com/static2/9b1c024c/img/open-api-top.a0a405f.webp) no-repeat 50%/cover}.solution-open-api .banner .banner-box img[data-v-0a380bbf]{width:100%;display:block;object-fit:cover}.solution-open-api .banner .container[data-v-0a380bbf]{height:436px;width:1200px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.solution-open-api .banner .container h1[data-v-0a380bbf]{font-weight:700;color:#262626;font-size:40px;line-height:40px;margin-bottom:24px;margin-top:122px}.solution-open-api .banner .container .desc[data-v-0a380bbf]{color:#667a98;font-size:14px;line-height:normal;width:638px}.solution-open-api .banner .hot-area[data-v-0a380bbf]{width:1200px;height:100px;background:linear-gradient(180deg,#f3f5f8,#fff);border:1px solid #fff;border-radius:8px;box-shadow:0 8px 16px rgba(28,110,238,.08);position:absolute;left:50%;transform:translateX(-50%);bottom:-50px;box-sizing:border-box}.solution-open-api .banner .hot-area .list[data-v-0a380bbf]{display:flex;justify-content:space-evenly}.solution-open-api .banner .hot-area .list .item[data-v-0a380bbf]{flex:1;height:100px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.solution-open-api .banner .hot-area .list .item[data-v-0a380bbf]:last-child:after{display:none}.solution-open-api .banner .hot-area .list .item[data-v-0a380bbf]:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:40px;background:#e5eaef;right:0}.solution-open-api .banner .hot-area .list .item img[data-v-0a380bbf]{width:36px;height:36px;margin-right:12px}.solution-open-api .banner .hot-area .list .item .count[data-v-0a380bbf]{font-weight:700;color:#1c6eee;font-size:18px;line-height:normal}.solution-open-api .banner .hot-area .list .item .text[data-v-0a380bbf]{color:#262626;font-size:18px;line-height:normal}.solution-open-api .banner .img[data-v-0a380bbf]{width:100%;height:436px}.solution-open-api .features[data-v-0a380bbf]{padding:145px 0 96px;background:#fff}.solution-open-api .features .list[data-v-0a380bbf]{display:flex;justify-content:center;position:relative}.solution-open-api .features .list .item[data-v-0a380bbf]{display:flex}.solution-open-api .features .list .item .icon[data-v-0a380bbf]{width:82px;height:82px;margin-right:15px;margin-top:8px}.solution-open-api .features .list .item .title[data-v-0a380bbf]{font-weight:700;color:#262626;font-size:26px;margin-bottom:8px}.solution-open-api .features .list .item .desc[data-v-0a380bbf]{width:240px;color:#667a98;font-size:14px}.solution-open-api .features .list .item[data-v-0a380bbf]:nth-child(2n){margin:0 50px}.solution-open-api .hot-api[data-v-0a380bbf]{padding:96px 0}.solution-open-api .hot-api .list[data-v-0a380bbf]{display:flex;flex-wrap:wrap}.solution-open-api .hot-api .list .item[data-v-0a380bbf]{width:220px;height:90px;background:#f5f8fb;border-radius:8px;margin-right:24px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 24px}.solution-open-api .hot-api .list .item[data-v-0a380bbf]:hover{cursor:pointer;color:#1c6eee}.solution-open-api .hot-api .list .item:hover i[data-v-0a380bbf]{color:#1c6eee}.solution-open-api .hot-api .list .item:hover .icon-ic_live_more[data-v-0a380bbf]{display:none}.solution-open-api .hot-api .list .item:hover .icon-ic_more_a[data-v-0a380bbf]{display:block}.solution-open-api .hot-api .list .item[data-v-0a380bbf]:nth-child(5n){margin-right:0}.solution-open-api .hot-api .list .item[data-v-0a380bbf]:nth-child(-n+5){margin-top:0}.solution-open-api .hot-api .list .item i[data-v-0a380bbf]{color:#989898}.solution-open-api .hot-api .list .item .icon-ic_more_a[data-v-0a380bbf]{display:none}.solution-open-api .hot-api .more-btn[data-v-0a380bbf]{margin:38px auto 0;width:220px;height:41px;text-align:center;line-height:41px;background:#fff;border:1px solid #1c6eed;border-radius:4px;color:#1c6eec;font-size:16px}.solution-open-api .hot-api .more-btn[data-v-0a380bbf]:hover{cursor:pointer;color:#fff;background-color:#1c6eee}.solution-open-api .flow[data-v-0a380bbf]{padding:96px 0;background:#f5f6fa}.solution-open-api .flow .item-title[data-v-0a380bbf]{margin-bottom:0}.solution-open-api .flow .tips[data-v-0a380bbf]{text-align:center;color:#595959;font-size:18px;line-height:18px;margin-top:12px}.solution-open-api .flow .list[data-v-0a380bbf]{display:flex;margin-top:93px;position:relative}.solution-open-api .flow .list[data-v-0a380bbf]:before{content:"";position:absolute;top:-29px;left:0;width:100%;height:0;border-bottom:1px dashed #4775e0}.solution-open-api .flow .list .item[data-v-0a380bbf]{width:285px;height:150px;border:1px solid transparent;border-image:linear-gradient(180deg,rgba(28,110,238,.5),rgba(28,110,238,.1)) 1;margin-bottom:20px;padding:33px 37px;box-sizing:border-box;margin-right:20px;position:relative}.solution-open-api .flow .list .item[data-v-0a380bbf]:last-child{margin-right:0}.solution-open-api .flow .list .item .title[data-v-0a380bbf]{color:#262626;font-size:18px}.solution-open-api .flow .list .item .title i[data-v-0a380bbf]{font-size:18px}.solution-open-api .flow .list .item .desc[data-v-0a380bbf]{color:#8c8c8c;font-size:18px;margin-top:12px}.solution-open-api .flow .list .item[data-v-0a380bbf]:after{content:"";position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:30px;height:30px;background-color:#1c6eee;color:#fff;text-align:center;line-height:30px;font-size:14px;font-weight:900;border-radius:50%}.solution-open-api .flow .list .item[data-v-0a380bbf]:first-child:after{content:"1"}.solution-open-api .flow .list .item[data-v-0a380bbf]:nth-child(2):after{content:"2"}.solution-open-api .flow .list .item[data-v-0a380bbf]:nth-child(3):after{content:"3"}.solution-open-api .flow .list .item[data-v-0a380bbf]:nth-child(4):after{content:"4"}.solution-open-api .question[data-v-0a380bbf]{padding:96px 0}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse{border:none}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item__header{border-bottom:none;font-weight:700;color:#262626;font-size:18px}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item__wrap{border-bottom:none}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item__content{color:#8c8c8c!important;font-size:18px;padding-bottom:10px;margin-top:2px}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item__content *{color:#8c8c8c!important}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item{padding:19px 56px;position:relative}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item .el-collapse-item__arrow{position:absolute;top:35px;left:36px;color:rgba(0,0,0,.26);font-weight:700;font-size:12px}.solution-open-api .question .list[data-v-0a380bbf] .el-collapse .el-collapse-item.is-active{border:1px solid transparent;border-image:linear-gradient(180deg,#8ab4f1,#e4ecf9) 1}