/*html, body {margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;}*/
svg, text { margin: 0; padding: 0; user-select: none;}
.bg { background: url(/ananas/modules/knowledge/bg.png) no-repeat; background-size: 100% 100%;}
.svgDom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: url(/ananas/modules/knowledge/openhand.cur) 8 8, move;}
.ztop { position: absolute; left: 0; top: 0; right: 0; height: 1.1rem; background: url(/ananas/modules/knowledge/topbg1.png) left 0 no-repeat; background-size: 100% auto;}
.root { opacity: 0;}

.nodes { cursor: move;}
.links,
.nodeName,
.menu_g { cursor: default;}
.nodeNumber { font-weight: bold;}

/*隐藏编辑时菜单*/
.zhideEditMenu { display: none;}
.cursorD { cursor: default;}
.cursorM { cursor: move}

/*关系线上文字*/
.relations { fill: #fff;}
.relations.type0 { fill: #f00;}
.relations.type1 { fill: #0099FF}
.relations.type2 { fill: #F77763}
/*序号*/
.nodeNumber { fill: rgba(255, 255, 255, .15)}
/*节点名称*/
.nodeName { fill: #131B26; transition: fill 1.5s ease;}
/*.nodeName { fill: #ffffff; transition: fill 1.5s ease;}*/
/*.nodeName.lv1 { fill: #f00;}
.nodeName.lv2 { fill: #f0f;}*/
/* 选中框 */
.zcheck { opacity: 0;}
.zchecked { opacity: 1;}

/* 节点名称透明 */
.showNodeName0 .nodeName.lv1,
.showNodeName0 .nodeName.lv2,
.showNodeName0 .nodeName.lv3,
.showNodeName0 .nodeName.lv4,
.showNodeName0 .nodeName.lv5,
.showNodeName0 .nodeName.lv6,
.showNodeName0 .nodeName.lv7,
.showNodeName0 .nodeName.lv8,
.showNodeName0 .nodeName.lv9 { fill: rgba(0, 0, 0, 0);}

.showNodeName1 .nodeName.lv2,
.showNodeName1 .nodeName.lv3,
.showNodeName1 .nodeName.lv4,
.showNodeName1 .nodeName.lv5,
.showNodeName1 .nodeName.lv6,
.showNodeName1 .nodeName.lv7,
.showNodeName1 .nodeName.lv8,
.showNodeName1 .nodeName.lv9 { fill: rgba(0, 0, 0, 0);}

.showNodeName2 .nodeName.lv3,
.showNodeName2 .nodeName.lv4,
.showNodeName2 .nodeName.lv5,
.showNodeName2 .nodeName.lv6,
.showNodeName2 .nodeName.lv7,
.showNodeName2 .nodeName.lv8,
.showNodeName2 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName3 .nodeName.lv4,
.showNodeName3 .nodeName.lv5,
.showNodeName3 .nodeName.lv6,
.showNodeName3 .nodeName.lv7,
.showNodeName3 .nodeName.lv8,
.showNodeName3 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName4 .nodeName.lv5,
.showNodeName4 .nodeName.lv6,
.showNodeName4 .nodeName.lv7,
.showNodeName4 .nodeName.lv8,
.showNodeName4 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName5 .nodeName.lv6,
.showNodeName5 .nodeName.lv7,
.showNodeName5 .nodeName.lv8,
.showNodeName5 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName6 .nodeName.lv7,
.showNodeName6 .nodeName.lv8,
.showNodeName6 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName7 .nodeName.lv8,
.showNodeName7 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}

.showNodeName8 .nodeName.lv9 {fill: rgba(0, 0, 0, 0);}


/* 标签透明 */
.showNodeName0 .tags.lv1,
.showNodeName0 .tags.lv2,
.showNodeName0 .tags.lv3,
.showNodeName0 .tags.lv4,
.showNodeName0 .tags.lv5,
.showNodeName0 .tags.lv6,
.showNodeName0 .tags.lv7,
.showNodeName0 .tags.lv8,
.showNodeName0 .tags.lv9 {  opacity:0;}

.showNodeName1 .tags.lv2,
.showNodeName1 .tags.lv3,
.showNodeName1 .tags.lv4,
.showNodeName1 .tags.lv5,
.showNodeName1 .tags.lv6,
.showNodeName1 .tags.lv7,
.showNodeName1 .tags.lv8,
.showNodeName1 .tags.lv9 {  opacity:0;}

.showNodeName2 .tags.lv3,
.showNodeName2 .tags.lv4,
.showNodeName2 .tags.lv5,
.showNodeName2 .tags.lv6,
.showNodeName2 .tags.lv7,
.showNodeName2 .tags.lv8,
.showNodeName2 .tags.lv9 { opacity:0;}

.showNodeName3 .tags.lv4,
.showNodeName3 .tags.lv5,
.showNodeName3 .tags.lv6,
.showNodeName3 .tags.lv7,
.showNodeName3 .tags.lv8,
.showNodeName3 .tags.lv9 { opacity:0;}

.showNodeName4 .tags.lv5,
.showNodeName4 .tags.lv6,
.showNodeName4 .tags.lv7,
.showNodeName4 .tags.lv8,
.showNodeName4 .tags.lv9 { opacity:0;}

.showNodeName5 .tags.lv6,
.showNodeName5 .tags.lv7,
.showNodeName5 .tags.lv8,
.showNodeName5 .tags.lv9 { opacity:0;}

.showNodeName6 .tags.lv7,
.showNodeName6 .tags.lv8,
.showNodeName6 .tags.lv9 { opacity:0;}

.showNodeName7 .tags.lv8,
.showNodeName7 .tags.lv9 { opacity:0;}

.showNodeName8 .tags.lv9 { opacity:0;}

/* 节点透明 */
.showNodeName0 .nodes.lv1,
.showNodeName0 .nodes.lv2,
.showNodeName0 .nodes.lv3,
.showNodeName0 .nodes.lv4,
.showNodeName0 .nodes.lv5,
.showNodeName0 .nodes.lv6,
.showNodeName0 .nodes.lv7,
.showNodeName0 .nodes.lv8,
.showNodeName0 .nodes.lv9 {  opacity:0.3;}

.showNodeName1 .nodes.lv2,
.showNodeName1 .nodes.lv3,
.showNodeName1 .nodes.lv4,
.showNodeName1 .nodes.lv5,
.showNodeName1 .nodes.lv6,
.showNodeName1 .nodes.lv7,
.showNodeName1 .nodes.lv8,
.showNodeName1 .nodes.lv9 {  opacity:0.3;}

.showNodeName2 .nodes.lv3,
.showNodeName2 .nodes.lv4,
.showNodeName2 .nodes.lv5,
.showNodeName2 .nodes.lv6,
.showNodeName2 .nodes.lv7,
.showNodeName2 .nodes.lv8,
.showNodeName2 .nodes.lv9 { opacity:0.3;}

.showNodeName3 .nodes.lv4,
.showNodeName3 .nodes.lv5,
.showNodeName3 .nodes.lv6,
.showNodeName3 .nodes.lv7,
.showNodeName3 .nodes.lv8,
.showNodeName3 .nodes.lv9 { opacity:0.3;}

.showNodeName4 .nodes.lv5,
.showNodeName4 .nodes.lv6,
.showNodeName4 .nodes.lv7,
.showNodeName4 .nodes.lv8,
.showNodeName4 .nodes.lv9 { opacity:0.3;}

.showNodeName5 .nodes.lv6,
.showNodeName5 .nodes.lv7,
.showNodeName5 .nodes.lv8,
.showNodeName5 .nodes.lv9 { opacity:0.3;}

.showNodeName6 .nodes.lv7,
.showNodeName6 .nodes.lv8,
.showNodeName6 .nodes.lv9 { opacity:0.3;}

.showNodeName7 .nodes.lv8,
.showNodeName7 .nodes.lv9 { opacity:0.3;}

.showNodeName8 .nodes.lv9 { opacity:0.3;}

/* 父子线透明 */
.showNodeName0 .links.lv1,
.showNodeName0 .links.lv2,
.showNodeName0 .links.lv3,
.showNodeName0 .links.lv4,
.showNodeName0 .links.lv5,
.showNodeName0 .links.lv6,
.showNodeName0 .links.lv7,
.showNodeName0 .links.lv8,
.showNodeName0 .links.lv9 {  opacity:0.1;}

.showNodeName1 .links.lv2,
.showNodeName1 .links.lv3,
.showNodeName1 .links.lv4,
.showNodeName1 .links.lv5,
.showNodeName1 .links.lv6,
.showNodeName1 .links.lv7,
.showNodeName1 .links.lv8,
.showNodeName1 .links.lv9 {  opacity:0.1;}

.showNodeName2 .links.lv3,
.showNodeName2 .links.lv4,
.showNodeName2 .links.lv5,
.showNodeName2 .links.lv6,
.showNodeName2 .links.lv7,
.showNodeName2 .links.lv8,
.showNodeName2 .links.lv9 { opacity:0.1;}

.showNodeName3 .links.lv4,
.showNodeName3 .links.lv5,
.showNodeName3 .links.lv6,
.showNodeName3 .links.lv7,
.showNodeName3 .links.lv8,
.showNodeName3 .links.lv9 { opacity:0.1;}

.showNodeName4 .links.lv5,
.showNodeName4 .links.lv6,
.showNodeName4 .links.lv7,
.showNodeName4 .links.lv8,
.showNodeName4 .links.lv9 { opacity:0.1;}

.showNodeName5 .links.lv6,
.showNodeName5 .links.lv7,
.showNodeName5 .links.lv8,
.showNodeName5 .links.lv9 { opacity:0.1;}

.showNodeName6 .links.lv7,
.showNodeName6 .links.lv8,
.showNodeName6 .links.lv9 { opacity:0.1;}

.showNodeName7 .links.lv8,
.showNodeName7 .links.lv9 { opacity:0.1;}

.showNodeName8 .links.lv9 { opacity:0.1;}

/* 关联线透明 */
.showNodeName0 .relations.lv1,
.showNodeName0 .relations.lv2,
.showNodeName0 .relations.lv3,
.showNodeName0 .relations.lv4,
.showNodeName0 .relations.lv5,
.showNodeName0 .relations.lv6,
.showNodeName0 .relations.lv7,
.showNodeName0 .relations.lv8,
.showNodeName0 .relations.lv9 {  opacity:0.05;}

.showNodeName1 .relations.lv2,
.showNodeName1 .relations.lv3,
.showNodeName1 .relations.lv4,
.showNodeName1 .relations.lv5,
.showNodeName1 .relations.lv6,
.showNodeName1 .relations.lv7,
.showNodeName1 .relations.lv8,
.showNodeName1 .relations.lv9 {  opacity:0.05;}

.showNodeName2 .relations.lv3,
.showNodeName2 .relations.lv4,
.showNodeName2 .relations.lv5,
.showNodeName2 .relations.lv6,
.showNodeName2 .relations.lv7,
.showNodeName2 .relations.lv8,
.showNodeName2 .relations.lv9 { opacity:0.05;}

.showNodeName3 .relations.lv4,
.showNodeName3 .relations.lv5,
.showNodeName3 .relations.lv6,
.showNodeName3 .relations.lv7,
.showNodeName3 .relations.lv8,
.showNodeName3 .relations.lv9 { opacity:0.05;}

.showNodeName4 .relations.lv5,
.showNodeName4 .relations.lv6,
.showNodeName4 .relations.lv7,
.showNodeName4 .relations.lv8,
.showNodeName4 .relations.lv9 { opacity:0.05;}

.showNodeName5 .relations.lv6,
.showNodeName5 .relations.lv7,
.showNodeName5 .relations.lv8,
.showNodeName5 .relations.lv9 { opacity:0.05;}

.showNodeName6 .relations.lv7,
.showNodeName6 .relations.lv8,
.showNodeName6 .relations.lv9 { opacity:0.05;}

.showNodeName7 .relations.lv8,
.showNodeName7 .relations.lv9 { opacity:0.05;}

.showNodeName8 .relations.lv9 { opacity:0.05;}


.zheaderBox { position: absolute; top: .1rem; width: 6.5rem; height: 1.46rem;}
.zheaderBg1 { left: .1rem; background: url(/ananas/modules/knowledge/Frame10450.png) no-repeat; background-size: 6.5rem 1.46rem;}
.zheaderBg2 { left: 6.35rem; background: url(/ananas/modules/knowledge/Frame10451.png) no-repeat; background-size: 6.5rem 1.46rem;}
.zheaderBg3 { left: 12.6rem; background: url(/ananas/modules/knowledge/Frame10452.png) no-repeat; background-size: 6.5rem 1.46rem;}
.zheaderBox .zicon { position: absolute; left: .8rem; top: .36rem; width: .64rem; height: .64rem; background-repeat: no-repeat; background-size: 100% 100%;}
.zheaderBg1 .zicon { background-image: url(/modules/knowledge/Property1.png);}
.zheaderBg2 .zicon { background-image: url(/ananas/modules/knowledge/Property2.png);}
.zheaderBg3 .zicon { background-image: url(/ananas/modules/knowledge/Property3.png);}
.zheaderBox .zname { position: absolute; left: 1.64rem; top: .36rem; font-size: .2rem;}
.zheaderBox .znumber1 { position: absolute; left: 1.64rem; top: .6rem; font-weight: bold; font-size: .38rem; color: #38b8ff;}
.zheaderBox .znumber2 { position: absolute; right: 1rem; bottom: .3rem; font-size: .2rem;}
.zheaderBox .znumber2 span { font-size: .22rem;}
.zheaderBox .znumber1 small { font-size: 50%;}

.zheaderBg1 .znumber1,
.zheaderBg1 .znumber2 span { color: #38b8ff;}
.zheaderBg2 .znumber1,
.zheaderBg2 .znumber2 span { color: #02d7a4;}
.zheaderBg3 .znumber1,
.zheaderBg3 .znumber2 span { color: #ff694a;}
.zheaderBg1 .znumber2 i { color: #38b8ff;}
.zheaderBg2 .znumber2 i { color: #02d7a4;}
.zheaderBg3 .znumber2 i { color: #ff694a;}


/*下拉菜单*/
.zselect { position: relative; width: 100%;}
.zselect-checked { display: flex;}
.zselect-checked div { flex: 1; display: flex; align-items: center; height: .4rem;}
.zselect-checked input { width: 100%; padding-left: .2rem; box-sizing: border-box; border: none; background: none; color: rgba(67, 72, 84, 1); font-size: .14rem; line-height: 1;}
.zselect-checked p { width: .4rem; height: .4rem; background: url(/ananas/modules/knowledge/icon-arrow.svg) center center no-repeat; background-size: .12rem;}
.zselect-site { display: none; position: absolute; top: .4rem; left: 0; right: 0; width: 100%;}
.zselect-list { margin-top: .06rem; padding-top: .1rem; padding-bottom: .2rem; border-radius: .06rem; background: rgba(255, 255, 255, 1); border-radius: .12rem;}
.zselect-list li { padding-left: .2rem; padding-right: .1rem; line-height: .4rem; font-size: .14rem; color: rgba(67, 72, 84, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zselect-list li:hover { background: rgba(240, 250, 255, 1);}
.zselect-list li.zselect-active { color: rgba(67, 72, 84, 1);}
.zselect:hover .zselect-checked p { transform: rotate(180deg);}
.zselect:hover .zselect-site { display: block;}

/*班级*/
.zgrades { position: absolute; left: .3rem; top: 1.6rem; width: 2.64rem; height: .4rem; border: 1px rgba(255, 255, 255, .2) solid; box-shadow: 0 0 .1rem rgba(0, 0, 0, .05); border-radius: .21rem; background-color: #fff;}
.zgrades:hover { box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}

/*新旧版本切换*/
.zmedia { left: 5.1rem; width: 1.4rem;}
.zmedia-version { text-align: center; line-height: .4rem; font-size: .14rem; cursor: pointer; color: rgba(67, 72, 84, 1);}
.zmedia:hover {background: rgba(240, 250, 255, 1);}
.zmedia:hover .zmedia-version { color: #333;}
/*搜索*/
.zsearch { position: absolute; right: 1.4rem; top: 1.6rem; display: flex; width: 3.64rem; height:.4rem; border: 1px rgba(255, 255, 255, .2) solid; border-radius: .21rem; box-shadow: 0 0 .1rem rgba(0, 0, 0, .05); background-color: #fff;}
.zsearch-kind { width: 1.1rem; height: 100%; border-right: 1px rgba(255, 255, 255, .2) solid;}
.zsearch-input { flex: 1; padding-left: .12rem; height: 100%;}
.zsearch-input input { border: none; width: 100%; height: 100%; background: none; color: rgba(67, 72, 84, 1);}
.zsearch-input input::placeholder { color: rgba(0, 0, 0, .5);}
.zsearch-find { width: .4rem; height: .4rem; background: url(/ananas/modules/knowledge/icon-search.png) center no-repeat; background-size: .18rem;}
.zsearch-clear { position: absolute; right: .34rem; top: .05rem; width: .3rem; height: .3rem; background: url(/ananas/modules/knowledge/icon-searchClear.png) center center no-repeat; background-size: .14rem .14rem;}
/*缩略图*/
.zthumbnail { position: absolute; right: .2rem; right: -4rem; top: 1.07rem; z-index: 1000; width: 3.6rem; height: 4.25rem; box-sizing: border-box; padding: .2rem; background: rgba(45, 66, 139, 1); border-radius: .08rem; transition: right .2s ease; }
.zthumbnail-header {display: flex; width: 100%; height: .24rem;}
.zthumbnail-header h2 {flex: 1; line-height: .24rem; font-size: .18rem; color: #fff;}
.zthumbnail-header p {}
.zthumbnail-body { position: relative; width: 3.2rem; height: 2.8rem; margin-top: .2rem; border-radius: .08rem; border: 1px rgba(255, 255, 255, .1) solid; overflow: hidden;}
.zthumbnail-body img { height: 200%;}
.zthumbnail-body .zcurrent { position: absolute; left: 0rem; right: 0; width: 30%; height: 30%; border: 2px #fff solid;}
.zthumbnail-footer { display: flex; line-height: .5rem; padding-top: .2rem; justify-content: space-between;}
.zthumbnail-scale { width: 1.66rem;}
.zthumbnail-scale span { vertical-align: top; line-height: .4rem; font-size: .14rem; color: #fff;}
.zthumbnail-scale input { vertical-align: top; width: .75rem; height: .4rem; padding: 0 .1rem; box-sizing: border-box; border: 1px rgba(255, 255, 255, .2) solid; border-radius: .05rem; line-height: .4rem; font-size: .14rem; color: #fff; background: rgba(255, 255, 255, .1); text-align: center;}
.zthumbnail-scaleBtn { display: flex; height: .4rem; padding-left: .06rem; padding-right: .06rem; border-radius: 1rem; background: rgba(255, 255, 255, .1);}
.zthumbnail-scaleBtn li { display: flex; align-items: center; justify-content: center; width: .4rem; height: .4rem;}
.zthumbnail-scaleBtn li img { width: .15rem; height: .15rem;}
.zthumbnail-hang { position: absolute; right: -1rem; right: 0; right: -1rem; top: 1.18rem; z-index: 1000; width: .44rem; height: .36rem; border-radius: .2rem 0 0 .2rem; background: rgba(68, 95, 192, 1); line-height: .36rem; padding-left: .2rem; font-size: .14rem; color: #fff;
    transition: right .2s ease;
}

.zhotTop10Btn { position: absolute; right: .3rem; top: 1.6rem; display: flex; align-items: center; width: .93rem; height: .4rem;}
.zhotTop10Btn img { width: .93rem;}

.xingxing { position: absolute; right: 0; bottom: -1.1rem; bottom: 0rem; width: 1.1rem; height: 1.1rem; background: url(/ananas/modules/knowledge/star.png) center no-repeat; background-size: 100%;}
.zhotTop-wrap,
.zstatistics-wrap {position: absolute; top: 2.1rem; right: .2rem; /*right: -4rem;*/ z-index: 100; -webit-transform: translate(0, -50%); width: 3.54rem; height: 7.15rem; box-sizing: border-box; padding: .24rem; background: url(/ananas/modules/knowledge/rightBg.png) no-repeat; background-size: 100%;
    transition: all .1s ease;
}
.zstatistics-header {height: .34rem; line-height: .34rem;}
.zstatistics-header h2 { line-height: .3rem; font-size: .18rem; font-weight: bold; color: rgba(67, 72, 84, 1); width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zstatistics-header h2 small { padding-left: .06rem; font-size: .12rem; color: rgba(172, 180, 191, 1);}
/*.zstatistics-header p { padding-top: .1rem; line-height: 1.5; font-size: .14rem; color: rgba(172, 180, 191, 1);}*/
.zstatistics-slideRight { position: absolute; right: .4rem; top: .24rem; height: .3rem; line-height: .3rem; padding-right: .2rem; color: #fff; background: url(/ananas/modules/knowledge/icon-arrow.png) right center no-repeat; background-size: .065rem .11rem; font-size: .14rem;}
/*.zstatistics-title { padding-top: .3rem;}
.zstatistics-graphic { display: flex; padding-top: .1rem;}
.zstatistics-toggle { position: absolute; right: 0; top: 50%; margin-top: -.6rem;}
.zstatistics-toggle img { width: .3rem; height: 1.2rem;}
.zstatistics-slideArrow { position: absolute; right: -.1rem; top: 50%; z-index: 10; margin-top: -.6rem; width: .18rem; height: .48rem; background: url(/ananas/modules/knowledge/icon-slideArrow.png) center no-repeat; background-size: .18rem .48rem;}*/
.zattribute {}
.zattribute-tabBg { margin-top: .36rem; margin-right: .1rem; background: rgba(255, 255, 255, .1); border-radius: .08rem;}
.zattribute-tab { display: flex; padding: .04rem; padding-right: 0;}
.zattribute-tab li { flex: 1; margin-right: .05rem; border-radius: .04rem; line-height: .34rem; text-align: center; font-size: .14rem; color: #3A8BFF; background: #fff;}
.zattribute-tab li.zactive { background-color: #3A8BFF; color: #fff;}
.zattribute-content {}
.zattribute-relation { height: 5.8rem; overflow: auto;}
.zattribute-relation::-webkit-scrollbar { width: .1rem; background: rgba(255, 255, 255, 0);}
.zattribute-relation:hover::-webkit-scrollbar { width: .1rem; background: rgba(255, 255, 255, .02);}

.zattribute-relation::-webkit-scrollbar-thumb { border-radius: .16rem; background: rgba(255, 255, 255, 0);}
.zattribute-relation:hover::-webkit-scrollbar-thumb { border-radius: .16rem; background: rgba(255, 255, 255, .2);}
.zattribute-tags { padding-top: .3rem; font-size: .12rem;}
.zattribute-tags span { display: inline-block; padding: .01rem .08rem .02rem; border-radius: .02rem;}
.zattribute-tags span.ztag1 { background-color: rgba(37, 172, 245, 0.3); color: #4EC1FF;}
.zattribute-tags span.ztag2 { background-color: rgba(255, 117, 89, 0.3); color: #F77763;}
.zattribute-tags span.ztag3 { background-color: rgba(90, 196, 130, 0.3); color: #5AC482;}
.zattribute-title { padding-top: .08rem; line-height: .224rem; font-size: .14rem; color: rgba(129, 135, 153, 1);}
.zattribute-title span { color: #FF7559; font-size: .16rem; font-weight: bold;}
.zattribute-linkBtn { padding-top: .2rem; text-align: center;}
.zattribute-linkBtn span { display: inline-block; width: 1rem; height: .28rem; line-height: .28rem; color: #fff; font-size: .15rem;
    background: linear-gradient(87.42deg, #32B3FA -2.33%, #3FB8FA 105.57%), #F8F8F8;
    box-shadow: inset 2px 2px 2px rgba(230, 251, 255, 0.3), inset -2px -2px 2px rgba(15, 39, 51, 0.1);
    border-radius: 50px;}
.zattribute-linkBtn span {margin-left: .12rem;}
.zattribute-linkBtn span:first-child { margin-left: 0;}
.zattribute-graphic { display: flex; padding-top: .3rem; justify-content: center;}
/*统计--线性图表*/
.zattribute-lineCharts { height: 2rem; padding-bottom: .2rem; content: '线性渐变';}
/*统计--饼图表*/
/*.zattribute-pieCharts { display: grid; grid-template-columns: 50% 50%; flex-direction: row; align-items: flex-start; padding: 0px;}*/
.zattribute-pieCharts { flex: 1;}
.zattribute-echartsBox1 { display: flex; align-items: center; justify-content: center; width: 1.13rem; height: 1.18rem; margin: 0 auto; background: url(/ananas/modules/knowledge/ballBorder_01.png) center .02rem no-repeat; background-size: 1.13rem 1.16rem;}
.zattribute-echartsBox2 { display: flex; align-items: center; justify-content: center; width: 1.13rem; height: 1.18rem; margin: 0 auto; background: url(/ananas/modules/knowledge/ballBorder_02.png) center .02rem no-repeat; background-size: 1.13rem 1.16rem;}
.zattribute-echarts1 { width: 100%; height: 100%;}
.zattribute-echarts2 { width: 100%; height: 100%;}
.zattribute-legendName { height: .34rem; margin-top: .08rem; margin-left: .34rem; margin-right: .34rem; border-radius: .16rem; color: rgba(67, 72, 84, 1); text-align: center; line-height: .34rem; background: rgba(50, 179, 250, 0.2); font-size: .18rem;}
.zattribute-legendName span { font-size: .18rem; color: #FF7559;}
.zattribute-total { margin-top: .2rem; padding: .16rem .2rem .3rem; border-radius: .16rem; background: linear-gradient(180deg, rgba(50, 179, 250, 0.2) 7.94%, rgba(63, 184, 250, .1) 50.63%, transparent 162%);}
.zattribute-totalTitle { }
.zattribute-totalTitle span { font-size: .16rem; color: rgba(67, 72, 84, 1); font-weight: bold;}
.zattribute-thead { display: flex; height: .18rem; line-height: .18rem; margin-top: .08rem; font-size: .14rem; color: rgba(129, 135, 153, 1);}
.zattribute-thead dt {}
.zattribute-thName { flex: 1;}
.zattribute-thPercent { width: .5rem; text-align: right;}
.zattribute-tr { display: flex; height: .2rem; line-height: .2rem; margin-top: .14rem; font-size: .14rem; color: rgba(67, 72, 84, 1);}
.zattribute-td { flex: 1; padding-top: 0;}
.zattribute-tdPercent { width: .5rem; text-align: right;}

.zhotTop-wrap { background-image: url(/ananas/modules/knowledge/rightBg1.png);}
.zhotTop-empty { display: flex; align-items: center; justify-content: center; height: 6.25rem; font-size: .14rem; color: #ACB4BF;}
.zhotTop-list { padding-top: .2rem;}
.zhotTop-row { padding-top: .18rem;}
.zhotTop-row i { display: inline-block; vertical-align: middle; width: .28rem; height: .28rem; margin-right: .12rem; text-align: center; line-height: .28rem; font-size: .15rem; color: rgba(172, 180, 191, 1);}
.zhotTop-row .zfirst,
.zhotTop-row .zsecond,
.zhotTop-row .zthird {  background-repeat: no-repeat; background-size: .24rem; background-position: center;}
.zhotTop-row .zfirst { background-image: url(/ananas/modules/knowledge/icon-ranking1.png);}
.zhotTop-row .zsecond { background-image: url(/ananas/modules/knowledge/icon-ranking2.png);}
.zhotTop-row .zthird { background-image: url(/ananas/modules/knowledge/icon-ranking3.png);}
.zhotTop-row a { display: inline-block; vertical-align: middle; max-width: 1.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.6; font-size: .16rem; color: rgba(19, 27, 38, 1);}
.zhotTop-row span { display: inline-block; vertical-align: middle; margin-left: .16rem; font-size: .18rem; color: rgba(172, 180, 191, 1); white-space: nowrap;}
.zknown-info { padding-top: .16rem; line-height: 1.6; font-size: .12rem; color: rgba(172, 180, 191, 1);}
/*球 形波浪*/
.zcircle-countdown { width: 0.92rem; height: 0.92rem; border-radius: 50%; padding: 0.03rem; background: rgba(217, 217, 217, .3); }
.zcircle-wave-animation { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; overflow: hidden; }
.zwave-animation_percent { position: absolute; left: 50%; top: 50%; z-index: 3; margin-left: -0.25rem; margin-top: -.17rem; display: flex; align-items: center; justify-content: center; height: .34rem; text-shadow: 0 0 5px rgba(0, 0, 0, .5); border-radius: 0.04rem; color: #fff; font-size: .24rem;  }
.zwave-animation_water { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;
    background: linear-gradient(0deg, rgba(58, 172, 255,1) 36%, rgba(58, 172, 255,1) 70%, rgba(175, 240, 255, 1) 100%);
    transition: all 2s;
}
.zattribute-echartsBox2 .zwave-animation_water {
    background: linear-gradient(0deg, rgba(79, 206, 167,1) 36%, rgba(171, 255, 193,1) 100%);
}
.zwave-animation_water-wave { width: 200%; position: absolute; bottom: 100%; }
.zwave-animation_water-wave-front { left: 0; fill: rgba(175, 240, 255, 1); margin-bottom: -1px; animation: zwave-front 1.6s infinite linear; }
.zattribute-echartsBox2 .zwave-animation_water-wave-front { left: 0; fill: rgba(171, 255, 193,1); margin-bottom: -1px; animation: zwave-front 1.6s infinite linear; }
@keyframes zwave-front {
    100% { transform: translate(-50%, 0); }
}
@keyframes zwave-back {
    100% { transform: translate(50%, 0); }
}

.zwarning { position: absolute; bottom: 1.1rem; right: .2rem; z-index: 100; width: 4.94rem; height: 3rem; background-image: url(/ananas/modules/knowledge/Frame3684.png); background-repeat: no-repeat; background-position: center; background-size: 4.94rem;}
.zwarning-wrap { margin-top: .25rem; padding: .05rem .34rem; height: 2.4rem; box-sizing: border-box; overflow: auto;}
.zwarning-name { font-size: .14rem;}
.zwarning-content { line-height: 1.8; font-size: .16rem; color: #434854;}
.zwarning-content span { color: #FF7559;}
.zwarning-content b { font-weight: bold;}

.zlegend { position: absolute; left: .3rem; bottom: .5rem; width: 2.6rem; border-radius: .1rem; background: #fff;}
.zlegend-list { padding: .2rem .3rem;}
.zlegend-header { display: flex; justify-content: space-between;}
.zlegend-header h2 { font-size: .16rem;}
.zlegend-header p { text-align: right; font-size: .16rem; }
.zlegend-row { display: flex; justify-content: space-between; padding-top: .12rem;}
.zlegend-row i { display: inline-block; vertical-align: middle; width: .18rem; height: .18rem; margin-right: .15rem; border-radius: .06rem;}
.zlegend-row span { display: inline-block; vertical-align: middle; font-size: .16rem;}
.zlegend-row b { display: inline-block; vertical-align: middle; text-align: right;}

/*高清*/
@media screen and (min-width: 2000px) {
    .bg { background-image: url(/ananas/modules/knowledge/bg@2x.png);}
    .zheaderBg1 { background-image: url(/ananas/modules/knowledge/Frame10450@2x.png);}
    .zheaderBg2 { background-image: url(/ananas/modules/knowledge/Frame10451@2x.png);}
    .zheaderBg3 { background-image: url(/ananas/modules/knowledge/Frame10452@2x.png);}
    .zheaderBg1 .zicon { background-image: url(/ananas/modules/knowledge/Property1@2x.png);}
    .zheaderBg2 .zicon { background-image: url(/ananas/modules/knowledge/Property2@2x.png);}
    .zheaderBg3 .zicon { background-image: url(/ananas/modules/knowledge/Property3@2x.png);}
    .xingxing { background-image: url(/ananas/modules/knowledge/star@2x.png);}
    .zwarning { background-image: url(/ananas/modules/knowledge/Frame3684@2x.png);}
}
.nodeName.lv1 { fill: #131B26;}
.nodeName.lv2 { fill: #131B26;}
.nodeName.lv3 { fill: #131B26;}
.nodeName.lv4 { fill: #131B26;}
.nodeName.lv5 { fill: #131B26;}
.nodeName.lv6 { fill: #131B26;}
.nodeName.lv7 { fill: #131B26;}