/**
*作者：蓝优
*时间：2020-7-7
**/
body,html{height:100%;}
body{min-height:100%;color:#555;font-family: Menlo, Monaco, Consolas, "Helvetica Neue", Helvetica, "Courier New", 微软雅黑, monospace, Arial, sans-serif, 黑体;font-size-adjust:none;-webkit-text-size-adjust:none;word-break:break-all;}
*{margin:0;padding:0;}
*,:after,:before{box-sizing:border-box;}
button,input,textarea{outline:0;}
a{color:#555;text-decoration:none;}
textarea {color: #555;min-height: calc(100vh - 100px);}
/**/
.header{overflow:hidden;padding:0 10px;height:50px;border-bottom:1px solid #ddd;line-height:50px;}
.header .logo{font-size:25px;}
.header .logo span{margin-right:3px;color:#009688;}
.header .slogan{color:#b1b1b1;font-size:12px;}
/**/
.content{position:relative;overflow:hidden;border-bottom:1px solid #ddd;}
.content .left-content{position:relative;float:left;width:50%;border-right:1px solid #ddd;}
.left-content .numberedtextarea-wrapper{position:relative;height:100%;}
.numberedtextarea-wrapper .numberedtextarea-line-numbers{display:none!important;}
.left-content #json-src{display:inline-block;padding:10px;width:100%;height:100%;border:none;font-size:14px;line-height:1.5;resize:none;}
.content .right-content{position:relative;float:right;width:50%;}
.right-content .tool{position:absolute;top:0;z-index:100;display:flex;padding-right:10px;width:100%;height:40px;border-bottom:1px solid #ddd;background-color:#fff;align-items:center;}
.right-content .tool .tip{position:relative;display:inline-block;padding:10px;color:#999;}
.right-content #right-box{position:relative;overflow-y:scroll;width:100%;height:calc(100vh - 90px);outline:0;border:1px solid #f6f6f6;border-radius:0;resize:none;}
#right-box #json-target{padding:10px;margin-top: 40px;}
#right-box #json-target span{font-weight:500!important;}
#right-box #json-target .json_link{color:#717171;}
.footer{text-align: center;margin: 10px;}
.footer a+a{margin-left: 8px;}
@media screen and (max-width:768px){.content .left-content,.content .right-content{width:100%;}
.left-content #json-src{min-height:350px;}
.right-content .tool{border-top:1px solid #ddd;}
.right-content #right-box{height:490px;}
.header .logo{font-size:16px;}
}