@charset "UTF-8";
@media(max-width:800px) {
    .cif-header, .is-flex {
        -webkit-box-align: center;
    }
    .app-download .open-app, .ellipsis, .text-ellipsis {
        white-space: nowrap;
    }
    .app-download .open-app, .ellipsis, .ellipsis--1, .ellipsis--2, .ellipsis--3, .text-ellipsis {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    body {
        font-family: Helvetica;
    }
    body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, ul {
        margin: 0;
        padding: 0;
        border: 0;
    }
    ul {
        list-style: none;
    }
    a {
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }
    img {
        display: block;
        width: 100%;
    }
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .clear::after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    .clear {
        zoom: 1;
        overflow: visible;
    }
    .cif-imgbox, .ellipsis, .ellipsis--1, .ellipsis--2, .ellipsis--3, .hidebox, .overhide, .text-ellipsis {
        overflow: hidden;
    }
    .is-pr {
        position: relative !important;
    }
    .is-pa {
        position: absolute !important;
    }
    .is-pf {
        position: fixed !important;
    }
    .is-db {
        display: block !important;
    }
    .is-di {
        display: inline !important;
    }
    .is-dib {
        display: inline-block !important;
    }
    .is-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .textl {
        text-align: left !important;
    }
    .textr {
        text-align: right !important;
    }
    .textc {
        text-align: center !important;
    }
    .is-fwb {
        font-weight: 700;
    }
    .is-fwn {
        font-weight: 400;
    }
    .bdnone {
        border: none !important;
    }
    .ellipsis, .ellipsis--1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .app-download .infobox span, .ellipsis--2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .ellipsis--2 {
        display: -webkit-box;
    }
    .ellipsis--3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .c1 {
        color: #f60;
    }
    .bgc1 {
        background-color: #f60 !important;
    }
    .c2 {
        color: #ff8739;
    }
    .bgc2 {
        background-color: #ff8739 !important;
    }
    .c3 {
        color: #333;
    }
    .bgc3 {
        background-color: #333 !important;
    }
    .c4 {
        color: #666;
    }
    .bgc4 {
        background-color: #666 !important;
    }
    .c5 {
        color: #999;
    }
    .bgc5 {
        background-color: #999 !important;
    }
    .c6 {
        color: #ccc;
    }
    .bgc6 {
        background-color: #ccc !important;
    }
    .c7 {
        color: #ebeced;
    }
    .bgc7 {
        background-color: #ebeced !important;
    }
    .c8 {
        color: #f7f7f7;
    }
    .bgc8 {
        background-color: #f7f7f7 !important;
    }
    .c9 {
        color: #fff;
    }
    .bgc9 {
        background-color: #fff !important;
    }
    .c10 {
        color: #fc583d;
    }
    .bgc10 {
        background-color: #fc583d !important;
    }
    .c11 {
        color: #ffecdd;
    }
    .bgc11 {
        background-color: #ffecdd !important;
    }
    .c12 {
        color: #ed6a07;
    }
    .bgc12 {
        background-color: #ed6a07 !important;
    }
    .c13 {
        color: #aaa;
    }
    .bgc13 {
        background-color: #aaa !important;
    }
    .c14 {
        color: #e2e4e6;
    }
    .bgc14 {
        background-color: #e2e4e6 !important;
    }
    .c15 {
        color: #55bc61;
    }
    .bgc15 {
        background-color: #55bc61 !important;
    }
    .mt-20 {
        margin-top: -20px !important;
    }
    .mb-20 {
        margin-bottom: -20px !important;
    }
    .mr-20 {
        margin-right: -20px !important;
    }
    .ml-20 {
        margin-left: -20px !important;
    }
    .mt-15 {
        margin-top: -15px !important;
    }
    .mb-15 {
        margin-bottom: -15px !important;
    }
    .mr-15 {
        margin-right: -15px !important;
    }
    .ml-15 {
        margin-left: -15px !important;
    }
    .mt-10 {
        margin-top: -10px !important;
    }
    .mb-10 {
        margin-bottom: -10px !important;
    }
    .mr-10 {
        margin-right: -10px !important;
    }
    .ml-10 {
        margin-left: -10px !important;
    }
    .mt-5 {
        margin-top: -5px !important;
    }
    .mb-5 {
        margin-bottom: -5px !important;
    }
    .mr-5 {
        margin-right: -5px !important;
    }
    .ml-5 {
        margin-left: -5px !important;
    }
    .mt0 {
        margin-top: 0 !important;
    }
    .mb0 {
        margin-bottom: 0 !important;
    }
    .mr0 {
        margin-right: 0 !important;
    }
    .ml0 {
        margin-left: 0 !important;
    }
    .mt5 {
        margin-top: 5px !important;
    }
    .mb5 {
        margin-bottom: 5px !important;
    }
    .mr5 {
        margin-right: 5px !important;
    }
    .ml5 {
        margin-left: 5px !important;
    }
    .mt10 {
        margin-top: 10px !important;
    }
    .mb10 {
        margin-bottom: 10px !important;
    }
    .mr10 {
        margin-right: 10px !important;
    }
    .ml10 {
        margin-left: 10px !important;
    }
    .mt15 {
        margin-top: 15px !important;
    }
    .mb15 {
        margin-bottom: 15px !important;
    }
    .mr15 {
        margin-right: 15px !important;
    }
    .ml15 {
        margin-left: 15px !important;
    }
    .mt20 {
        margin-top: 20px !important;
    }
    .mb20 {
        margin-bottom: 20px !important;
    }
    .mr20 {
        margin-right: 20px !important;
    }
    .ml20 {
        margin-left: 20px !important;
    }
    .mt25 {
        margin-top: 25px !important;
    }
    .mb25 {
        margin-bottom: 25px !important;
    }
    .mr25 {
        margin-right: 25px !important;
    }
    .ml25 {
        margin-left: 25px !important;
    }
    .mt30 {
        margin-top: 30px !important;
    }
    .mb30 {
        margin-bottom: 30px !important;
    }
    .mr30 {
        margin-right: 30px !important;
    }
    .ml30 {
        margin-left: 30px !important;
    }
    .mt35 {
        margin-top: 35px !important;
    }
    .mb35 {
        margin-bottom: 35px !important;
    }
    .mr35 {
        margin-right: 35px !important;
    }
    .ml35 {
        margin-left: 35px !important;
    }
    .mt40 {
        margin-top: 40px !important;
    }
    .mb40 {
        margin-bottom: 40px !important;
    }
    .mr40 {
        margin-right: 40px !important;
    }
    .ml40 {
        margin-left: 40px !important;
    }
    .mt45 {
        margin-top: 45px !important;
    }
    .mb45 {
        margin-bottom: 45px !important;
    }
    .mr45 {
        margin-right: 45px !important;
    }
    .ml45 {
        margin-left: 45px !important;
    }
    .mt50 {
        margin-top: 50px !important;
    }
    .mb50 {
        margin-bottom: 50px !important;
    }
    .mr50 {
        margin-right: 50px !important;
    }
    .ml50 {
        margin-left: 50px !important;
    }
    .mt55 {
        margin-top: 55px !important;
    }
    .mb55 {
        margin-bottom: 55px !important;
    }
    .mr55 {
        margin-right: 55px !important;
    }
    .ml55 {
        margin-left: 55px !important;
    }
    .mt60 {
        margin-top: 30px !important;
    }
    .mb60 {
        margin-bottom: 30px !important;
    }
    .mr60 {
        margin-right: 30px !important;
    }
    .ml60 {
        margin-left: 30px !important;
    }
    .mt70 {
        margin-top: 70px !important;
    }
    .mb70 {
        margin-bottom: 70px !important;
    }
    .mr70 {
        margin-right: 70px !important;
    }
    .ml70 {
        margin-left: 70px !important;
    }
    .mt75 {
        margin-top: 75px !important;
    }
    .mb75 {
        margin-bottom: 75px !important;
    }
    .mr75 {
        margin-right: 75px !important;
    }
    .ml75 {
        margin-left: 75px !important;
    }
    .mt90 {
        margin-top: 90px !important;
    }
    .mb90 {
        margin-bottom: 90px !important;
    }
    .mr90 {
        margin-right: 90px !important;
    }
    .ml90 {
        margin-left: 90px !important;
    }
    .mt100 {
        margin-top: 100px !important;
    }
    .mb100 {
        margin-bottom: 100px !important;
    }
    .mr100 {
        margin-right: 100px !important;
    }
    .ml100 {
        margin-left: 100px !important;
    }
    .ft0 {
        font-size: 0 !important;
    }
    .ft12 {
        font-size: 12px !important;
    }
    .ft14 {
        font-size: 14px !important;
    }
    .ft15 {
        font-size: 15px !important;
    }
    .ft16 {
        font-size: 16px !important;
    }
    .ft18 {
        font-size: 18px !important;
    }
    .ft20 {
        font-size: 20px !important;
    }
    .ft22 {
        font-size: 22px !important;
    }
    .ft24 {
        font-size: 24px !important;
    }
    .ft26 {
        font-size: 26px !important;
    }
    .ft28 {
        font-size: 28px !important;
    }
    .ft30 {
        font-size: 30px !important;
    }
    .ft32 {
        font-size: 32px !important;
    }
    .ft40 {
        font-size: 40px !important;
    }
    .cif-btn, .cif-btn .cif-btn__icon {
        font-size: 24px !important;
    }
    .none {
        display: none !important;
    }
    .cif-btn, .cif-btn__icon, .cif-btn__text {
        display: inline-block;
    }
    .hidebox {
        width: 100%;
        height: 0;
    }
    .cs-forbid {
        cursor: not-allowed !important;
    }
    .cs-pointer {
        cursor: pointer !important;
    }
    .bginherit {
        background-color: inherit !important;
    }
    .cif-btn {
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        width: 148px;
        height: 48px;
        line-height: 48px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #fff;
        background-color: #f60;
        border: 1px solid #f60;
    }
    .cif-btn--normal, .cif-btn--normal .cif-btn__icon {
        font-size: 16px !important;
    }
    .cif-btn.is-plain, .cif-btn:active {
        color: #f60;
        background-color: transparent;
        border: 1px solid #f60;
    }
    .cif-btn__icon + .cif-btn__text {
        margin-left: 5px;
    }
    .cif-btn--normal {
        width: 138px;
        height: 38px;
        line-height: 38px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .cif-btn--mini, .cif-btn--mini .cif-btn__icon {
        font-size: 14px !important;
    }
    .cif-btn--normal.is-round {
        -webkit-border-radius: 19px;
        border-radius: 19px;
    }
    .cif-btn--mini {
        width: 74px;
        height: 30px;
        line-height: 30px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .cif-btn--mini.is-round {
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
    .cif-btn--info {
        color: #999;
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7;
    }
    .cif-btn--info.is-plain, .cif-btn--info:active {
        color: #666;
        background-color: transparent;
        border: 1px solid #ebeced;
    }
    .cif-btn.is-round {
        -webkit-border-radius: 24px;
        border-radius: 24px;
    }
    .cif-btn.is-auto {
        width: auto;
        padding: 0 15px;
    }
    .cif-btn.is-type1 {
        background-color: #fff;
        border: 1px solid #f60;
        color: #f60;
    }
    .cif-btn.is-type1:hover {
        background-color: #f60;
        border: 1px solid #f60;
        color: #fff;
    }
    .cif-imgbox {
        display: block;
        position: relative;
    }
    .cif-imgbox img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .cif-imgbox--round {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    .cif-imgbox.is-auto img {
        max-width: none;
    }
    body, html {
        position: relative;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .app-download {
        position: relative;
        width: 100%;
        height: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0 0 15px -3px rgba(0, 0, 0, .3);
        box-shadow: 0 0 15px -3px rgba(0, 0, 0, .3);
        background: #313131;
        color: #fff;
        z-index: 103;
    }
    .app-download .infobox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
    }
    .app-download .infobox img {
        width: 142px;
        height: 80px;
        margin-right: 20px;
        margin-left: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .app-download .infobox span {
        display: -webkit-box;
        overflow: hidden;
    }
    .app-download .open-app {
        display: block;
        width: 112px;
        height: 48px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: #fe6d00;
        color: #fff;
        line-height: 48px;
        font-size: 24px;
        text-align: center;
        margin-right: 30px;
        margin-left: 22px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        overflow: hidden;
    }
    .app-download .close-app-download {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: url(//static.cifnews.com/yuguo3.0/index/images/btn-close-white.png) center no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px;
        display: none;
    }
    .cif-header {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 55px;
        font-size: 14px;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        z-index: 101;
    }
    .cif-header__tit, .cif-header__tit .crumb-item, .search_txt {
        font-size: 28px !important;
    }
    .cif-header__tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #666;
        margin-left: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .cif-header__tit .split {
        margin: 7px 20px 0;
        height: 28px;
        border-left: 1px solid #cfcfcf;
    }
    .cif-header__tit a {
        color: #666;
    }
    .cif-header__tit .crumb {
        margin-top: 5px;
    }
    .cif-header__tit .crumb-item:not(:last-child)::after {
        content: ' > ';
    }
    .cif-header__logo {
        width: 100px;
        height: 40px;
    }
    .cif-header__menubtn {
        margin-right: 5px;
        width: 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        z-index:9999;
    }
    .cif-header__menubtn .icon-close {
        display: none;
        width: 31px;
        height: 31px;
        background: url(/cordyceps/zb_users/theme/tpure/template/images/btn-close.png) center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .micons-hidden{ display: none!important;}
    .cicons-hidden{ display: block!important;}
    .cif-header__menubtn .icon-close::before {
        display: none;
    }
    .cif-header__menubtn .icon-menu {
        display: block;
        width: 18px;
        height: 18px;
        background: url(/cordyceps/zb_users/theme/tpure/template/images/d7694a6c7a14479091e67b6fdb45ec23.png) center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .cif-header__menubtn.is-active .icon-close {
        display: block;
    }
    .cif-header__menubtn.is-active .icon-menu {
        display: none;
    }
    .cif-header__searchbtn {
        display: block;
        width: 100%;
        height: 35px;
        margin-right: 40px;
        margin-left: 150px;
        background: url(/cordyceps/zb_users/theme/tpure/template/images/btn-search.png) right no-repeat;
        -webkit-background-size: 35px 35px;
        background-size: 35px;
    }
    .cif-header__searchbtn.is-input {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        height: 30px;
        margin: 0;
        padding-left: 10px;
        -webkit-border-radius: 33px;
        border-radius: 33px;
        line-height: 30px;
        font-size: 14px;
        color: #666;
        background: url(/cordyceps/zb_users/theme/tpure/template/images/eaf04ff540de475c93e0d3e6f44bdc75.png) right center no-repeat #f7f7f7;
        background-size: 10px 10px;
    }
    .cif-header__menu {
        position: absolute;
        width: 100%;
        min-height: 100vh;
        height: auto;
        background: #3296fa;
        top: 0;
        bottom: 0;
        z-index: 100;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .cif-header__user {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 10px 30px;
        background: none;
        border-bottom: 1px solid #aaa;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
    }
    .cif-header__user .cif-imgbox {
        width: 76px;
        height: 76px;
    }
    .cif-header__user .cif-btn {
        width: 168px;
        height: 68px;
        line-height: 68px;
        font-size: 30px;
        color: #fff;
        border-color: #fff;
        background: 0 0;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        margin-top: 11px;
    }
    .cif-header__userinfo {
        font-size: 32px;
        color: #fff;
        line-height: 76px;
    }
    .cif-header__menu__imgnav {
        width: 100%;
        height: 90px;
    }
    .cif-header__menu__imgnav .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding-left: 20px;
        margin: 20px 0;
        height: auto;
        line-height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 20px;
        color: #eee;
    }
    .cif-header__menu__imgnav .item .cif-imgbox {
        width: 48px;
        height: 48px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 20px;
    }
    .cif-header__menu__imgnav .item:nth-child(1) {
        border-right: 1px solid #e8e8e8;
    }
    .cif-header__menu__sec img {
        display: block;
        width: 100%;
    }
    .cif-header__menu__sec .sec__tit {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-left: 20px;
        font-size: 22px;
        color: #fff;
    }
    .cif-header__menu__sec .sec__cont {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 0 10px;
    }
    .cif-header__menu__sec .sec__cont::after {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        clear: both;
    }
    .cif-header__menu__sec .sec__item {
        width: auto;
            line-height: 46px;
        webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding: 0 10px;
        border: 1px solid rgba(255, 255, 255, .3);
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin: 0 0 10px 10px;
        text-align: center;
        color: rgba(255, 255, 255, .8) !important;
        background: rgba(255, 255, 255, .1);
        font-size: 14px;
    }
    .cif-header__menu__sec .sec__item.c1 {
        color: #fe6d00;
    }
    .cif-header__menu__sec .sec__item:nth-child(4n+1) {
        width: auto;
    }
    .cif-header__menu__sec .sec__item:nth-child(4n+2) {
        width: auto;
    }
    .cif-header__menu__sec .sec__item:nth-child(4n+3) {
        width: auto;
    }
    .cif-header__menu__sec .sec__item:nth-child(4n) {
        width: auto;
    }
    #searchDiv {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        height: 100%;
        z-index: 200;
    }
    #searchDiv div:first-child {
        padding: 0 20px;
        position: relative;
    }
    #searchDiv div:nth-child(2) {
        margin: 120px auto 0;
        width: 88%;
        padding: 0 20px;
    }
    #searchDiv div:nth-child(2) span {
        font-size: 30px;
        color: #8a8a8a;
        display: block;
        width: 100%;
    }
    #searchDiv div:nth-child(2) a {
        padding: 10px 20px;
        border: 1px solid #b8b8b8;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        color: #ff6500;
        margin-top: 30px;
        margin-right: 30px;
        text-align: center;
        float: left;
        font-size: 30px;
        line-height: 30px;
    }
    .disn {
        display: none;
    }
    .search_txt {
        width: 95%;
        display: block;
        margin: 40px auto 0;
        height: 74px;
        line-height: 54px;
        border: none;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        text-indent: 20px;
        background: #f2f2f2;
    }
    .ellipsis-1, .ellipsis-2, .ellipsis-3 {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .search_btn {
        width: 80px;
        float: right;
        border: 0;
        background: url(//static.cifnews.com/yuguo/image/hsearch.png) 5px no-repeat;
        -webkit-background-size: 55% 55%;
        background-size: 55%;
        height: 62px;
        line-height: 62px;
        position: absolute;
        top: 12px;
        right: 4%;
    }
    .ellipsis-1 {
        -webkit-line-clamp: 1;
    }
    .ellipsis-2 {
        -webkit-line-clamp: 2;
    }
    .ellipsis-3 {
        -webkit-line-clamp: 3;
    }
    .global-store {
        width: 100%;
        height: 100px;
        display: block;
        background: url(https://img.cifnews.com/dev/20250630/6237f43380ad4267ab36923cce8ed465.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}