/* table_fake */
/* fake_table */

#layout .f_table {
    font-size: 100%;

    display: table;

    width: 100%;
    margin: 0;
    margin: 0 auto;
    padding: 0;

    border-spacing: 2px;
    border-spacing: 0;
    border-collapse: separate;
    border-collapse: collapse;

    border: 1px double #b3b3b3;
    outline: 0;
}
#layout .f_tbody {
    font-size: 100%;

    display: table-row-group;

    margin: 0;
    padding: 0;

    vertical-align: middle;

    border-color: inherit;
    outline: 0;
}
#layout .f_tr {
    font-size: 100%;

    display: table-row;

    margin: 0;
    padding: 0;

    vertical-align: inherit;

    border-color: inherit;
    outline: 0;
}
#layout .f_td {
    font-size: 100%;

    display: table-cell;

    min-width: 2em;
    margin: 0;
    padding: 0;
    padding: 0.4em;

    vertical-align: inherit;

    border: 1px solid transparent;
    border-color: #d9d9d9;
    outline: 0;

    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}
#layout .f_th {
    font-size: 100%;
    font-weight: bold;
    font-weight: 700;

    display: table-cell;

    min-width: 2em;
    margin: 0;
    padding: 0;
    padding: 0.4em;

    text-align: -internal-center;
    vertical-align: inherit;

    border-color: #d9d9d9;
    outline: 0;
    outline-width: 0;
    outline-style: initial;
    outline-color: initial;
    background: #fafafa;
    background-color: transparent;

    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}
#layout .f_thead {
    font-size: 100%;

    display: table-header-group;

    margin: 0;
    padding: 0;

    vertical-align: middle;

    border-color: inherit;
    outline: 0;
}

/* end_table_fake */

/* pubcss */

#online a.ol-qq .fa-qq:before {
    content: "\f1d7";
}

#footer span {
    width: 28%;
}

/* col-layout */

.row {
    display: flex;
    flex: 1 1 auto;

    box-sizing: border-box;
}

.row [class*="col-"] {
    padding: 3px;
}
.col-20 {
    width: 20%;
}
.col-25 {
    width: 25%;
}
.col-30 {
    width: 30%;
}
.col-33 {
    width: 33.3333333%;
}
.col-40 {
    width: 40%;
}
.col-50 {
    width: 50%;
}
.col-60 {
    width: 60%;
}
.col-66 {
    width: 66.6666666%;
}
.col-100 {
    width: 100%;
}
.space-3 {
    margin-right: -3px;
}
.space-3> * {
    padding-right: 3px;
}
.space-20 {
    margin-right: -20px;
}
.space-20> * {
    padding-right: 20px;
}
.layout {
    max-width: 100%;
}
.layout_row {
    overflow: hidden;
}
/* 
.layout .row {
    border-bottom: 1px solid #d3d3d3;
}

.layout .row:last-child {
    border-bottom: none;
}
.layout {
    overflow: hidden;

    box-sizing: border-box;

    border: 1px solid #d3d3d3;
}

.col_space {
    flex: 0 0 auto;

    border: 1px solid #d3d3d3;
    border-top: none;
    border-bottom: none;
} */

/* show_border */
/* 
.layout .row {
    border-bottom: none;
}
.layout,
.col_space {
    
    border: none;
}


.layout.show_border {
    
    border: 1px solid #d3d3d3;
}
.layout.show_border .row { 
    
    border-bottom: 1px solid #d3d3d3;
}

.layout.show_border .row:last-child {
    border-bottom: none;
}

.layout.show_border .col_space {
    
    border: 1px solid #d3d3d3;
    border-top: none;
    border-bottom: none;
}

.layout.flex_space .col_space {
    flex: 1 1 auto;
}


.col {
    box-sizing: border-box;
} */

/* col-layout-2 */

/* css_layout */

.layout .row {
    border: 1px solid #d3d3d3;
    border-top: 0;
}

.layout .row:last-child {
    border-bottom: none;
}
.layout {
    overflow: hidden;

    box-sizing: border-box;

    border: 1px solid #d3d3d3;
}

.col_space {
    flex: 0 0 auto;

    border: 1px solid #d3d3d3;
    border-top: none;
    border-bottom: none;
}

.layout.flex_space .col_space {
    flex: 1 1 auto;
}

hr.blank_block {
    margin: 0;

    border: 1px dotted #d3d3d3;
}

