/*// 苹方-简 常规体*/
/*font-family: PingFangSC-Regular, sans-serif;*/

/*// 苹方-简 极细体*/
/*   font-family: PingFangSC-Ultralight, sans-serif;*/

/*// 苹方-简 细体*/
/*   font-family: PingFangSC-Light, sans-serif;*/

/*// 苹方-简 纤细体*/
/*   font-family: PingFangSC-Thin, sans-serif;*/

/*// 苹方-简 中黑体*/
/*   font-family: PingFangSC-Medium, sans-serif;*/

/*// 苹方-简 中粗体*/
/*   font-family: PingFangSC-Semibold, sans-serif;*/
@font-face {
    font-family: 'source_sans_3';
    src: url("source_sans_3.ttf");
}

@font-face {
    font-family: 'source_sans_3_wght';
    src: url("source_sans_3_wght.ttf");
}

HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
    font-family: 'source_sans_3';
}


.container {
    width: 83.333333%;
    margin: 0 auto !important;
    min-width: 1100px !important;
}

.container_one {
    width: calc(83.333333% - 380px);
    margin: 0 auto !important;
    min-width: 820px !important;
}

.container_two {
    width: calc(100% - 380px);
    margin: 0 auto !important;
    min-width: 820px !important;
}

.container_three {
    width: calc(100% - 420px);
    margin: 0 auto !important;
    min-width: 820px !important;
}



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

.flex_top {
    display: flex;
    align-items: flex-start;
}

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

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

.flex_between_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/*
    @padding
*/
.no_padding {
    padding: 0 0 !important;
}


/*
    @margin
*/
.no_margin {
    margin: 0 0 !important;
}


/*
    @背景色
*/
.bg_ff {
    background-color: #fff;
}

/*主题色*/
.bg_theme {
    background-color: #EC681F;
}


.bg_33 {
    background-color: #333;
}

.bg_f3 {
    background-color: #f3f3f3;
}

.bg_f4 {
    background-color: #F4F4F4;
}

.bg_cd {
    background-color: #cdcdcd;
}

.bg_f5 {
    background-color: #f5f5f5;
}

.bg_d8 {
    background-color: #D8D8D8;
}

.bg_EE9A1A {
    background-color: #EE9A1A;
}

.bg_CA5738 {
    background-color: #CA5738;
}

.bg_D94B24 {
    background-color: #D94B24;
}

.bg_8AC14E {
    background-color: #8AC14E;
}

.bg_5894C0 {
    background-color: #5894C0;
}


/*
    @字体颜色
*/
.black {
    color: #000;
}

.color_3 {
    color: #333;
}

.color_a0a0a0 {
    color: #a0a0a0;
}


.color_fff {
    color: #ffffff;
}


.color_666 {
    color: #666;
}

.color_9 {
    color: #999;
}

.color_298FC5 {
    color: #298FC5;
}

.color_EC681F {
    color: #EC681F;
}


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

*/
.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_27 {
    font-size: 27px;
}

.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;
}


/*
    @圆角
 */

.radius3 {
    border-radius: 3px;
}

.radius4 {
    border-radius: 4px;
}

.radius25 {
    border-radius: 25px;
}

.radius45 {
    border-radius: 45px;
}

.radius50 {
    border-radius: 50%;
}

/*
    @自动换行
 */
.wrap-word {
    word-wrap: break-word;
    word-break: normal;
}

/*
    @省略
    @singleEllipses:单行省略号;
    @multipleEllipses:多行省略号;
*/
.singleEllipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multipleEllipses {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.threeEllipses {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


/*
    行间距
 */
.line-height1 {
    line-height: 1;
}

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


/*
    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;
}

.font100 {
    font-weight: 100;
}

.display_none {
    display: none;
}

.top_place {
    height: 20px;
    width: 100%;
}

.page-link {
    color: #EC681F;
}

.page-link:hover {
    color: #EC681F;
}

.page-item.active .page-link {
    background-color: #EC681F;
    border-color: #EC681F;
}


.el-main {
    min-height: calc(100vh / var(--zoom));
    width: calc(100vw / var(--zoom));
    height: calc(100vh / var(--zoom));
  }