[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    background: url(../res/images/icon.png) no-repeat 50px 50px;
    flex-shrink: 0;
}

.icon-arrow {
    background-position: -18px -34px;
    width: 14px;
    height: 7px;
}

.icon-arrow-blue {
    background-position: -18px -57px;
    width: 14px;
    height: 7px;
}

.icon-blueRight {
    background-position: -55px -27px;
    width: 19px;
    height: 14px;
}

.icon-fffRight {
    background-position: -103px -27px;
    width: 19px;
    height: 14px;
}

.icon-blackRight {
    background-position: -139px -31px;
    width: 26px;
    height: 10px;
}

.icon-yphone {
    background-position: -173px -8px;
    width: 34px;
    height: 33px;
}

.icon-bphone {
    background-position: -312px -77px;
    width: 32px;
    height: 32px;
}

/* .icon-bphone:hover {
    cursor: pointer;
    background-position: -46px -78px;
    width: 28px;
    height: 31px;
} */
.icon-bphone-blue {
    background-position: -44px -77px;
    width: 32px;
    height: 32px;
}

.icon-qrcode {
    background-position: -360px -79px;
    width: 32px;
    height: 32px;
}

.icon-qrcode-blue {
    background-position: -92px -79px;
    width: 32px;
    height: 32px;
}

.icon-yemail {
    background-position: -245px -9px;
    width: 39px;
    height: 32px;
}

.icon-blacktop {
    background-position: -5px -83px;
    width: 32px;
    height: 32px;
}

.icon-blacktop-blue {
    background-position: -405px -83px;
    width: 32px;
    height: 32px;
}

.icon-qrcode {
    background-position: -362px -81px;
    width: 28px;
    height: 28px;
}

.icon-qrcode:hover {
    cursor: pointer;
    background-position: -94px -81px;
    width: 28px;
    height: 28px;
}

.icon-arrowRight {
    background-position: -148px -80px;
    width: 18px;
    height: 30px;
}

.icon-success {
    background-position: -187px -89px;
    width: 20px;
    height: 20px;
}

.icon-bsuccess {
    background-position: -302px -285px;
    width: 20px;
    height: 20px;
}

.icon-rRight {
    background-position: -248px -73px;
    width: 36px;
    height: 36px;
    opacity: 0.9;
    cursor: pointer;
}

.icon-rRight:hover {
    opacity: 1;
}

.icon-sn1 {
    background-position: -22px -132px;
    width: 52px;
    height: 52px;
}

.icon-sn2 {
    background-position: -89px -126px;
    width: 33px;
    height: 58px;
}

.icon-sn3 {
    background-position: -153px -130px;
    width: 54px;
    height: 54px;
}

.icon-sn4 {
    background-position: -227px -132px;
    width: 56px;
    height: 51px;
}

.icon-video {
    background-position: -45px -208px;
    width: 76px;
    height: 46px;
}

.icon-heart {
    background-position: -140px -199px;
    width: 66px;
    height: 54px;
}

.icon-mRight {
    background-position: -129px -269px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    opacity: 0.8;
}

.icon-mRight:hover {
    opacity: 1;
}

.icon-headArrow1 {
    background-position: -399px -18px;
    width: 24px;
    height: 24px;
}

.icon-headArrow2 {
    background-position: -476px -22px;
    width: 25px;
    height: 19px;
}

.icon-headArrow3 {
    background-position: -529px -18px;
    width: 26px;
    height: 23px;
}

.icon-headArrow4 {
    background-position: -578px -16px;
    width: 25px;
    height: 25px;
}

.icon-mselected {
    background-position: -517px -225px;
    width: 11px;
    height: 6px;
}

.icon-zxrx {
    background-position: -442px -348px;
}

.icon-lxyx {
    background-position: -440px -452px;
}

.icon-gsdz {
    background-position: -443px -574px;
}

.icon-busSearch {
    background-position: -238px -371px;
}

.icon-jytp {
    background-position: -239px -434px;
}

.icon-ldjk {
    background-position: -237px -498px;
}

.icon-scbg {
    background-position: -238px -562px;
}

.icon-qqqyzlk {
    background-position: -238px -624px;
}

.icon-style {
    background-position: -144px -446px;
    width: 56px;
    height: 20px;
}

.icon-dispose {
    background-position: -156px -386px;
    width: 34px;
    height: 26px;
}

.icon-operate {
    background-position: -156px -498px;
    width: 33px;
    height: 33px;
}

.icon-Search {
    background-position: -156px -567px;
    width: 34px;
    height: 34px;
}

.icon-keting {
    background-position: -157px -635px;
    width: 32px;
    height: 32px;
}

.icon-share {
    background-position: -155px -701px;
    width: 35px;
    height: 32px;
}

.icon-cloud {
    background-position: -559px -332px;
    width: 94px;
    height: 66px;
}

.icon-recover {
    background-position: -570px -430px;
    width: 73px;
    height: 79px;
}

.icon-skill {
    background-position: -572px -539px;
    width: 70px;
    height: 76px;
}

