*,body { margin:0; padding:0; }
body,textarea { font-family:arial,'microsoft yahei'; }
.wrapper { font-size:0; }
.jsonsource { width:40%; display:inline-block; vertical-align:top; }
.jsonsource textarea { width:100%; padding:20px; font-size:16px; line-height:24px; border:1px solid #ddd; box-sizing:border-box; resize:none; outline:none; }
.jsonresult { width:60%; background:#efefef; position:relative; display:inline-block; vertical-align:top; }
#json-target { padding:20px; font-size:14px; color:#fff; line-height:24px; resize:none; outline:none; box-sizing:border-box; background:#181818; overflow-y:auto; }
#json-target i.node::before, #json-target i.node.on::before { content:"−"; width:11px; height:11px; margin:6px 5px 0 0; font-size:14px; font-style:normal; text-align:center; line-height:10px; border:1px solid #fff; border-radius:3px; display:inline-block; vertical-align:top; }
#json-target i.node.on::before { content:"+"; }
#json-target textarea { width:100%; height:100%; font-size:14px; color:#16ca00; line-height:24px; border:0; outline:0; resize:0; background:#181818; }
.jsonnav { font-size:12px; position:absolute; top:10px; right:30px; }
.jsonnav a { padding:0 10px; font-size:12px; color:#0188fb; text-decoration:none; line-height:24px; border:1px solid #ddd; border-radius:3px; background:#fff; display:inline-block; vertical-align:top; }
.tips { padding:20px; font-size:16px; line-height:22px; position:fixed; background:#fff; }
.linkbtn { margin:0 5px; padding:0 10px; font-size:13px; color:#fff; line-height:14px; text-decoration:none; line-height:21px; border:1px solid #0188fb; background:#0188fb; display:inline-block; vertical-align:top; }
.cnzz { position:fixed; }