body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

/*body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }*/

/*td,th,caption { font-size:14px; }*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

a,
img {
    -webkit-user-drag: element !important;
}

/*address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}*/

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

input,
textarea,
select,
a:focus {
    outline: none;
}

img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

/*input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }*/

/*table { border-collapse:collapse; }*/

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

/*!* css common *!*/

/*.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}*/

/*.clearfix { *zoom:1; }*/

input[type="text"],
input[type="password"],
textarea {
    outline-style: none;
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

button {
    outline: none !important;
}

input {
    border-radius: 0;
    border: 0px;
    /*-webkit-appearance: none !important;*/
}

select {
    -webkit-appearance: none !important;
}

body {
    width: 100%;
    background-color: #fff;
    min-height: 100vh;
}

.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* [class*="col-"] {
    padding: 0;
} */

/*显示*/

.show {
    display: block !important;
}

/**隐藏**/

.display_none {
    display: none;
}

/*清除浮动*/

.clearfix {
    *zoom: 1;
}

.claerfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

/*
    @flex布局
    @flex: 行垂直居中;
    @flex_col: 列水平垂直居中;
    @flex_center: 行水平垂直居中;
*/

.flex_wrap {
    flex-wrap: wrap;
}

/* 方向 row */

.flex {
    display: flex;
    align-items: center;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
}

.flex_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 方向column */

.flex_col {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.flex_col_my_left {
    display: flow-root;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.flex_left {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.flex_right {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.flex_col_left {
    display: flex;
    align-items: left;
    flex-direction: column;
    justify-content: center;
}

.flex_col_top {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
}

.flex_col_bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

.flex_col_bet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex_col_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
}

.flex_col_end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.flex_col_top_right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.flex_col_bottom_right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

/*
    @padding
    @no_padding: 无padding;
    @padding: 全部15px;
    @padding_lr: 左右15px;
    @padding_tb: 上下15px;
    @padding_bot: 底部15px;
*/

.no_padding {
    padding: 0 0 !important;
}

.padding_20 {
    padding: 20px;
}

/* 左右 */

.padding_lr10 {
    padding: 0 10px;
}

.padding_lr20 {
    padding: 0 20px;
}

.padding_lr25 {
    padding: 0 25px;
}

.padding_lr30 {
    padding: 0 30px;
}

.padding_lr50 {
    padding: 0 50px;
}

.padding_lr10_percent {
    padding: 0 10%;
}

/* 上下 */

.padding_tb15 {
    padding: 15px 0;
}

.padding_tb20 {
    padding: 20px 0;
}

.padding_tb30 {
    padding: 30px 0;
}

.padding_tb60 {
    padding: 60px 0;
}

.paddingtb100 {
    padding: 100px 0;
}

/* 上 */

.padding_t10 {
    padding-top: 10px;
}

.padding_t15 {
    padding-top: 15px;
}

.padding_t20 {
    padding-top: 20px;
}

.padding_t24 {
    padding-top: 24px;
}

.padding_t30 {
    padding-top: 30px;
}

.padding_t40 {
    padding-top: 40px;
}

.padding_t50 {
    padding-top: 50px;
}

.padding_t60 {
    padding-top: 60px;
}

.padding_t100 {
    padding-top: 100px;
}

/* 下 */

.padding_b7 {
    padding-bottom: 7px;
}

.padding_b15 {
    padding-bottom: 15px;
}

.padding_b20 {
    padding-bottom: 20px;
}

.padding_b30 {
    padding-bottom: 30px;
}

.padding_b40 {
    padding-bottom: 40px;
}

.padding_b55 {
    padding-bottom: 55px;
}

.padding_b60 {
    padding-bottom: 60px;
}

.padding_b100 {
    padding-bottom: 100px;
}

/* 左 */

.padding_l10 {
    padding-left: 10px;
}

.padding_l15 {
    padding-left: 15px;
}

.padding_l18 {
    padding-left: 18px;
}

.padding_l20 {
    padding-left: 20px;
}

.padding_l30 {
    padding-left: 30px;
}

.padding_l50 {
    padding-left: 50px;
}

/* 右 */

.padding_r10 {
    padding-right: 10px;
}

.padding_r15 {
    padding-right: 15px;
}

.padding_r20 {
    padding-right: 20px;
}

.padding_r30 {
    padding-right: 30px !important;
}

.padding_r50 {
    padding-right: 50px;
}

/* 右下左 */

.padding_rbl30 {
    padding: 0 30px 30px 30px;
}

/*
    @margin
    @no_margin: 无margin;
    @margin: 全部15px;
    @margin_lr: 左右15px;
    @maigin_tb: 上下15px;
    margin_bot: 底部15px;
    @margin_bot: 底部15px;
*/

.no_margin {
    margin: 0 0 !important;
}

.margint1 {
    margin-top: 1px;
}

/* 上下 */

.margin_tb10 {
    margin: 10px 0;
}

.margin_tb15 {
    margin: 15px 0;
}

.margin_tb20 {
    margin: 20px 0;
}

.margin_tb30 {
    margin: 30px 0;
}

.margin_tb40 {
    margin: 40px 0;
}

/* 左右 */

.margin_lr10 {
    margin: 0 10px;
}

.margin_lr30{
    margin-left: 30px;
    margin-right: 30px;
}

/* 上 */

.margin_t10 {
    margin-top: 10px;
}

.margin_t15 {
    margin-top: 15px;
}

.margin_t20 {
    margin-top: 20px;
}

.margin_t29 {
    margin-top: 29px;
}

.margin_t30 {
    margin-top: 30px;
}

.margin_t40 {
    margin-top: 40px;
}

.margin_t42 {
    margin-top: 42px;
}

.margin_t50 {
    margin-top: 50px;
}

.margin_t60 {
    margin-top: 60px;
}

.margin_t67 {
    margin-top: 67px;
}

.margin_t80 {
    margin-top: 80px;
}

.margin_t100 {
    margin-top: 100px;
}

/* 下 */

.margin_b7 {
    margin-bottom: 7px;
}

.margin_b10 {
    margin-bottom: 10px;
}

.margin_b13 {
    margin-bottom: 13px;
}

.margin_b15 {
    margin-bottom: 15px;
}

.margin_b18 {
    margin-bottom: 18px;
}

.margin_b19 {
    margin-bottom: 19px;
}

.margin_b20 {
    margin-bottom: 20px;
}

.margin_b22 {
    margin-bottom: 22px;
}

.margin_b28 {
    margin-bottom: 28px;
}

.margin_b30 {
    margin-bottom: 30px;
}

.margin_b32 {
    margin-bottom: 32px;
}

.margin_b34 {
    margin-bottom: 34px;
}

.margin_b40 {
    margin-bottom: 40px;
}

.margin_b42 {
    margin-bottom: 42px;
}

.margin_b50 {
    margin-bottom: 50px;
}

.margin_b60 {
    margin-bottom: 60px;
}

.margin_b63 {
    margin-bottom: 63px;
}

.margin_b68 {
    margin-bottom: 68px;
}

.margin_b79 {
    margin-bottom: 79px;
}

.margin_b90 {
    margin-bottom: 90px;
}

.margin_b280 {
    margin-bottom: 280px;
}

.margin_b382 {
    margin-bottom: 382px;
}

/* 左 */

.margin_l10 {
    margin-left: 10px;
}

.margin_l15 {
    margin-left: 15px;
}

.margin_l20 {
    margin-left: 20px;
}

.margin_l30 {
    margin-left: 30px;
}

/* 右 */

.margin_r10 {
    margin-right: 10px;
}

.margin_r20 {
    margin-right: 20px;
}

.margin_r30 {
    margin-right: 30px;
}

.margin_r35 {
    margin-right: 35px;
}

.margin_r50 {
    margin-right: 50px;
}

@media screen and (max-width: 700px) {
    .margin_tb30 {
        margin: 15px 0;
    }
}

/*
    @背景色

    @bg_ff: #FFFFFF;
*/

.bg_ff {
    background-color: #fff;
}

.bg_de {
    background-color: var(--ThemeColor);
}

.bg_de654a {
    background-color: var(--ThemeColor);
}

.bg_DD6449 {
    background-color: #dd6449;
}

.bg_DB6F59 {
    background-color: #db6f59;
}

.bg_ec6941 {
    background-color: #ec6941;
}

.bg_33 {
    background-color: #333;
}

.bg_f3 {
    background-color: #f3f3f3;
}

.bg_6bb351 {
    background-color: #6bb351;
}

.bg_47a5a5 {
    background-color: #47a5e5;
}

.bg_fdefec {
    background-color: #fdefec;
}

.bg_fef7f5 {
    background-color: #fef7f5;
}

.bg_f7f7f7 {
    background-color: #f7f7f7;
}

.bg_FBF9F8 {
    background-color: #fbf9f8;
}

.bg_cdcdcd {
    background-color: #cdcdcd;
}

.bg_fdefec {
    background-color: #fdefec;
}

.bg_f5 {
    background-color: #f5f5f5;
}

.bg_e8 {
    background-color: #e8e8e8;
}

/*
    @字体颜色
    @color_3: 字体文字;
*/

.black {
    color: #000;
}

.color_3 {
    color: #333;
}

.colorf2 {
    color: #f2dece;
}

.color_de {
    color: var(--ThemeColor);
}

.de654a {
    color: var(--ThemeColor);
}

.ec6941 {
    color: #ec6941;
}

.a63906 {
    color: #6a3906;
}

.a0a0a0 {
    color: #a0a0a0;
}

.color_fff {
    color: #ffffff;
}

.color_d6 {
    color: #d6d6d6;
}

.color_666 {
    color: #666;
}

.col_A0A0A0 {
    color: #a0a0a0;
}

.color_c2c5ca {
    color: #c2c5ca;
}

.color_bdbdbd {
    color: #bdbdbd;
}

.color_73 {
    color: #737373;
}

.color_9 {
    color: #999;
}

.color_732f00 {
    color: #732f00;
}

.ce6b51 {
    color: #ce6b51;
}

.color_535353 {
    color: #535353;
}

.color_b3b3b3 {
    color: #b3b3b3;
}

/*
    @字体大小
    @font_18: 18px;

*/

.font_10 {
    font-size: 10px;
}

.font_11 {
    font-size: 11px;
}

.font_12 {
    font-size: 12px;
}

.font_13 {
    font-size: 13px;
}

.font_14 {
    font-size: 14px;
}

.font_15 {
    font-size: 15px;
}

.font_16 {
    font-size: 16px;
}

.font_17 {
    font-size: 17px;
}

.font_18 {
    font-size: 18px;
}

.font_19 {
    font-size: 19px;
}

.font_20 {
    font-size: 20px;
}

.font_24 {
    font-size: 24px;
}

.font_28 {
    font-size: 28px;
}

.font_30 {
    font-size: 30px;
}

.font_32 {
    font-size: 32px;
}

.font_36 {
    font-size: 36px;
}

.font_40 {
    font-size: 40px;
}

.font_48 {
    font-size: 48px;
}

@media screen and (max-width: 700px) {
    .font_30 {
        font-size: 20px;
    }

    .font_24 {
        font-size: 18px;
    }

    .font_20 {
        font-size: 16px;
    }

    .font_18 {
        font-size: 15px;
    }

    .font_16 {
        font-size: 14px;
    }

    .font_14 {
        font-size: 12px;
    }
    .hidden_xs {
        display: none;
    }
}

/*
    @圆角
 */

.radius3 {
    border-radius: 3px;
}

.radius4 {
    border-radius: 4px;
}

.radius25 {
    border-radius: 25px;
}

.radius45 {
    border-radius: 45px;
}

.radius50 {
    border-radius: 50% !important;
}

/*
    @自动换行
 */

.wrap-word {
    word-wrap: break-word;
    word-break: normal;
}

/*
    @省略
    @singleEllipses:单行省略号;
    @multipleEllipses:多行省略号;
*/

.singleEllipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multipleEllipses {
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.threeEllipses {
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*
    @分割线/边框
    @border_cd: 全部边框;
    @border_top: 顶部1px分割线;
    @border_bot: 底部1px分割线;
*/
.border0 {
    border: 0;
}

.border_cd {
    border: 1px solid #cdcdcd;
}

.border_top {
    border-top: 1px solid #f2f2f2;
}

.border_top4 {
    border-top: 4px solid var(--ThemeColor);
}

.border_bot {
    border-bottom: 1px solid #f2f2f2;
}

.border_botf5 {
    border-bottom: 1px solid #f5f5f5;
}

.border_bot4 {
    border-bottom: 4px solid #fff;
}

.border_lef3 {
    border-left: 3px solid var(--ThemeColor);
}

.border_be1 {
    border-bottom: 1px solid #eee;
}

.border_lef1 {
    border-right: 1px solid#eee;
}

.border_lefe2 {
    border-left: 2px solid var(--ThemeColor);
}

.border_lefee2 {
    border-left: 2px solid#000;
}

.border_bottm2 {
    border-bottom: 2px solid var(--ThemeColor);
}

/*
  @自适应
 */

.heightauto {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

/*
    行间距
 */

.line-height1 {
    line-height: 1;
}

.line-height15 {
    line-height: 1.5;
}

.line-height150 {
    line-height: 1.5 !important;
}

.line-height17 {
    line-height: 1.7;
}

.line-height36 {
    line-height: 36px;
}

/*
    段落居中
 */

.text-center {
    text-align: center;
}

/*
    nowrap：强制不换行
    normal:自动换行
    break-all:强制英文单词断行
 */

.nowrap {
    white-space: nowrap;
}

.normal {
    word-wrap: break-word;
    word-break: normal;
}

.break-all {
    word-break: break-all;
}

/*
    font-weight:加粗
*/

.fontbold {
    font-weight: bold;
}

.fontweight100 {
    font-weight: 100;
}

.fontweight400 {
    font-weight: 400;
}

.fontweight500 {
    font-weight: 500;
}

.fontweight600 {
    font-weight: 600;
}

/*
隐藏
 */

.text_clip {
    overflow: hidden;
    text-overflow: clip;
}

.min_width115 {
    min-width: 115px;
}

.width-65 {
    width: 65%;
}

/* 鼠标小手等等 */

.cursor_pointer {
    cursor: pointer;
}

/* 解决 后台编辑器传过来的内容 */
/* 多个空格没用 */
.editor_container p {
    white-space: pre-wrap;
    min-height: 1em;
}

/* 引用 */
.editor_container blockquote:not([class]) {
    margin: 0 0 10px;
    padding: 15px 20px;
    background-color: #f1f2f3;
    border-left: 5px solid #ccc;
    color: #666;
    font-style: italic;
}

/* 引用 */
.editor_container blockquote:not([class]) {
    margin: 0 0 10px;
    padding: 15px 20px;
    background-color: #f1f2f3;
    border-left: 5px solid #ccc;
    color: #666;
    font-style: italic;
}