html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC, PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif;
    }
    ul,
    li {
        list-style: none;
    }
    a,
    a:hover,
    a:focus {
        text-decoration: none;
    }
    .page-container {
        width: 1180px;
        margin: 0 auto;
    }
    body {
        padding-bottom: 76px;
        background: #F8F8F8;
    }
    .navs-wrapper {
        height: 80px;
    }
    .navs-wrapper .navs.navst {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 999;
    }
    .navs-wrapper .navs .navbar {
        margin-bottom: 0;
        border: 0;
        height: 80px;
        background: #314FD5;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
    }
    .navs-wrapper .navs .navbar.navbar-inverse {
        background-color: #fff;
    }
    .navs-wrapper .navs .navbar .navbar-header .logo {
        float: left;
    }
    .navs-wrapper .navs .navbar .navbar-header .logo h1 {
        height: 80px;
        display: flex;
        align-items: center;
    }
    .navs-wrapper .navs .navbar .navbar-header .logo h1 a {
        display: inline-block;
        width: 120px;
        height: 38px;
    }
    .navs-wrapper .navs .navbar .navbar-header .logo h1 span.pipe {
        width: 1px;
        height: 36px;
        background: #FFFFFF;
    }
    .navs-wrapper .navs .navbar .navbar-header .logo h1 span.text {
        font-size: 24px;
        color: #FFFFFF;
        margin-left: 16px;
        font-weight: 400;
    }
    .navs-wrapper .navs .navbar .navbar-nav {
        position: relative;
        margin-left: 120px;
    }
    .navs-wrapper .navs .navbar .navbar-nav li {
        width: 120px;
        position: relative;
    }
    .navs-wrapper .navs .navbar .navbar-nav li.active {
        font-weight: bold;
        color: #111111;
    }
    .navs-wrapper .navs .navbar .navbar-nav li.active a,
    .navs-wrapper .navs .navbar .navbar-nav li:hover a {
        font-weight: 500;
        color: #111111;
        background-color: unset;
    }
    .navs-wrapper .navs .navbar .navbar-nav li a {
        font-size: 14px;
        color: #333333;
        text-align: center;
        padding: 20px 10px;
    }
    .navs-wrapper .navs .navbar .container {
        width: 1210px;
    }
    .qualcomm-swiper-wrapper .swiper-father {
        width: 100%;
        height: 400px;
        font-size: 16px;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container {
        height: 100%;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination {
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 20px;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #EEEEEE;
        border-radius: 50%;
        opacity: 1;
        transition: all 0.3s;
    }
    .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 10px;
        background: rgba(52, 83, 215, 0.5);
        border-radius: 5px;
    }
    .tabs-wrapper {
        height: 60px;
        background: #FFFFFF;
    }
    .tabs-wrapper .tabs {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .tabs-wrapper .tabs span {
        height: 32px;
        line-height: 32px;
        border-radius: 2px;
        font-size: 14px;
        color: #555666;
        padding: 0 8px;
        cursor: pointer;
    }
    .tabs-wrapper .tabs span:hover {
        background: #EDF1F8;
    }
    .tabs-wrapper .tabs span + span {
        margin-left: 16px;
    }
    .tabs-wrapper .tabs span.active {
        background: #314FD5;
        color: #FFFFFF;
    }
    .product-list-wrapper {
        margin-top: 16px;
    }
    .product-list-wrapper .product-list ul li + li {
        margin-top: 16px;
    }
    .product-list-wrapper .product-list ul li a {
        display: flex;
        height: 160px;
        background: #FFFFFF;
        padding: 16px 24px;
    }
    .product-list-wrapper .product-list ul li a .left {
        flex-shrink: 0;
        width: 228px;
        height: 128px;
    }
    .product-list-wrapper .product-list ul li a .left img {
        width: 100%;
        height: 100%;
    }
    .product-list-wrapper .product-list ul li a .right {
        margin-left: 16px;
        width: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    .product-list-wrapper .product-list ul li a .right .title {
        font-size: 18px;
        font-weight: 500;
        color: #222226;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product-list-wrapper .product-list ul li a .right .content {
        font-size: 14px;
        color: #555666;
        line-height: 24px;
        margin-top: 8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .product-list-wrapper .product-list ul li a .right .footer {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .product-list-wrapper .product-list ul li a .right .footer .like.active span {
        color: #F06E56;
    }
    .product-list-wrapper .product-list ul li a .right .footer .like.active span:before {
        background-image: url(https://img-bss.csdnimg.cn/202103101626161274.png);
    }
    .product-list-wrapper .product-list ul li a .right .footer .like span {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #555666;
    }
    .product-list-wrapper .product-list ul li a .right .footer .like span em {
        font-style: normal;
    }
    .product-list-wrapper .product-list ul li a .right .footer .like span:before {
        content: '';
        width: 18px;
        height: 18px;
        background: url(https://img-bss.csdnimg.cn/202103101626456313.png) no-repeat center center;
        background-size: contain;
        margin-right: 2px;
    }
    .product-list-wrapper .product-list ul li a .right .footer .channel {
        display: flex;
    }
    .product-list-wrapper .product-list ul li a .right .footer .channel object + object {
        margin-left: 8px;
    }
    .product-list-wrapper .product-list ul li a .right .footer .channel a{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        background: #FFFFFF;
        border-radius: 20px;
        border: 1px solid #314FD5;
        padding: 0 16px;
        font-size: 14px;
        color: #314FD5;
    }
    .product-list-wrapper .product-list ul li a .right .footer .channel a + a  {
        margin-left: 8px;
    }
    .product-list-wrapper .product-list .pagination-wrapper {
        margin: 40px 0;
        text-align: center;
    }
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination {
        margin: 0;
        height: 32px;
    }
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination a,
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination span {
        display: inline-block;
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        background: #F7F7FC;
        border-radius: 4px;
        margin: 0 4px;
        font-size: 12px;
        color: #555665;
    }
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination a:hover {
        font-weight: bold;
        color: #314FD5;
    }
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current {
        background: #314FD5;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
    }
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current.prev,
    .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current.next {
        background: #F7F7FC;
        color: #E8E8ED;
    }
    .pc {
        display: block;
    }
    .wap {
        display: none;
    }
    @media (max-width: 480px) {
        body {
            padding-bottom: 50px;
            background: #F8F8F8;
        }
        .pc {
            display: none;
        }
        .wap {
            display: block;
        }
        .page-container {
            width: unset;
            margin: unset;
        }
        .navs-wrapper {
            height: unset;
        }
        .navs-wrapper .navs {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 999;
        }
        .navs-wrapper .navs .navbar {
            margin-bottom: 0;
            border: 0;
            height: unset;
            background: #314FD5;
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
        }
        .navs-wrapper .navs .navbar.navbar-inverse {
            background-color: #fff;
        }
        .navs-wrapper .navs .navbar .navbar-header {
            position: relative;
        }
        .navs-wrapper .navs .navbar .navbar-header .logo {
            float: none;
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
        }
        .navs-wrapper .navs .navbar .navbar-header .logo h1 {
            height: 50px;
            display: flex;
            align-items: center;
        }
        .navs-wrapper .navs .navbar .navbar-header .logo h1 a {
            display: block;
            width: 90px;
            height: 45px;

        }
        .navs-wrapper .navs .navbar .navbar-header .logo h1 span.pipe {
            width: 1px;
            height: 18px;
            background: #FFFFFF;
        }
        .navs-wrapper .navs .navbar .navbar-header .logo h1 span.text {
            font-size: 14px;
            color: #FFFFFF;
            margin-left: 8px;
            font-weight: 400;
        }
        .navs-wrapper .navs .navbar .navbar-header .navbar-toggle {
            visibility: hidden;
        }
        .navs-wrapper .navs .navbar .navbar-collapse {
            padding: 0;
        }
        .navs-wrapper .navs .navbar .navbar-nav {
            margin-left: 0;
            padding: 0;
            width: 100%;
        }
        .navs-wrapper .navs .navbar .navbar-nav li {
            width: 100%;
            position: relative;
        }
        .navs-wrapper .navs .navbar .navbar-nav li.active:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 20px;
            height: 3px;
            background: #48C006;
            display: none;
        }
        .navs-wrapper .navs .navbar .navbar-nav li.active a,
        .navs-wrapper .navs .navbar .navbar-nav li:hover a {
            font-weight: unset;
            color: unset;
            background-color: #e7e7e7;
        }
        .navs-wrapper .navs .navbar .navbar-nav li a {
            font-size: 14px;
            font-weight: unset;
            color: #777;
            text-align: initial;
            padding: 10px 15px;
        }
        .navs-wrapper .navs .navbar .navbar-nav li a:focus {
            background-color: unset;
        }
        .navs-wrapper .navs .navbar .container {
            width: unset;
        }
        .qualcomm-swiper-wrapper {
            margin-top: 50px;
        }
        .qualcomm-swiper-wrapper .swiper-father {
            width: 100%;
            height: 148px;
            font-size: 16px;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container {
            height: 100%;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item {
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item a {
            display: block;
            width: 100%;
            height: 100%;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination {
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            bottom: 5px;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background: #EEEEEE;
            border-radius: 50%;
            opacity: 1;
            transition: all 0.3s;
            outline: 0;
        }
        .qualcomm-swiper-wrapper .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 20px;
            height: 10px;
            background: rgba(52, 83, 215, 0.5);
            border-radius: 5px;
        }
        .tabs-wrapper {
            height: 60px;
            background: #FFFFFF;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
        }
        .tabs-wrapper::-webkit-scrollbar {
            display: none;
        }
        .tabs-wrapper .tabs {
            height: 100%;
            display: block;
            align-items: initial;
            font-size: 0;
            white-space: nowrap;
        }
        .tabs-wrapper .tabs span {
            display: inline-block;
            height: 32px;
            line-height: 32px;
            border-radius: 2px;
            font-size: 14px;
            color: #555666;
            padding: 0 8px;
            cursor: pointer;
            margin-top: 14px;
        }
        .tabs-wrapper .tabs span:first-of-type {
            margin-left: 10px;
        }
        .tabs-wrapper .tabs span:last-of-type {
            margin-right: 10px;
        }
        .tabs-wrapper .tabs span:hover {
            background: #EDF1F8;
        }
        .tabs-wrapper .tabs span + span {
            margin-left: 16px;
        }
        .tabs-wrapper .tabs span.active {
            background: #314FD5;
            color: #FFFFFF;
        }
        .product-list-wrapper {
            margin-top: 10px;
        }
        .product-list-wrapper .product-list ul {
            padding: 0 10px;
        }
        .product-list-wrapper .product-list ul li + li {
            margin-top: 10px;
        }
        .product-list-wrapper .product-list ul li a {
            display: flex;
            flex-direction: column;
            height: auto;
            background: #FFFFFF;
            padding: 10px;
        }
        .product-list-wrapper .product-list ul li a .left {
            flex-shrink: 0;
            width: 100%;
            height: auto;
        }
        .product-list-wrapper .product-list ul li a .left img {
            width: 100%;
            height: auto;
        }
        .product-list-wrapper .product-list ul li a .right {
            margin-left: 0;
            width: 100%;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            margin-top: 8px;
        }
        .product-list-wrapper .product-list ul li a .right .title {
            font-size: 18px;
            font-weight: 500;
            color: #222226;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .product-list-wrapper .product-list ul li a .right .content {
            font-size: 14px;
            color: #555666;
            line-height: 24px;
            margin-top: 8px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .product-list-wrapper .product-list ul li a .right .footer {
            margin-top: auto;
            display: block;
            justify-content: space-between;
            align-items: center;
            margin-top: 8px;
        }
        .product-list-wrapper .product-list ul li a .right .footer .like.active span {
            color: #F06E56;
        }
        .product-list-wrapper .product-list ul li a .right .footer .like.active span:before {
            background-image: url(https://img-bss.csdnimg.cn/202103101626161274.png);
        }
        .product-list-wrapper .product-list ul li a .right .footer .like span {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #555666;
        }
        .product-list-wrapper .product-list ul li a .right .footer .like span em {
            font-style: normal;
        }
        .product-list-wrapper .product-list ul li a .right .footer .like span:before {
            content: '';
            width: 18px;
            height: 18px;
            background: url(https://img-bss.csdnimg.cn/202103101626456313.png) no-repeat center center;
            background-size: contain;
            margin-right: 2px;
        }
        .product-list-wrapper .product-list ul li a .right .footer .channel {
            display: flex;
            margin-top: 8px;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
        }
        .product-list-wrapper .product-list ul li a .right .footer .channel::-webkit-scrollbar {
            display: none;
        }
        .product-list-wrapper .product-list ul li a .right .footer .channel a {
            flex-shrink: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 32px;
            background: #FFFFFF;
            border-radius: 20px;
            border: 1px solid #314FD5;
            padding: 0 16px;
            font-size: 14px;
            color: #314FD5;
        }
        .product-list-wrapper .product-list ul li a .right .footer .channel span + span {
            margin-left: 8px;
        }
        .product-list-wrapper .product-list .pagination-wrapper {
            margin-top: 20px;
            text-align: center;
        }
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination {
            margin: 0;
            height: 32px;
        }
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination a,
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination span {
            display: inline-block;
            min-width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            background: #F7F7FC;
            border-radius: 4px;
            margin: 0 4px;
            font-size: 12px;
            color: #555665;
        }
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination a:hover {
            font-weight: bold;
            color: #314FD5;
        }
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current {
            background: #314FD5;
            font-size: 12px;
            font-weight: bold;
            color: #FFFFFF;
        }
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current.prev,
        .product-list-wrapper .product-list .pagination-wrapper .news-pagination .current.next {
            background: #F7F7FC;
            color: #E8E8ED;
        }
    }