.example-page[data-v-e127d77a]{height:100%;padding:0 15px 0 20px;overflow:hidden}.wrap[data-v-e127d77a]{box-sizing:border-box;z-index:10;margin-left:-20px;margin-right:-20px;padding-right:5px;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400}.wrap .search-wrap[data-v-e127d77a]{border-bottom:1px solid #e2e6e9;flex-wrap:wrap;place-content:center space-between;align-items:center;width:100%;height:62px;padding:10px 30px;display:flex}.wrap .search-wrap .search-left[data-v-e127d77a]{flex-wrap:wrap;align-items:center;width:75%;display:flex}.wrap .search-wrap .search-left .left-part_left[data-v-e127d77a]{align-items:center;display:flex}.wrap .search-wrap .search-left .left-part_left .search-select-type[data-v-e127d77a]{color:#071228;align-items:center;margin-right:20px;font-size:14px;display:inline-flex}.wrap .search-wrap .search-left .left-part_left .search-select-type .mars-select[data-v-e127d77a]{width:110px;height:32px}.wrap .search-wrap .search-left .left-part_left .search-select-type .mars-select[data-v-e127d77a] .ant-select-selector{height:32px}.wrap .search-wrap .search-left .left-part_left .search-select-type .mars-select[data-v-e127d77a] .ant-select-selector .ant-select-selection-item{line-height:30px}.wrap .search-wrap .search-left .left-part_left .search-input[data-v-e127d77a]{background:#f2f6fa;border:1px solid #d9d9d9;border-radius:4px;width:400px;min-width:180px;height:40px;display:flex}.wrap .search-wrap .search-left .left-part_left .search-input .mars-input[data-v-e127d77a]{box-shadow:none;background:0 0;border:none}.wrap .search-wrap .search-left .left-part_left .search-input .mars-input[data-v-e127d77a] .ant-input{background-color:#0000;border-color:#b9b9b9}.wrap .search-wrap .search-left .left-part_left .search-input .mars-button[data-v-e127d77a]{background:0 0;border:none;height:40px}.wrap .search-wrap .search-left .left-part_left .search-new[data-v-e127d77a]{color:#008aff;text-align:center;cursor:pointer;border:1px solid #008aff;border-radius:4px;width:53px;min-width:20px;height:32px;margin-left:20px;margin-right:20px;line-height:32px}.wrap .search-wrap .search-left .left-part_left .search-new-active[data-v-e127d77a]{background-color:#008aff;color:#fff!important}.wrap .search-wrap .search-left .left-part_right[data-v-e127d77a]{opacity:.7;width:26%;margin-left:20px;display:flex}.wrap .search-wrap .search-right[data-v-e127d77a]{flex-wrap:wrap;justify-content:flex-end;align-items:center;width:24%;display:flex}.wrap .search-wrap .search-right .contain-links[data-v-e127d77a]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wrap .search-wrap .search-right .contain-links .top-action-btn[data-v-e127d77a]{color:#33475f;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8e2ee;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;line-height:1;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.wrap .search-wrap .search-right .contain-links .top-action-btn[data-v-e127d77a]:hover{color:#2468f2;background:#f7faff;border-color:#9fc0ef}.wrap .search-wrap .search-right .contain-links .top-action-btn[data-v-e127d77a]:focus-visible{outline-offset:2px;outline:2px solid #2468f266}.wrap .search-wrap .search-right .contain-links .top-action-btn[data-v-e127d77a]:after{content:"";opacity:.55;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:2px}.wrap .search-wrap .search-right .contain-links .top-action-btn--primary[data-v-e127d77a]{color:#fff;background:#2468f2;border-color:#2468f2}.wrap .search-wrap .search-right .contain-links .top-action-btn--primary[data-v-e127d77a]:hover{color:#fff;background:#1456da;border-color:#1456da}.wrap .bgstyle-es5[data-v-e127d77a]{background:url(/assets/png/jsz-es5_bg-BeD67_UH.png) 0 0/cover no-repeat}.wrap .bgstyle-vue[data-v-e127d77a]{background:url(/assets/png/jsz-vue_bg-Bcpw_VFN.png) 0 0/cover no-repeat}.contain[data-v-e127d77a]{height:calc(100% - 130px);margin-top:32px}.contain .contain-count[data-v-e127d77a]{color:#071228;text-align:center;margin-top:15px;font-size:14px}.contain .contain-sidebar[data-v-e127d77a]{background:linear-gradient(#f8fdfb 0%,#f2f6fa 100%);border-radius:6px 6px 0 0;width:263px;height:100%;display:inline-block;position:relative;overflow:hidden auto}.contain .contain-sidebar[data-v-e127d77a]::-webkit-scrollbar{width:0}.contain .contain-sidebar[data-v-e127d77a]::-webkit-scrollbar-thumb{-webkit-box-shadow:none;background-color:#fff}.contain .contain-sidebar .sidebar-main[data-v-e127d77a]{color:#071228;z-index:9;padding:0 15px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-size:17px;font-weight:500;position:relative}.contain .contain-sidebar .sidebar-main .side1-item[data-v-e127d77a]{cursor:pointer}.contain .contain-sidebar .sidebar-main .side1-item[data-v-e127d77a]:first-child{padding-top:18px}.contain .contain-sidebar .sidebar-main .side1-item .fa[data-v-e127d77a]{color:#7aa6ff;position:relative;top:-5px}.contain .contain-sidebar .sidebar-main .side1-item .name[data-v-e127d77a]{color:#071228;white-space:nowrap;text-overflow:ellipsis;width:75%;margin-left:11px;display:inline-block;overflow:hidden}.contain .contain-sidebar .sidebar-main .sidebar-children[data-v-e127d77a]{cursor:pointer;color:#071228;margin-top:10px;padding-left:30px;font-size:15px}.contain .contain-sidebar .sidebar-main .sidebar-children_active[data-v-e127d77a]{color:#2468f2}.contain .contain-sidebar .sidebar-bg[data-v-e127d77a]{width:100%;height:214px;position:absolute;left:6px}.contain .contain-sidebar .bgstyle-es5[data-v-e127d77a]{background:url(data:image/png;base64,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) 0 0 no-repeat}.contain .contain-sidebar .bgstyle-vue[data-v-e127d77a]{background:url(/assets/png/jsz-vue-DiDMWOvA.png) 0 0 no-repeat}.contain .contain-example[data-v-e127d77a]{outline:none;width:calc(100% - 274px);height:100%;margin-left:10px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;display:inline-block;overflow:auto}.contain .contain-example[data-v-e127d77a]::-webkit-scrollbar{width:10px}.contain .contain-example[data-v-e127d77a]::-webkit-scrollbar-thumb{-webkit-box-shadow:none}.contain .contain-example .list-title[data-v-e127d77a]{cursor:default;align-items:center;margin-top:60px;margin-bottom:22px;display:flex}.contain .contain-example .list-title[data-v-e127d77a]:first-child{margin-top:0}.contain .contain-example .list-title .title-box[data-v-e127d77a]{white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#def0ff;border-radius:4px;align-items:center;min-width:136px;height:36px;padding:0 10px;display:flex;overflow:hidden}.contain .contain-example .list-title .title-box .fa[data-v-e127d77a]{text-align:center;color:#038bfe;width:35px;height:30px;font-size:18px;line-height:35px}.contain .contain-example .list-title .title-box .title[data-v-e127d77a]{color:#038bfe;height:30px;font-size:16px;line-height:32px}.contain .contain-example .list-title .line[data-v-e127d77a]{background-color:#e1f0ff;width:426px;height:1px;margin-left:13px;position:relative}.contain .contain-example .list-title .line[data-v-e127d77a]:before{content:"";background-color:#008aff;width:106px;height:1px;position:absolute;top:0;left:0}.contain .contain-example .list-item[data-v-e127d77a]{margin-left:20px}.contain .contain-example .list-item .list-children_title[data-v-e127d77a]{color:#071228;min-width:155px;height:27px;margin:15px 0;font-size:18px}.contain .contain-example .list-item .activeItem[data-v-e127d77a]{color:#2468f2}.contain .contain-example .list-item .list-chilidren[data-v-e127d77a]{flex-flow:wrap;align-items:center;gap:20px 30px;display:flex}.contain .contain-example .list-item .list-chilidren .list-chilidren_item[data-v-e127d77a]{cursor:pointer;background:#f2f6fa;border-radius:4px;width:275px;padding:8px;position:relative;overflow:hidden}.contain .contain-example .list-item .list-chilidren .list-chilidren_item[data-v-e127d77a]:hover{box-shadow:0 0 10px 1px #0000001a}.contain .contain-example .list-item .list-chilidren .list-chilidren_item:hover .pic[data-v-e127d77a]{transition:transform .5s;transform:scale(1.1)}.contain .contain-example .list-item .list-chilidren .list-chilidren_item .newVer[data-v-e127d77a]{color:#fff;text-align:center;background:red;border-radius:50%;width:33px;height:26px;margin:-7px;line-height:26px;display:inline-block;position:absolute;top:3px;right:0}.contain .contain-example .list-item .list-chilidren .list-chilidren_item .pic[data-v-e127d77a]{border-radius:4px;width:100%;height:200px}.contain .contain-example .list-item .list-chilidren .list-chilidren_item .name[data-v-e127d77a]{color:#071228;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:80%;margin:auto;padding-top:11px;font-size:14px;font-weight:400;overflow:hidden}.contain .contain-example .list-item .hideInfo[data-v-e127d77a]{opacity:.01;position:absolute;left:0;right:0}@media screen and (width<=1286px){.wrap .search-wrap .search-left .left-part_left[data-v-e127d77a]{width:73%}}@media screen and (width<=1150px){.wrap .search-wrap[data-v-e127d77a]{height:85px}.wrap .search-wrap .search-left .left-part_left[data-v-e127d77a]{width:73%}.wrap .search-wrap .search-right[data-v-e127d77a]{justify-content:flex-start;width:100%;margin-top:6px}}@media screen and (width<=846px){.wrap .search-wrap[data-v-e127d77a]{height:100px}.wrap .search-wrap .search-left[data-v-e127d77a]{width:100%}.wrap .search-wrap .search-left .left-part_left[data-v-e127d77a]{width:100%;margin-top:4px}.wrap .search-wrap .search-left .left-part_right[data-v-e127d77a]{width:100%}.wrap .search-wrap .search-right[data-v-e127d77a]{justify-content:flex-start;width:100%}.contain .contain-sidebar[data-v-e127d77a]{display:none}.contain .contain-example[data-v-e127d77a]{width:calc(100% - 10px)}}@media screen and (width<=680px){.contain .contain-example .list-item .list-chilidren .list-chilidren_item[data-v-e127d77a]{width:85%;margin:auto auto 20px}}@media screen and (width<=480px){.wrap .search-wrap[data-v-e127d77a]{padding-left:5px}.wrap .search-wrap .search-left .search-select-type .f-toe[data-v-e127d77a]{display:none}.wrap .search-wrap .search-left .search-select-type .mars-select[data-v-e127d77a]{width:77px!important}.wrap .search-wrap .search-left .search-select-link .pc-hidden[data-v-e127d77a]{display:inline-block}.wrap .search-wrap .search-left .search-select-link .mobile-hidden[data-v-e127d77a]{display:none}.wrap .search-wrap .search-left .search-input[data-v-e127d77a]{min-width:148px}.wrap .search-wrap .search-right .contain-links[data-v-e127d77a]{gap:8px}.wrap .search-wrap .search-right .top-action-btn[data-v-e127d77a]{height:32px;padding:0 10px;font-size:12px}}.example-action-popover .ant-popover-inner{border-radius:10px;padding:0;overflow:hidden;box-shadow:0 16px 40px #14253d1f}.example-action-popover .ant-popover-inner-content{padding:0}.example-action-popover .action-panel{box-sizing:border-box;color:#14253d;background:#fff;width:360px;max-width:calc(100vw - 32px);padding:20px;font-family:PingFang SC,Microsoft YaHei,-apple-system,Helvetica Neue,Arial,sans-serif}.example-action-popover .action-panel--feedback{width:400px}.example-action-popover .action-panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.example-action-popover .action-panel-title{color:#132842;font-size:16px;font-weight:600;line-height:1.4}.example-action-popover .action-panel-kicker{letter-spacing:1.4px;color:#8ba0b8;white-space:nowrap;font-size:9px;font-weight:600}.example-action-popover .action-panel-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.example-action-popover .action-panel-list li{color:#5f7288;padding-left:14px;font-size:12px;line-height:1.8;position:relative}.example-action-popover .action-panel-list li:before{content:"";background:#7fb0ef;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.example-action-popover .action-panel-link{color:#2468f2;align-items:center;gap:5px;margin-top:14px;font-size:12px;display:inline-flex}.example-action-popover .action-panel-desc{color:#7a8ca3;margin:0 0 12px;font-size:12px;line-height:1.8}.example-action-popover .action-list{gap:8px;display:grid}.example-action-popover .action-item{color:#14253d;background:#f8fbff;border:1px solid #e6edf6;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.example-action-popover .action-item:hover{background:#fff;border-color:#b9d2f2;box-shadow:0 6px 16px #16335c0f}.example-action-popover .action-item-main{flex-direction:column;gap:3px;min-width:0;display:flex}.example-action-popover .action-item-main strong{color:#253b56;font-size:13px;font-weight:600;line-height:1.5}.example-action-popover .action-item-main small{color:#7a8ca3;font-size:11px;line-height:1.6}.example-action-popover .action-item-arrow{color:#2468f2;flex:none;font-size:14px}.example-action-popover .action-panel-foot{border-top:1px solid #edf2f8;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;padding-top:12px;font-size:11px;line-height:1.6;display:flex}.example-action-popover .action-foot-label{color:#8ba0b8}.example-action-popover .action-foot-link{color:#2468f2;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;line-height:1.6;text-decoration:none}.example-action-popover .action-foot-link:hover{color:#1456da}.example-action-popover .action-foot-divider{background:#dfe8f3;width:1px;height:11px}@media (width<=480px){.example-action-popover .action-panel,.example-action-popover .action-panel--feedback{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:16px}}