@charset "utf-8";
/*
 * @Author: hl,haolei@ec.com.cn
 * @Date: 2024-04-28 15:44:18
 * @LastEditTime: 2024-07-16 14:06:16
 * @LastEditors: hl,haolei@ec.com.cn
 * @Description: 辅助类
 */

hr {
    margin: 16px 0;
    height: 1px;
    border: none 0;
    background: #e9e9e9;
    clear: both;
}

.f-cb:after,
.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb,
.f-cbli li {
    zoom: 1;
}

.f-ib {
    display: inline-block;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pr {
    position: relative;
}

.f-prz {
    position: relative;
    zoom: 1;
}

.f-pa {
    position: absolute;
}

.f-oh {
    overflow: hidden;
}

.f-ff0 {
    font-family: arial, \5b8b\4f53;
}

.f-ff1 {
    font-family: 'Microsoft YaHei', '\5fae\8f6f\96c5\9ed1', arial, '\5b8b\4f53';
}

.f-fs1 {
    font-size: 12px;
}

.f-fs2 {
    font-size: 14px;
}

.f-fs16 {
    font-size: 16px;
}

.f-fs18 {
    font-size: 18px;
}

.f-fs22 {
    font-size: 22px;
}


.f-fwn {
    font-weight: normal;
}

.f-fwb {
    font-weight: bold;
}

.f-tal {
    text-align: left;
}

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

.f-tar {
    text-align: right;
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph;
}

.f-vam,
.f-vama * {
    vertical-align: middle;
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px;
}

.f-ti2 {
    text-indent: 2em;
}

.f-lhn {
    line-height: normal;
}

.f-tdu,
.f-tdu:hover {
    text-decoration: underline;
}

.f-tdn,
.f-tdn:hover {
    text-decoration: none;
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.f-csp {
    cursor: pointer;
}

.f-csd {
    cursor: default;
}

.f-csh {
    cursor: help;
}

.f-csm {
    cursor: move;
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.f-line1 {
    border-bottom: 5px solid #da2810;
}

.f-bdrs3 {
    border-radius: 3px !important;
}

.f-bdrs5 {
    border-radius: 5px !important;
}

.f-mt5 {
    margin-top: 5px !important;
}

.f-mt8 {
    margin-top: 8px !important;
}

.f-mt10 {
    margin-top: 10px !important;
}


.f-mt15 {
    margin-top: 15px !important;
}

.f-mt20 {
    margin-top: 20px !important;
}

.f-mt25 {
    margin-top: 25px !important;
}

.f-mt30 {
    margin-top: 30px !important;
}

.f-mt40 {
    margin-top: 40px !important;
}

.f-mt50 {
    margin-top: 50px !important;
}

.f-mt60 {
    margin-top: 60px !important;
}

.f-mt70 {
    margin-top: 70px !important;
}

.f-mt80 {
    margin-top: 80px !important;
}

.f-mr5 {
    margin-right: 5px !important;
}

.f-mr8 {
    margin-right: 8px !important;
}

.f-mr10 {
    margin-right: 10px !important;
}

.f-mr15 {
    margin-right: 15px !important;
}

.f-mr20 {
    margin-right: 20px !important;
}

.f-mb5 {
    margin-bottom: 5px !important;
}

.f-mb8 {
    margin-bottom: 8px !important;
}

.f-mb10 {
    margin-bottom: 10px !important;
}

.f-mb15 {
    margin-bottom: 15px !important;
}

.f-mb20 {
    margin-bottom: 20px !important;
}

.f-mb25 {
    margin-bottom: 25px !important;
}

.f-mb28 {
    margin-bottom: 28px !important;
}

.f-mb30 {
    margin-bottom: 30px !important;
}


.f-ml5 {
    margin-left: 5px !important;
}

.f-ml8 {
    margin-left: 8px !important;
}

.f-ml10 {
    margin-left: 10px !important;
}

.f-ml12 {
    margin-left: 12px !important;
}

.f-ml15 {
    margin-left: 15px !important;
}

.f-ml20 {
    margin-left: 20px !important;
}

.f-ml30 {
    margin-left: 30px !important;
}

.f-ml40 {
    margin-left: 40px !important;
}

.f-ml50 {
    margin-left: 50px !important;
}

.f-p10 {
    padding: 10px !important;
}

.f-pt5 {
    padding-top: 5px !important;
}

.f-pt10 {
    padding-top: 10px !important;
}

.f-pt12 {
    padding-top: 12px !important;
}

.f-pt15 {
    padding-top: 15px !important;
}

.f-pt20 {
    padding-top: 20px !important;
}

.f-pt30 {
    padding-top: 30px !important;
}

.f-pr5 {
    padding-right: 5px !important;
}

.f-pr8 {
    padding-right: 8px !important;
}

.f-pr10 {
    padding-right: 10px !important;
}

.f-pr15 {
    padding-right: 15px !important;
}

.f-pr20 {
    padding-right: 20px !important;
}

.f-pb5 {
    padding-bottom: 5px !important;
}

.f-pb10 {
    padding-bottom: 10px !important;
}

.f-pb12 {
    padding-bottom: 12px !important;
}

.f-pb15 {
    padding-bottom: 15px !important;
}

.f-pb20 {
    padding-bottom: 20px !important;
}

.f-pl5 {
    padding-left: 5px !important;
}

.f-pl8 {
    padding-left: 8px !important;
}

.f-pl10 {
    padding-left: 10px !important;
}

.f-pl15 {
    padding-left: 15px !important;
}

.f-pl20 {
    padding-left: 20px !important;
}


.f-flex {
    display: flex;
}

/*左右居中*/
.f-flex-c {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}


/*上下居中*/
.f-flex-r {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}


/*上下 均匀分布*/
.f-flex-r-sa {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
}


/*上下 两端分布*/
.f-flex-r-sb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}


/*左右 均匀分布*/
.f-flex-c-sa {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


/*左右 两端分布*/
.f-flex-c-sb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/*上下 居中*/
.f-flex-r-c {
    flex-wrap: wrap;
    display: flex;
    align-content: center;
}

.f-flex-a-c {
    display: flex;
    align-items: center;
}

@font-face {
    font-family: "countdown";
    src: url("../../fonts/countdown.ttf") format("truetype"),
        url('../../fonts/countdown.woff') format('woff');
}