#liuyan * {
    font-size: 16px;
}
#liuyan {
    padding: 3rem 1.5rem;
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#liuyan .title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-weight: 600;
    line-height: 1.125;
    color: #363636;
}
#liuyan .button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.375em - 1px);
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(.375em - 1px);
    text-align: center;
    white-space: nowrap;
}
#liuyan .button.is-primary {
    background-color: #42A5F5;
    border-color: transparent;
    color: #fff;
}
.field:not(:last-child) {
    margin-bottom: .75rem;
}
.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left;
}
.control.has-icons-left .input, .control.has-icons-left .select select {
    padding-left: 2.25em;
}
.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.375em - 1px);
    padding-left: calc(.625em - 1px);
    padding-right: calc(.625em - 1px);
    padding-top: calc(.375em - 1px);
    position: relative;
    vertical-align: top;
}
.input, .textarea {
    box-shadow: inset 0 1px 2px rgba(10,10,10,0.1);
    max-width: 100%;
    width: 100%;
}
.input, .select select, .textarea {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
    box-sizing: border-box;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c2c2c2;
}
input::-moz-placeholder,textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c2c2c2;
}
input:-moz-placeholder,textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c2c2c2;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c2c2c2;
}
.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 2.25rem;
    width: 2.25rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4;
}
.control.has-icons-left .icon.is-left {
    left: 0;
}
.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: .625em;
    resize: vertical;
}
.textarea:not([rows]) {
    max-height: 600px;
    min-height: 120px;
}
.input:focus, .is-active.button, .is-active.file-cta, .is-active.file-name, .is-active.input, .is-active.pagination-ellipsis, .is-active.pagination-link, .is-active.pagination-next, .is-active.pagination-previous, .is-active.textarea, .is-focused.button, .is-focused.file-cta, .is-focused.file-name, .is-focused.input, .is-focused.pagination-ellipsis, .is-focused.pagination-link, .is-focused.pagination-next, .is-focused.pagination-previous, .is-focused.textarea, .pagination-ellipsis:active, .pagination-ellipsis:focus, .pagination-link:active, .pagination-link:focus, .pagination-next:active, .pagination-next:focus, .pagination-previous:active, .pagination-previous:focus, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    outline: 0;
}
.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover {
    border-color: #b5b5b5;
}
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25);
}
.control.has-icons-left .input:focus~.icon, .control.has-icons-left .select:focus~.icon, .control.has-icons-right .input:focus~.icon, .control.has-icons-right .select:focus~.icon {
    color: #7a7a7a;
}
@media screen and (min-width: 769px) {
    .field.is-horizontal {
        display: flex;
    }
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1;
    }
    .field-body>.field:not(:last-child) {
        margin-right: .75rem;
    }
    .field-body>.field:not(.is-narrow) {
        flex-grow: 1;
    }
    .field-body>.field {
        flex-shrink: 1;
    }
    .field-body .field {
        margin-bottom: 0;
    }
}