.highlight-box{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex;font-size:12px;width:500px;position:relative;color:#333;background:#fff;border-radius:5px;overflow:hidden}.highlight-box .input-outer,.highlight-box .textarea-outer{box-sizing:border-box;width:500px;position:absolute;top:0;left:0;right:0;border:1px solid transparent;border-top:0;pointer-events:none;cursor:text}.highlight-box .input-outer span,.highlight-box .textarea-outer span{color:#f27c49}.highlight-box .input-outer:hover,.highlight-box .textarea-outer:hover{border-color:#4c84ff}.highlight-box .textarea-outer{overflow-y:auto;line-height:20px;word-break:break-all}.highlight-box .textarea-outer .outer-inner{padding:5px 8px;width:100%;box-sizing:border-box}.highlight-box textarea{width:500px;line-height:20px;resize:none}.highlight-box .input-outer,.highlight-box input{width:500px;height:28px;line-height:28px}.highlight-box .input-outer{bottom:0;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.highlight-box input,.highlight-box textarea{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:12px;color:#333;text-shadow:0 0 0 transparent;-webkit-text-fill-color:transparent;background:transparent;border-radius:5px;border:1px solid #e0e0e0;padding:4px 8px;box-sizing:border-box}.highlight-box input::-moz-placeholder,.highlight-box textarea::-moz-placeholder{-webkit-text-fill-color:#999}.highlight-box input:-ms-input-placeholder,.highlight-box textarea:-ms-input-placeholder{-webkit-text-fill-color:#999}.highlight-box input::placeholder,.highlight-box textarea::placeholder{-webkit-text-fill-color:#999}.highlight-box input:hover,.highlight-box textarea:hover{border-color:#4c84ff}.highlight-box input:focus,.highlight-box textarea:focus{border-color:#4c84ff;box-shadow:0 0 0 2px #dbe4ff;outline:none}.wrap{width:500px;margin:50px auto}.highlight-box{margin-top:10px}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;margin:0;padding:0}body{font-family:Arial,sans-serif,PingFang sc,Microsoft YaHei,STXihei,Helvetica;background:#f2f4f6;box-sizing:border-box}fieldset,img{border:0}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}em,i{font-style:normal}