.layout_select_wrapper {
    overflow: auto;

    height: 100%;
}
/* 
hr.blank_block {
    margin: 0;
    border: none;
} */

.layout_setting {
    position: fixed;
    top: 0;
    right: 0;

    width: 300px;
    height: 100%;

    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(123, 123, 123, 0.2);
            box-shadow: 0 0 20px rgba(123, 123, 123, 0.2);
}

.layout_row {
    overflow: hidden;
}

.layout .row {
    border: 1px solid #d3d3d3;
    border-top: 0;
}

.layout .row:last-child {
    border-bottom: none;
}

.layout_dom_body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 1200px;
    min-height: 800px;
    margin: 0 auto;
    padding-top: 100px;
}

.layout_dom .layout {
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: 20px;

    border: 1px solid #d3d3d3;
}

.layout_setting .attr .name {
    width: 70px;

    text-align: left;
}

.layout_setting .attr .unit {
    padding: 0 10px;
}

.layout_setting .bg_setting .attr .name {
    width: 50px;

    text-align: left;
}

.layout_row_body .body_item {
    margin-bottom: 10px;
}
.layout_row_body .body_item:last-child {
    margin-bottom: 0;
}

.layout_container[data-align="center"] {
    margin: 0 auto;
}

.layout[data-window_width="true"] {
    position: relative;
    left: 50%;

    width: 100vw !important;
    max-width: none;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.layout[data-limit_width="true"]> .layout_limit_wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
/* 
.layout[data-set_border="false"] {
    border: none;
}
.layout[data-set_border="false"] * {
    border: none;
} */

.layout_dom .layout {
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: 20px;

    border: 1px solid #d3d3d3;
}

.layout_setting .attr .name {
    width: 70px;

    text-align: left;
}

.layout_setting .attr .unit {
    padding: 0 10px;
}

.layout_setting .bg_setting .attr .name {
    width: 50px;

    text-align: left;
}

.layout_row_body .body_item {
    margin-bottom: 10px;
}
.layout_row_body .body_item:last-child {
    margin-bottom: 0;
}

.col_space {
        flex: 0 0 auto;

    border: 1px solid #d3d3d3;
    border-top: none;
    border-bottom: none;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
}

.layout[data-align_center="true"]> .layout_limit_wrapper> .layout_container> .row> .col {
    display: flex;

    align-items: center;
    flex-wrap: wrap;
}
.layout[data-bg_image_align="true"] {
    background-position: top center;
}
.layout[data-bg_image_repeat="true"] {
    background-repeat: repeat;
}
.layout[data-bg_image_size="true"] {
    background-size: 100%;
}

.layout {
    border: none !important ;
}
.layout .row,
.layout .col_space {
    border: none !important;
}

.layout {
    line-height: 1.7;
}

video {
    max-width: 100%;
}

#layout {
    font-size: 14px;
    line-height: 1.75;
}
#layout .row .col {
    border: 1px solid #d3d3d3;
}
#layout .row .col:first-child {
    margin-left: 0 !important;
}
#layout h1 {
    font-size: 2em;
    font-weight: bold;

    display: block;

    -webkit-margin-before: 0.67em;
    margin-block-start: 0.67em;
    -webkit-margin-after: 0.67em;
    margin-block-end: 0.67em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}
#layout h2 {
    font-size: 1.5em;
    font-weight: bold;

    display: block;

    -webkit-margin-before: 0.83em;
    margin-block-start: 0.83em;
    -webkit-margin-after: 0.83em;
    margin-block-end: 0.83em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}
#layout h3 {
    font-size: 1.17em;
    font-weight: bold;

    display: block;

    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}

#layout .layout_container {
    max-width: 100%;
}
#layout .layout_container[data-align="center"] {
    margin: 0 auto;
}
#layout[data-window_width="true"] {
    position: relative;
    left: 50%;

    width: 100vw !important;
    max-width: none;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
