.integrate-wrap[data-v-09ce266a]{width:100%;height:100%;min-height:100vh;background:#f8f8fa;overflow:hidden}.integrate-wrap .integrate-header[data-v-09ce266a]{width:100%;height:60px;background:var(--main-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;z-index:9999}.integrate-wrap .integrate-header .header-img[data-v-09ce266a]{width:138px;height:40px;margin:10px 38px}.integrate-wrap .integrate-header .integrate-header-search[data-v-09ce266a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.integrate-wrap .integrate-header .header-nav-right[data-v-09ce266a]{text-align:right;position:relative;right:30px;height:60px;width:150px}.integrate-wrap .integrate-header .right-title[data-v-09ce266a]{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:60px;cursor:pointer}.integrate-wrap .integrate-header .user-link[data-v-09ce266a]{z-index:999;background:#fff;width:120px;border-radius:6px;-webkit-box-shadow:0 0 20px 0 hsla(0,0%,40.8%,.14);box-shadow:0 0 20px 0 hsla(0,0%,40.8%,.14);position:absolute;top:40px;right:3%;padding-top:13px;font-size:14px;line-height:30px;color:#333;text-align:center}.integrate-wrap .integrate-header .user-link li[data-v-09ce266a]{margin-bottom:10px;cursor:pointer;overflow:hidden}.integrate-wrap .integrate-header .user-link li[data-v-09ce266a]:hover{color:var(--main-bg-color)!important;font-weight:500}.integrate-wrap .integrate-header .rights-cur[data-v-09ce266a]{cursor:pointer}.integrate-wrap .integrate-page[data-v-09ce266a]{min-width:1408px;max-width:1408px;width:1408px;margin:0 auto;height:calc(100vh - 80px);margin-top:80px;overflow-y:scroll}.integrate-wrap .integrate-page .integrate-data[data-v-09ce266a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:760px}.integrate-wrap .integrate-page .integrate-data .integrate-data-left[data-v-09ce266a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.integrate-wrap .integrate-page .integrate-data .rights[data-v-09ce266a]{background:#fff;-webkit-box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);border-radius:10px;height:760px;padding:20px 24px}.integrate-wrap .integrate-page .integrate-data .lefts[data-v-09ce266a]{margin-right:20px}.integrate-wrap .integrate-page .integrate-data .lefts .left-top[data-v-09ce266a]{width:100%;height:156px;display:-webkit-box;display:-ms-flexbox;display:flex}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left[data-v-09ce266a]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:156px;background:#fff;-webkit-box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);border-radius:10px;padding:20px 24px;overflow:hidden}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-name[data-v-09ce266a]{width:100%;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-number[data-v-09ce266a]{width:100%;font-size:30px;font-family:HelveticaNeue;color:#202020;padding-top:4px;padding-bottom:20px}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-app[data-v-09ce266a]{width:100%}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-app .app-right[data-v-09ce266a]{margin-right:30px}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-app .top-apps[data-v-09ce266a]{padding-top:9px;display:inline-block}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-app .top-apps .top-apps-name[data-v-09ce266a]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;margin-right:4px}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-left .top-app .top-apps .top-apps-number[data-v-09ce266a]{font-size:14px;font-family:HelveticaNeue;color:#202020}.integrate-wrap .integrate-page .integrate-data .lefts .left-top .top-margin[data-v-09ce266a]{margin-right:20px}.integrate-wrap .integrate-page .integrate-data .lefts .left-bottom[data-v-09ce266a]{width:100%;height:583px;margin-top:20px;background:#fff;-webkit-box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);border-radius:10px;padding:20px 24px;overflow:hidden}.integrate-wrap .integrate-page .integrate-data .lefts .left-bottom .mains[data-v-09ce266a]{width:690px;height:438px}.integrate-wrap .integrate-page .integrate-data .left-bottom-search[data-v-09ce266a]{width:100%}.integrate-wrap .integrate-page .integrate-data .page-title[data-v-09ce266a]{width:100%;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#202020;padding-bottom:20px}.integrate-wrap .integrate-page .integrate-data .page-age[data-v-09ce266a]{display:-webkit-box;display:-ms-flexbox;display:flex}.integrate-wrap .integrate-page .integrate-data .page-title-left[data-v-09ce266a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.integrate-wrap .integrate-page .integrate-data .page-title-right[data-v-09ce266a]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;text-align:right}.integrate-wrap .integrate-page .integrate-data .page-title-right[data-v-09ce266a]:hover{color:#202020}.integrate-wrap .integrate-page .service-list[data-v-09ce266a]{width:100%}.integrate-wrap .integrate-page .service-list .service-li[data-v-09ce266a]{display:inline-block;width:335px;height:136px;margin-top:20px;cursor:pointer;background:#fff;-webkit-box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);overflow:hidden;border-radius:10px}.integrate-wrap .integrate-page .service-list .service-li .service-box[data-v-09ce266a]{width:335px;height:136px;overflow:hidden;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.integrate-wrap .integrate-page .service-list .service-li .service-box .intergrate-img[data-v-09ce266a]{width:72px;height:72px;border-radius:50%;display:inline-block;margin:32px 20px 32px 0}.integrate-wrap .integrate-page .service-list .service-li .service-box .intergrate-name[data-v-09ce266a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:130px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#202020;word-break:break-all;text-align:left}.integrate-wrap .integrate-page .service-list .service-li[data-v-09ce266a]:nth-child(4n-2){margin-right:20px;margin-left:20px}.integrate-wrap .integrate-page .service-list .service-li[data-v-09ce266a]:nth-child(4n-1){margin-right:20px}.integrate-wrap .integrate-box[data-v-09ce266a]{width:96%;margin:0 2%;padding-left:2%;padding-top:90px}.integrate-wrap .integrate-box .integrate-li[data-v-09ce266a]{width:200px;height:240px;display:inline-block;margin:20px;background:#fff;-webkit-box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);box-shadow:0 2px 16px 0 hsla(0,0%,60%,.16);border-radius:10px;text-align:center;cursor:pointer}.integrate-wrap .integrate-box .integrate-li .intergrate-img[data-v-09ce266a]{width:88px;height:88px;margin:44px auto 0 auto;border-radius:50%}.integrate-wrap .integrate-box .integrate-li .intergrate-name[data-v-09ce266a]{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#202020;padding-top:20px}[data-v-09ce266a] canvas{width:720px!important;height:450px!important}[data-v-09ce266a] .search-select{width:130px;height:32px;margin-right:12px;cursor:pointer}[data-v-09ce266a] .search-select .el-input__inner{height:32px;line-height:32px;background:#f8f8fa;border-radius:4px;border:1px solid #d9d9d9}[data-v-09ce266a] .search-select .el-input__icon{line-height:32px}.hairline-bottom[data-v-09ce266a],.hairline-top[data-v-09ce266a]{position:relative;border:none}.hairline-top[data-v-09ce266a]:before{content:"";position:absolute;left:0;top:0;background:#dddee3;width:100%;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:center top;transform-origin:center top}.hairline-bottom[data-v-09ce266a]:after{content:"";position:absolute;left:0;bottom:0;border-bottom:1px solid #e1e1e1;width:100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:center bottom;transform-origin:center bottom;z-index:1}