.post-detail h2, 
.post-detail h3
{
    display:none;
}



.tool-form .form-field {
    margin-bottom: 1rem;
    position: relative;
}
.tool-form button, div, input, pre, select, textarea {
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
.tool-form .form-block {
    display: block;
    width: 100%;
}

.tool-form .form-textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.375rem 0.5rem;
    font-size: .9rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    height: initial;
    min-height: 13.75rem;
    resize: vertical;
}
.tool-form .word-count {
    font-size: .875rem;
    color: #666;
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.tool-form .form-btn {
    margin-bottom: 0.5rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.tool-form .form-field .form-input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.375rem 0.5rem;
    font-size: .9rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    max-width: 100%;
    height: 2.25rem;
}

.tool-form .img-select {
    position: relative;
    z-index: 0;
    height: 150px;
    width: 120px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.tool-form .img-select input[type="file"] {
    position: absolute;
    width: 120px;
    height: 140px;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10;
    cursor: pointer;
}
.tool-form .img-select canvas {
    width: 120px;
    height: 120px;
    z-index: 1;
    background-image: url(https://xiaoli.wenotbug.cn/note-blog/medias/tools/img-empty.png);
}

.tool-form #tool-result, #tool-result2 {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.375rem 0.5rem;
    font-size: 1rem;
    color: #555;
    background-image: none;
    margin-bottom: 1rem;
    word-break: break-word;
}
.tool-form .hide {
    display: none;
}
.tool-form .form-btn .btn-success {
    color: #fff !important;
    background-color: #28a745;
    border-color: #28a745;
}
.tool-form .form-btn .btn:not(:last-child), .form-btn .form-input:not(:last-child) {
    margin-right: 0.4rem;
}

.tool-form .form-btn .btn, .form-btn .form-input {
    margin-bottom: 0.4rem;
}
.tool-form  input[type=button], input[type=reset], input[type=submit], textarea {
    -webkit-appearance: none;
}

.tool-form .form-btn .btn:not(:last-child), .form-btn .form-input:not(:last-child) {
    margin-right: 0.4rem;
    margin-top: 0.2em;
}
.tool-form .form-btn .btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.tool-form .form-btn .btn-error {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.tool-form .form-btn .btn-info {
    color: #fff;
    background-color: #47adcb;
    border-color: #49a3be;
}

.tool-form .btn {
    border-radius: 3px;
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #eee;
    padding: 0.375rem 0.75rem;
    font-size: .9rem;
    height: 2.25rem;
    line-height: 1;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tool-form .tips {
    font-size: .75rem;
    line-height: 1.8;
    color: #888;
    padding: 0.2rem 0;
}

.tool-form #font-list li {
    border: solid 1px #eee;
    border-radius: 3px;
    padding: 0.375rem 0.5rem;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    min-height: 2.25rem;
    
}
.tool-form #font-list {
    list-style: none;
}

.tool-form #font-list li .font-text {
    padding-right: 5rem;
    font-size: 1rem;
    color: #555;
    word-break: break-word;
}

.tool-form #font-list li input {
    position: absolute;
    right: 0.5rem;
    top: 0.375rem;
}


.tool-form #tool-tips .alert {
    padding: .625rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 1rem;
    word-break: break-word
}

.tool-form #tool-tips .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.tool-form #tool-tips .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.tool-form #tool-tips .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.tool-form #tool-tips .alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.tool-form .row {
    margin-right: -1rem;
    margin-left: -1rem;
}
.tool-form .row .form-field {
    margin-bottom: 1rem;
    position: relative;
}
.tool-form .row .col-2 {
    width: 50%;
}

.tool-form .row .col-2, .col-3, .col-4 {
    float: left;
    position: relative;
    min-height: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}