.icon-promise {
    background-position: -571px -647px;
    width: 70px;
    height: 75px;
}

.icon-look-video {
    background-position: -500px -126px;
    width: 31px;
    height: 31px;
}

.icon-look-video-white {
    background-position: -446px -126px;
    width: 31px;
    height: 31px;

}

.icon-look-video.guankan {
    background-position: -446px -126px;
    width: 31px;
    height: 31px;
}

.icon-whats-video {
    background-position: -554px -126px;
    width: 31px;
    height: 31px;
}

.icon-download-file {
    background-position: -524px -80px;
    width: 28px;
    height: 28px;
}

/* 移动端图标*/
@media screen and (max-width:828px) {

    [class^="icon-"],
    [class*=" icon-"] {
        background-size: 351px auto;
    }

    .icon-mMenu {
        background-position: -0px -140px;
        width: 16px;
        height: 13px;
    }

    .icon-mClose {
        background-position: -21px -137px;
        width: 16px;
        height: 16px;
    }

    .icon-mArrow {
        background-position: -100px -293px;
        width: 22px;
        height: 12px;
    }

    .icon-mRight {
        background-position: -129px -269px;
        width: 36px;
        height: 36px;
    }

    .icon-blacktop {
        background-position: -236px -40px;
        width: 18px;
        height: 14px;
    }

    /* .icon-blacktop:hover {
        background-position: -204px -45px;
    } */

    .icon-mtop {
        background-position: -171px -279px;
        width: 36px;
        height: 26px;
    }

    .icon-blackRight {
        background-position: -69px -16px;
        width: 14px;
        height: 6px;
    }

    .icon-yphone {
        background-position: -86px -4px;
        width: 17px;
        height: 17px;
    }

    .icon-yemail {
        background-position: -122px -4px;
        width: 20px;
        height: 16px;
    }

    .icon-rRight {
        background-position: -124px -36px;
        width: 19px;
        height: 19px;
    }

    .icon-success {
        background-position: -35px -164px;
        width: 15px;
        height: 15px;
    }

    .icon-mRight {
        background-position: -64px -134px;
        width: 19px;
        height: 19px;
    }

    .icon-bsuccess {
        background-position: -7px -164px;
        width: 15px;
        height: 15px;
    }

    .icon-top {
        background-position: -409px -91px;
        width: 23px;
        height: 18px;
    }

    .icon-sn1 {
        background-position: -11px -66px;
        width: 26px;
        height: 26px;
    }

    .icon-sn2 {
        background-position: -44px -63px;
        width: 17px;
        height: 29px;
    }

    .icon-sn3 {
        background-position: -76px -65px;
        width: 28px;
        height: 27px;
    }

    .icon-sn4 {
        background-position: -114px -66px;
        width: 28px;
        height: 26px;
    }

    .icon-busSearch {
        background-position: -119px -186px;
    }

    .icon-jytp {
        background-position: -119px -217px;
    }

    .icon-ldjk {
        background-position: -120px -249px;
    }

    .icon-scbg {
        background-position: -120px -281px;
    }

    .icon-qqqyzlk {
        background-position: -119px -314px;
    }

    .icon-style {
        background-position: -4px -185px;
        width: 62px;
        height: 22px;
    }

    .icon-dispose {
        background-position: -12px -210px;
        width: 47px;
        height: 33px;
    }

    .icon-operate {
        background-position: -15px -252px;
        width: 42px;
        height: 42px;
    }

    .icon-Search {
        background-position: -15px -300px;
        width: 41px;
        height: 41px;
    }

    .icon-keting {
        background-position: -14px -349px;
        width: 44px;
        height: 40px;
    }

    .icon-share {
        background-position: -15px -397px;
        width: 42px;
        height: 38px;
    }

    .icon-cloud {
        background-position: -280px -166px;
        width: 47px;
        height: 33px;
    }

    .icon-recover {
        background-position: -285px -215px;
        width: 37px;
        height: 40px;
    }

    .icon-skill {
        background-position: -286px -270px;
        width: 35px;
        height: 38px;
    }

    .icon-promise {
        background-position: -285px -324px;
        width: 35px;
        height: 38px;
    }

    .icon-zxrx {
        background-position: -160px -166px;
        width: 40px;
        height: 42px;
        margin-top: 35px;
    }

    .icon-lxyx {
        background-position: -156px -226px;
        width: 47px;
        height: 35px;
        margin-top: 35px;
    }

    .icon-gsdz {
        background-position: -160px -278px;
        width: 39px;
        height: 50px;
    }

    .icon-look-video {
        background-position: -250px -63px;
        width: 16px;
        height: 16px;
    }

    .icon-look-video-white {
        background-position: -223px -63px;
        width: 16px;
        height: 16px;
    }

    .icon-look-video.guankan {
        background-position: -223px -63px;
        width: 16px;
        height: 16px;
    }

    .icon-whats-video {
        background-position: -277px -63px;
        width: 15px;
        height: 15px;
    }

    .icon-download-file {
        background-position: -262px -40px;
        width: 14px;
        height: 14px;
    }
}