body{margin:0;padding:0}#app{width:1200px;margin:20px auto}.title{font-size:24px;text-align:center}.box{overflow:hidden}.box .curl,.box .result{width:49.5%;float:left}.box .result{float:right}.box .tit{font-size:18px;font-weight:700;margin-bottom:10px;color:#666}.box textarea{padding:10px;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;border-color:#999;width:100%;max-width:100%;min-width:100%;height:450px;min-height:450px;max-height:1500px;color:#666}.exp{font-size:13px;color:#666}.exp span{color:#005cc5;cursor:pointer;padding:5px 0;font-weight:700}.btns{text-align:center;margin:20px auto;display:flex;align-items:center;justify-content:center}.btns .tit{color:#333;margin-right:10px;font-size:13px;font-weight:700}.btns select{padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btns .btn,.btns select{height:34px;margin-right:10px}.btns .btn{line-height:34px;padding:0 12px;border-radius:4px;background:#e0e0e0;color:#333;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.btns .create{background:#4395ff;color:#fff}.md{margin-top:10px;padding:20px 0;border-top:1px dotted #ddd}.md .mli{margin-bottom:20px;color:#666}.md .mli h3{color:#333;font-size:16px;margin:0;margin-bottom:10px}.md .mli p{line-height:30px;font-size:13px;margin:0}