#layout[data-limit_width="true"]> .layout_limit_wrapper {
    max-width: 1200px;
    margin: 0 auto;

    border: 1px solid #d3d3d3;
    border-top: none;
    border-bottom: none;
}
#layout[data-set_border="false"] {
    border: none;
}
#layout[data-set_border="false"] * {
    border: none;
}
#layout blockquote {
    font-style: italic;

    overflow: hidden;

    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-left: 0;
    padding-right: 1.5em;
    padding-left: 1.5em;

    border-left: 5px solid #ccc;
}
#layout figure {
    position: relative;

    margin: 0;
}
#layout figure.table {
    margin: 0 auto;
}
#layout table {
    border-spacing: 0;
    border-collapse: collapse;

    border: 1px double #b3b3b3;
}
#layout table td {
    border: 1px solid transparent;
}
#layout table td,
#layout table th {
    min-width: 2em;
    padding: 0.4em;

    border-color: #d9d9d9;
}
#layout[data-align_center="true"]> .layout_limit_wrapper> .layout_container> .row> .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#layout[data-bg_image_align="true"] {
    background-position: top center;
}
#layout {
    background-repeat: no-repeat;
}
#layout[data-bg_image_repeat="true"] {
    background-repeat: repeat;
}
#layout[data-bg_image_size="true"] {
    background-size: 100%;
}
#layout img {
    max-width: 100%;
}
#layout video,
#layout iframe {
    vertical-align: top;
}
#layout .hide {
    display: none;
}
#layout figcaption {
    display: none !important;
}
#layout table {
    margin: 0 auto;
}
#layout .table table th {
    background-color: transparent;
}

.layout .row,
.layout .col_space,
#layout .row .col {
    border: none;
}

#layout[data-limit_width="true"]> .layout_limit_wrapper {
    border: none;
}

/* mo */

.row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.layout_dom_body {
    overflow: hidden;

    max-width: 100%;

    border: 1px solid #eaeaea;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #eaeaea;
            box-shadow: 0 0 10px #eaeaea;
}
#layout[data-window_width="true"] {
    width: 375px !important;
}
.layout[data-col="50_50"] .col,
.layout[data-col="70_30"] .col,
.layout[data-col="30_70"] .col,
.layout[data-col="25_50_25"] .col,
.layout[data-col="33_33_33"] .col {
        flex: 0 0 100%;

    width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
}
.layout[data-col="50_50"] .col_space,
.layout[data-col="70_30"] .col_space,
.layout[data-col="30_70"] .col_space,
.layout[data-col="25_50_25"] .col_space,
.layout[data-col="33_33_33"] .col_space {
    display: none;
}
.layout[data-col="50_25_25"] .col-50 {
        flex: 0 0 100%;

    width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
}
.layout[data-col="50_25_25"] .col-25 {
        flex: 1 0 auto;

    width: 34%;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
}
.layout[data-col="50_25_25"] .col-25+ .col_space {
    max-width: 32%;
}
.layout_dom .layout[data-col="50_25_25"] .col-25:nth-of-type(2n)+ .col_space {
    display: none;
}
.layout[data-col="25_25_50"] .col-50 {
        flex: 0 0 100%;

    width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
}
.layout[data-col="25_25_50"] .col-25 {
        flex: 1 0 auto;

    width: 34%;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
}
.layout[data-col="25_25_50"] .col-25+ .col_space {
    max-width: 32%;
}
.layout_dom .layout[data-col="25_25_50"] .col-25:nth-of-type(2n)+ .col_space {
    display: none;
}
.layout[data-col="25_25_25_25"] .col-25 {
        flex: 1 0 auto;

    width: 34%;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
}
.layout[data-col="25_25_25_25"] .col-25+ .col_space {
    max-width: 32%;
}
.layout_dom
    .layout[data-col="25_25_25_25"]
    .col-25:nth-of-type(2n)+ .col_space {
    display: none;
}
.layout[data-col="20_20_20_20_20"] .col-20 {
        flex: 1 0 auto;

    width: 34%;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
}
.layout[data-col="20_20_20_20_20"] .col-20+ .col_space {
    max-width: 32%;
}
.layout_dom
    .layout[data-col="20_20_20_20_20"]
    .col-20:nth-of-type(2n)+ .col_space {
    display: none;
}
.layout_dom .layout[data-col="20_20_20_20_20"] .col-20:nth-of-type(5n) {
        flex: 0 0 100%;

    width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
}
.layout[data-col="20_20_20_20_20"] .col_space:last-child {
    width: 100%;
    height: 0;
}

#layout .layout_container {
    max-width: 100%;
}

/* 增加 */

.blank_block.big_blank {
    height: 50px;
}
.blank_block.normal_blank {
    height: 25px;
}
.blank_block.small_blank {
    height: 10px;
}

.hr {
    margin: 5px 0;

    border: none;
    border-top: 1px solid rgba(202, 202, 202, 0.4);
    outline: none;
}

.hr.dash {
    border: none;
    border-top: 1px dashed rgba(202, 202, 202, 0.4);
    outline: none;
}