.dg-json-view{background-color:#fafafa}.dg-json-view .json-view{position:relative;display:block;width:100%;height:100%;white-space:nowrap;padding-left:20px;box-sizing:border-box}.dg-json-view .json-note{color:#909399}.dg-json-view .json-key{color:#93620f}.dg-json-view .json-value{color:#18ba18}.dg-json-view .json-item{margin:0;padding-left:20px}.dg-json-view .first-line{padding:0;margin:0}.dg-json-view .json-body{position:relative;padding:0;margin:0}.dg-json-view .json-body .body-line{position:absolute;height:100%;width:0;border-left:dashed 1px #bbb;top:0;left:2px}.dg-json-view .last-line{padding:0;margin:0}.dg-json-view .angle{position:absolute;display:block;cursor:pointer;float:left;width:20px;text-align:center;left:0}.dg-json-view .angle::after{content:"";display:inline-block;width:0;height:0;vertical-align:middle;border-top:solid 4px #333;border-left:solid 6px transparent;border-right:solid 6px transparent}.dg-json-view .angle.closed::after{border-left:solid 4px #333;border-top:solid 6px transparent;border-bottom:solid 6px transparent}