.vivehtml{padding:0.25rem;border:1px solid #eee;border-radius:3px 3px 0 0}
.vivehtml>div{padding:0.25rem;width:50%;float:left;box-sizing:border-box}
.vivehtml>div>div{margin-bottom:0 !important}
.vivehtml .layui-input{height:1.9rem;line-height:1.9rem;padding:0 0.75rem}
.vivehtml .layui-input-block{min-height:1.9rem}
.divbuts{padding:0.5rem;border:1px solid #eee;border-top:0;border-radius:0 0 3px 3px}
.divbuts button{padding:0.4rem 1rem;text-align:center;border:0;background-color:#607D8B;color:#fff;border-radius:3px;cursor:pointer;font-size:0.6rem}
.divbuts button:nth-child(1){background-color:#009688}
.divbuts button:nth-child(2){background-color:#795548}
.divbuts button[disabled]{opacity:.6;cursor:not-allowed}
.vivehtmlres{border:1px solid #eee;margin-top:0.75rem;border-radius:3px;overflow:hidden;display:none}
.vivehtmlres .titles{height:1.8rem;line-height:1.8rem;padding-left:0.5rem;font-size:0.85rem}
.vivehtmlres .titles span{float:right;cursor:pointer;margin-right:0.5rem;color:#795548}
.vivehtmlres .titles span:hover{color:#009688}
.vivehtmlres #vhCodeWrap{display:flex;align-items:stretch}
.vivehtmlres #vhCodeWrap .code-toolbar{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}
.vivehtmlres #vhCodeWrap pre{flex:1 1 auto;min-width:0;max-height:30rem;overflow:auto;margin:0}
.vivehtmlres .vh-lines{flex:0 0 auto;max-height:30rem;overflow:hidden;box-sizing:border-box;padding:1em 0.5em 1em 0.7em;border-right:1px solid #3f3f3f;background:#2d2d2d;color:#999;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;line-height:1.5;text-align:right;-webkit-user-select:none;user-select:none}
.vivehtmlres .vh-lines span{display:block}
.vivehtmlres .vh-meta{display:none;padding:0.3rem 0.5rem;font-size:0.75rem;color:#888;background-color:#f6f7fa;border-bottom:1px solid #eee}
.vivehtmlres .vh-meta .vh-wrap{float:right;cursor:pointer;color:#795548;-webkit-user-select:none;user-select:none}
.vivehtmlres .vh-meta .vh-wrap:hover{color:#009688}
.vivehtmlres .vh-meta .vh-wrap.on{color:#009688;font-weight:bold}
.vivehtmlres #vhCodeWrap.wrap pre,.vivehtmlres #vhCodeWrap.wrap code{white-space:pre-wrap;word-break:break-all;word-wrap:break-word}
.vivehtmlres .vh-links{max-height:30rem;overflow:auto;padding:0.5rem}
.vivehtmlres .vh-links a{display:block;padding:0.2rem 0;color:#0066cc;font-size:0.8rem;word-break:break-all;text-decoration:none}
.vivehtmlres .vh-links a:hover{color:#009688;text-decoration:underline}
.night .vivehtml{border:1px solid #444}
.night .divbuts{border:1px solid #444;border-top:0}
.night .vivehtmlres{border:1px solid #444}
.night .vivehtmlres .titles{color:#aaa;background-color:#181a1b;border-bottom:1px solid #444}
.night .vivehtmlres .vh-meta{color:#999;background-color:#181a1b;border-bottom:1px solid #444}
.night .vivehtmlres .vh-meta .vh-wrap{color:#aaa}
.night .vivehtmlres .vh-meta .vh-wrap:hover{color:#5a9bff}
.night .vivehtmlres .vh-meta .vh-wrap.on{color:#5a9bff;font-weight:bold}
.night .vivehtmlres .vh-links a{color:#5a9bff}
.resttips{font-size:0.6rem;padding:0.75rem;background-color:#fcf7ef;margin-top:0.75rem;border-radius:6px;border:1px solid #ebd3b0}
.resttips h4.resttipstitle{margin-bottom:0.5rem;display:inline-block;color:#ff7503;font-weight:bold;font-size:0.6rem}
.resttips p{line-height:1rem;color:#ff7503}
.night .resttips{background-color:#444;border:1px solid #555}
@media screen and (max-width:390px){.divbuts button:nth-child(1){width:calc(50% - 0.25rem);float:left;margin-right:0}.divbuts button:nth-child(2){width:calc(50% - 0.25rem);float:right;margin-right:0}.divbuts button:nth-child(3){width:100%;margin-top:0.5rem}}
@media screen and (max-width:1190px){.vivehtml>div{padding:0.25rem;width:100%;float:unset}}