@media (max-width:799px){
    /* function */
    .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-oh {
        overflow: hidden;
    }

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

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


    .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-tae {
        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-toe2 {
        // 2行显示省略号 overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        //行数 -webkit-box-orient: vertical;
        word-break: break-all;
    }

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

    .fleft {
        float: left;
        width: 100%;
    }

    html {
        overflow-x: hidden;
    }

    .mb14 {
        margin-bottom: 14px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .mb18 {
        margin-bottom: 18px;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb24 {
        margin-bottom: 24px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .mb50 {
        margin-bottom: 50px;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt14 {
        margin-top: 14px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt24 {
        margin-top: 24px;
    }

    .mt30 {
        margin-top: 30px;
    }

    .mt40 {
        margin-top: 40px;
    }

    .mr10 {
        margin-right: 10px;
    }

    .mr18 {
        margin-right: 18px;
    }

    .mr20 {
        margin-right: 20px;
    }

    .mr30 {
        margin-right: 30px;
    }

    .mr40 {
        margin-right: 40px;
    }

    .ml6 {
        margin-left: 6px;
    }

    .ml10 {
        margin-left: 10px;
    }

    .ml20 {
        margin-left: 20px;
    }

    .ml30 {
        margin-left: 30px;
    }

    .ml40 {
        margin-left: 40px;
    }

    .w100 {
        width: 100%;
    }

    .pad20 {
        padding: 20px;
    }

    .pad15 {
        padding: 15px;
    }

    .pad30 {
        padding: 30px;
    }



    /* 字体 */



    .font24 {
        font-size: calc(24vw / 7.5);
    }

    .font26 {
        font-size: calc(26vw / 7.5);
    }

    .font30 {
        font-size: calc(30vw / 7.5);
    }

    .font48 {
        font-size: calc(48vw / 7.5);
    }

    .font_bold {
        font-weight: bold;
    }

    .flex_around_cen {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

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

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

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


}