.countBefor {
    position   : relative;
    font-size  : 0.3273rem;
    font-weight: 500;
}

.countBefor::after {
    content  : attr(data-count);
    font-size: 0.2182rem;
    position : absolute;
    right    : -0.4545rem;
    top      : 0rem;
}

.transition-root:hover>.parm {
    box-shadow: var(--ShadowSize) var(--blackShadow);
    transform : translateY(-25%);
    transition: all .3s;
}

.transition-root:hover>div>.transition {
    border-radius: 0;
    width        : 100%;
}

.transition {
    width     : 0.525;
    height    : 0.525;
    transition: all .3s;
}

.transition-root:hover>div>.s-1 {
    display: block;
}

.transition-root:hover>div>.s-2 {
    display: flex;
}

.fell-button:hover {
    background: #FF7733;
    color     : white
}

.nav_button {
    padding: 3px 5px;
    border : 1px solid #eee;
}

.nav_button:hover {
    border: 1px solid #FF7733;
    color : #FF7733;
}

li {
    margin     : 0 0.2727rem;
    cursor     : pointer;
    font-size  : 0.3091rem;
    height     : 0.3rem;
    display    : flex;
    align-items: center;
}

li:hover {
    color: #FF7733
}

.jiejue {
    top                       : 0.3rem;
    transition                : all .7s;
    z-index                   : 5;
    width                     : 60%;
    background                : white;
    height                    : 0;
    border-bottom-left-radius : 0.075rem;
    border-bottom-right-radius: 0.075rem;
}

.item>.item-1>div:hover {
    background-color: var(--gray);
}

.item+.item>.item-1::after {
    content   : "";
    position  : absolute;
    width     : 1px;
    height    : 100%;
    background: #f5f5f5;
    left      : -10px;
    top       : 0
}

/* 复制的 */

.imgAnimate img {
    width : 1.0909rem;
    height: 1.6364rem
}

@-webkit-keyframes loading {
    0% {
        right: 0%;
    }

    25% {
        right: 3%;
    }

    50% {
        right: -2%;
    }

    100% {
        right: 0;
    }
}

@-webkit-keyframes loading1 {
    0% {
        right: 0%;
    }

    25% {
        right: 4%;
    }

    50% {
        right: -2%;
    }

    100% {
        right: 0;
    }
}

@-webkit-keyframes loading2 {
    0% {
        right: 0%;
    }

    25% {
        right: 5%;
    }

    50% {
        right: -2%;
    }

    100% {
        right: 0;
    }
}

.chanpin {
    width             : 200px;
    height            : 382px;
    position          : absolute;
    top               : 600px;
    left              : 100px;
    transition        : top 0.5s;
    -moz-transition   : top 0.5s;
    /* Firefox 4 */
    -webkit-transition: top 0.5s;
    /* Safari and Chrome */
    -o-transition     : top 0.5s;
    /* Opera */
}

.dang {
    width           : 202px;
    height          : 384px;
    background-color: rgba(0, 0, 0, 0.5);
    position        : relative;
    z-index         : 5;
    top             : -384px;
    left            : 0;
    border-radius   : 16px;
    margin-top      : 0;
    display         : none;
}

.chanpin:hover {
    top: 590px;
}

.chanpin:hover>.dang {
    display: block;
}

.wangzhan {
    width   : 356px;
    height  : 340px;
    position: absolute;
    top     : 0;
    left    : 500px;
}

.wangimg {
    width   : 100%;
    position: relative;
    top     : 0;
    left    : 0;
}

/* 新的 */
.my-title {
    padding    : 0.2727rem 0.3455rem;
    font-family: "微软雅黑";
    height     : 1.2727rem;
    box-shadow : 0 0.0545rem 0.0727rem rgb(0 0 0 / 10%);

}

.top-1 {
    border   : 1px solid #ccc;
    font-size: 0.2545rem;
    color    : #555;
    padding  : 0.0364rem 0.0909rem;
}

.my-line {
    width     : 0.0182rem;
    height    : 0.3273rem;
    background: #ccc;
    margin    : 0 0.1455rem
}

