.main-width{margin:0 auto;width:1200px}.api-market{position:relative;width:100%;margin:0 auto;background:#f2f2f2}.api-market .banner{position:relative;height:360px;background:linear-gradient(#5269f6,#3f57e5)}.api-market .banner .banner-box{position:relative;height:100%}.api-market .banner .banner-box:after{display:block;position:absolute;left:50%;top:0;width:1800px;height:100%;transform:translateX(-50%);background:url(http://img-haodanku-com.cdn.fudaiapp.com/Fhyw4-3rLDTaegINq0BXaB3_iFik) no-repeat;background-position:50%;content:""}.api-market .banner .banner-box .btn.qq{position:absolute;top:44px;right:0;z-index:1;width:145px;height:45px;background:rgba(19,38,160,.2);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 3px 15px 0 rgba(0,0,0,.2);font-size:14px;font-weight:400;color:#fff;line-height:43px;text-align:center;border-top:0;border-radius:0 0 8px 8px;cursor:pointer}.api-market .banner .banner-box .btn.qq a{display:block;height:100%;color:inherit}.api-market .banner .banner-box .btn.qq .api-qq{font-size:18px}.api-market .banner .banner-box .btn.qq:hover{background:#1326a0}section h1{margin:35px auto 30px;text-align:center}section.spa-recommend .list{font-size:0}section.spa-recommend .list .c-card,section.spa-recommend .list .c-covid-card{vertical-align:top;margin-left:16px;margin-bottom:16px}section.spa-recommend .list .c-card .btn.preview{display:none!important}section.spa-recommend .list .c-card .btn-block{height:0;overflow:hidden;transition:height .3s}section.spa-recommend .list .c-card:nth-child(4n+1){margin-left:0}section.spa-recommend .list .c-card:hover .btn-block{height:60px}section.api-search{margin-top:35px}.market-content .api-tab{background:#fff}.market-content .api-tab.fiex{position:fixed;top:30px;z-index:2}.market-content .api-tab .tab-menu{display:flex;align-items:center;position:relative;height:55px}.market-content .api-tab .tab-menu .el-tabs{flex:1}.market-content .api-tab .tab-menu .el-tabs .el-tabs__header{margin:0}.market-content .api-tab .tab-menu .el-tabs .el-tabs__active-bar{z-index:-1;height:40px;margin-left:-20px;box-sizing:content-box;padding:0 20px;background:linear-gradient(90deg,#2d6cff,#759eff);border-radius:5px;transition:transform .3s linear}.market-content .api-tab .tab-menu .el-tabs .el-tabs__item{height:40px;line-height:40px;padding:0 20px}.market-content .api-tab .tab-menu .el-tabs .el-tabs__item.is-focus{box-shadow:none}.market-content .api-tab .tab-menu .el-tabs .el-tabs__item.is-top:nth-child(2){padding-left:30px}.market-content .api-tab .tab-menu .el-tabs .el-tabs__item.is-active{color:#fff}.market-content .api-tab .tab-menu .split-line{height:100%;border-left:1px solid #ededed}.market-content .api-tab .tab-menu .el-input{padding-left:20px;width:320px}.market-content .api-tab .tab-menu .el-input input{border:0;background:none}.market-content .api-tab .tab-menu .el-input .el-input-group__append{padding:0;background:none;border:none;height:40px;line-height:40px}.market-content .api-tab .tab-menu .el-input .iconfont{padding:0 20px;font-size:22px;font-weight:700;color:#4f77fe;cursor:pointer}.market-content .api-tab .tab-menu .el-input .iconfont:hover{color:#1443e2}.market-content .api-tab .tab-btn{position:absolute;top:24px;right:0}.market-content .api-tab .tab-btn button{width:144px;height:38px;border-radius:19px;color:#fff;font-size:14px;font-family:PingFang SC;font-weight:500;background:linear-gradient(0deg,#1a6ef9,#21a6ff);transition:all .2s ease-in-out}.market-content .api-tab .tab-btn button:hover{opacity:.8;transform:translateY(-4px);box-shadow:0 4px 7px rgba(33,166,255,.5)}.el-popover.myPopover{background:#5cadff;color:#fff;pointer-events:none}.it-knowledge{margin-top:120px}.myPopover .particulars{width:100%;font-size:12px;font-family:PingFang SC;font-weight:400;overflow:hidden;white-space:pre-wrap;word-break:break-all}.myPopover .particulars.no-img{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:16px;width:150px}.myPopover .img-wrapper,.myPopover .particulars{display:table-caption}.el-popper[x-placement^=left] .popper__arrow:after,.el-popper[x-placement^=right] .popper__arrow:after{border-right-color:#5cadff}.el-popover__reference.focusing{outline:none}.view-dialog{text-align:center}.view-dialog .el-dialog{display:inline-block;position:relative;border-radius:16px;background:none;box-shadow:none;width:auto!important}.view-dialog .el-dialog .el-dialog__body,.view-dialog .el-dialog .el-dialog__header{padding:0}.view-dialog .show-example{text-align:center}.view-dialog .show-example img{max-width:100%}.view-dialog .el-dialog__headerbtn{right:-86px;top:unset;bottom:100%;width:26px;height:26px;border:1px solid #909399;border-radius:50%}.view-dialog .el-dialog__headerbtn:hover{border-color:#409eff}