.swiper-pagination-bullet {
    width        : 0.1455rem;
    height       : 0.1455rem;
    border-radius: 0.1818rem;
    background   : #ECECEC;
    transition   : width .3s;
    opacity      : .5;
    margin-left  : 1.8182rem;
}

.swiper-pagination-bullet-active {
    width      : 0.3636rem;
    background : #fff;
    opacity    : 1;
    margin-left: 1.8182rem;
}

.swiper-pagination-geng {
    width      : 0.1455rem;
    background : #FE714B;
    opacity    : 1;
    margin-left: 1.8182rem;
}

#swiper2 {
    padding-bottom: 0.6364rem
}

#swiper2 .swiper-pagination-bullets {
    bottom        : -0.1818rem;
    padding-bottom: 0.3636rem
}

.yc-func-item-icon-img {
    display: inline-block;
    vertical-align: middle;
    background-size: 18.1818rem;
    background-color: rgba(247, 249, 251, 1);
    border-radius: 10000px;
    width: 0.99rem;
    height: 0.99rem;
    display:flex;
    align-items:center;
    justify-content:center;
}

.more {
    background: url(../images/material.png) no-repeat;
    background-position: -4.4rem -1.6rem;
    background-size: 18.1818rem;
}

.yc-func-item-icon-img[data-icon="videoShop"] {
    background-position: -0.2364rem -0.2364rem;
}

.yc-func-item-icon-img[data-icon="groupBuy"] {
    background-position: -1.6rem -0.2364rem;
}

.yc-func-item-icon-img[data-icon="pint"] {
    background-position: -3rem -0.2364rem;
}


.yc-func-item-icon-img[data-icon="member"] {
    background-position: -4.4rem -0.2364rem;

}

.yc-func-item-icon-img[data-icon="mulMct"] {
    background-position: -0.2364rem -1.6rem;
}

.yc-func-item-icon-img[data-icon="dist"] {
    background-position: -1.6rem -1.6rem;
}

.yc-func-item-icon-img[data-icon="zeroShop"] {
    background-position: -3rem -1.6rem;
}

.yc-func-item-icon-img[data-icon="more"] {
    background-position: -4.4rem -1.6rem;
}

.mf_button {
    line-height: 0.7273rem;
    font-size  : 0.2545rem;
    color      : white;
    height     : 0.7273rem;
    width      : 2.9091rem;
    background : #FE714B
}

.fk_swiper_title {
    text-align : center;
    font-size  : 0.3636rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color      : #333;
}

.fk_swiper_item_name {
    font-size    : 0.2909rem;
    font-family  : Microsoft YaHei;
    font-weight  : 400;
    color        : #333;
    text-align   : center;
    margin-top   : 0.5455rem;
    margin-bottom: 0.3636rem
}

.fk_swiper_item_content {
    font-size  : 0.2364rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color      : #999;
    text-align : center;
}

.footerBtn {
    display           : block;
    margin            : 0 auto;
    position          : fixed;
    width             : 100%;
    height            : 0.9091rem;
    left              : 0;
    bottom            : 0;
    background-color  : #f73;
    -webkit-transition: left .2s ease-in;
    -ms-transition    : left .2s ease-in;
    -moz-transition   : left .2s ease-in;
    -o-transition     : left .2s ease-in;
    transition        : left .2s ease-in;
    z-index           : 12;
}

.footerBtnText {
    font-size  : 0.2727rem;
    color      : rgba(255, 255, 255, 255);
    line-height: 0.2727rem;
    background : 0;
    width      : 100%;
    text-align : center;
    left       : 0;
    position   : absolute;
    height     : 0.2727rem;
    top        : 0.3273rem;
}

.newsBox {
    padding   : 0.3636rem;
    background: #f2f2f2;
}
.newsImg{
    width:27%;height:2.0364rem;overflow: hidden;
}
.newsDetail {
    font-size: 0.2364rem;
    color    : #777;
    width    : 65%;
    padding  : 0.1818rem 0;
}

.newsDetail>h4 {
    font-size  : 0.3091rem;
    font-weight: 400;
    color      : #000
}

.newsDetail>p {
    display           : -webkit-box;
    -webkit-line-clamp: 4;
    overflow          : hidden;
    text-overflow     : ellipsis;
    -webkit-box-orient: vertical;
    margin-top        : 0.2727rem
}