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: QualcommNext, Arial, sans-serif;
}
html,
body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
}
em,
i,
label,
strong,
small {
    font-style: normal;
    font-weight: normal;
}
ul,
ol,
dl {
    list-style-type: none;
}
a,
a:hover,
a:focus {
    text-decoration: none;
}
@media (min-width: 768px) {
    .pc {
        display: block;
    }
    .wap {
        display: none;
    }
    .page-container {
        width: 1200px;
        margin: 0 auto;
    }
    .page-container-2 {
        width: 1420px;
        margin: 0 auto;
    }
    .navigation-wrapper .navigation {
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 75px;
        border-bottom: 1px solid #E4E7EA;
        position: relative;
    }
    .navigation-wrapper .navigation.show-drop-down-menu-wrapper .drop-down-menu-wrapper {
        display: flex;
        justify-content: center;
    }
    .navigation-wrapper .navigation.show-search-bar-wrapper .search-bar-wrapper {
        display: flex;
    }
    .navigation-wrapper .navigation .logo {
        width: 132px;
        height: 25px;
        background: url('https://img-bss.csdnimg.cn/202207221243157538.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .logo.active {
        background-image: url('https://img-bss.csdnimg.cn/202207251510581027.png');
        background-position: left center;
        background-size: 20px 20px;
        cursor: pointer;
    }
    .navigation-wrapper .navigation .logo a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .navigation-wrapper .navigation .navs {
        margin: 0 -40px;
        display: flex;
    }
    .navigation-wrapper .navigation .navs .nav {
        margin: 0 40px;
        font-size: 20px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #4A5A75;
        line-height: 35px;
        cursor: pointer;
        user-select: none;
    }
    .navigation-wrapper .navigation .navs .nav.active .drop-down-menu {
        display: flex;
    }
    .navigation-wrapper .navigation .account {
        margin: 0 -12px;
        display: flex;
    }
    .navigation-wrapper .navigation .account .login {
        margin: 0 12px;
        width: 30px;
        height: 30px;
        background: url('https://img-bss.csdnimg.cn/202207221243417299.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
        position: relative;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper {
        padding: 24px;
        position: absolute;
        right: 0;
        top: 50px;
        z-index: 999;
        width: 300px;
        height: 168px;
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: 0px 2px 10px rgba(74, 90, 117, 0.08), 0px 20px 20px -12px #4a5a75;
        display: none;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper.active {
        display: block;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper .tips {
        color: #677283;
        font-size: 16px;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper .login-btn {
        margin-top: 20px;
        transition: color 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s, border-color 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        border-radius: 50px;
        display: inline-block;
        fill: #3253dc;
        background-color: transparent;
        border: 1px solid #3253dc;
        background-position: right center;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: #3253dc;
        -webkit-box-pack: center;
        justify-content: center;
        line-height: 1;
        margin-bottom: 8px;
        width: 100%;
        padding: 8px 16px;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper .create {
        margin-top: 20px;
        color: #677283;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 18px;
    }
    .navigation-wrapper .navigation .account .login .login-box-wrapper .create a {
        color: #3253dc;
    }
    .navigation-wrapper .navigation .account .search {
        margin: 0 12px;
        width: 30px;
        height: 30px;
        background: url('https://img-bss.csdnimg.cn/202207221244008573.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    .navigation-wrapper .navigation .account .search.active {
        background-image: url('https://img-bss.csdnimg.cn/202207251510581027.png');
        background-size: 20px 20px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper {
        padding: 48px 50px;
        position: absolute;
        left: 0;
        top: 75px;
        z-index: 2;
        display: flex;
        width: 100%;
        height: 360px;
        background: #FFFFFF;
        display: none;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu {
        display: none;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.active {
        display: flex;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .left {
        display: flex;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .left dl {
        width: 295px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .left dl + dl {
        margin-left: 20px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .left dl dt {
        height: 34px;
        font-size: 16px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #222222;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .left dl dd a {
        font-size: 16px;
        font-weight: 400;
        color: #677283;
        line-height: 32px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .right {
        margin-left: 20px;
        padding-left: 25px;
        border-left: 1px solid #D3D9DE;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .right ul li + li {
        margin-top: 16px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .right ul li a {
        display: flex;
        align-items: center;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .right ul li a img {
        width: 50px;
        height: 50px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-1 .right ul li a span {
        margin-left: 8px;
        font-size: 16px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #222222;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-2 {
        justify-content: center;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-2 dl {
        width: 295px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-2 dl + dl {
        margin-left: 20px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-2 dl dt {
        height: 34px;
        font-size: 16px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #222222;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-2 dl dd a {
        font-size: 16px;
        font-weight: 400;
        color: #677283;
        line-height: 32px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .left {
        display: flex;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .left dl {
        width: 215px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .left dl + dl {
        margin-left: 20px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .left dl dt {
        height: 34px;
        font-size: 16px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #222222;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .left dl dd a {
        font-size: 16px;
        font-weight: 400;
        color: #677283;
        line-height: 32px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .right {
        margin-left: 20px;
        padding-left: 25px;
        border-left: 1px solid #D3D9DE;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .right .title {
        font-size: 18px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #6C63FF;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .right .content {
        font-size: 16px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #677283;
        line-height: 32px;
    }
    .navigation-wrapper .navigation .drop-down-menu-wrapper .drop-down-menu.drop-down-menu-3 .right .understand-more {
        margin-top: 11px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 106px;
        height: 32px;
        background: #FFFFFF;
        border-radius: 16px;
        border: 1px solid #3253DC;
        font-size: 16px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #3253DC;
    }
    .navigation-wrapper .navigation .search-bar-wrapper {
        position: absolute;
        left: 0;
        top: 75px;
        z-index: 2;
        width: 100%;
        height: 75px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        display: none;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar {
        display: flex;
        align-items: center;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .icon-search {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background: url('https://img-bss.csdnimg.cn/202207221244008573.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .search-input {
        padding: 0;
        flex-grow: 1;
        height: 30px;
        outline: none;
        border: none;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.3px;
        color: #000000;
        text-indent: 10px;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .search-input::placeholder {
        font-weight: 400;
        color: #bbc0c8;
    }
    .navigation-wrapper .path {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navigation-wrapper .path .link {
        position: relative;
    }
    .navigation-wrapper .path .link:hover .drop-down-menu-wrapper {
        display: block;
    }
    .navigation-wrapper .path .link a {
        font-size: 14px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #4A5A75;
        line-height: 20px;
        position: relative;
        z-index: 1;
    }
    .navigation-wrapper .path .link .drop-down-menu-wrapper {
        padding-top: 30px;
        position: absolute;
        left: 0;
        top: 0;
        width: max-content;
        display: none;
    }
    .navigation-wrapper .path .link .drop-down-menu-wrapper .drop-down-menu {
        max-height: 380px;
        overflow-y: scroll;
        background-position: right center;
        background-color: #ffffff;
        border-radius: 8px;
    }
    .navigation-wrapper .path .link .drop-down-menu-wrapper .drop-down-menu ul {
        padding: 16px 0;
    }
    .navigation-wrapper .path .link .drop-down-menu-wrapper .drop-down-menu ul li + li {
        margin-top: 12px;
    }
    .navigation-wrapper .path .link .drop-down-menu-wrapper .drop-down-menu ul li a {
        padding: 8px 24px;
        display: block;
    }
    .navigation-wrapper .path a {
        font-size: 14px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #4A5A75;
        line-height: 20px;
    }
    .navigation-wrapper .path a .icon-house {
        display: block;
        width: 14px;
        height: 14px;
        background: url('https://img-bss.csdnimg.cn/202207221244217499.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .path span.slash {
        margin: 0 8px;
    }
    .banner {
        height: 460px;
        background: url('https://img-bss.csdnimg.cn/202207221244429762.png') no-repeat center center;
        background-size: cover;
    }
    .module-title h3 {
        font-size: 42px;
        font-weight: 500;
        color: #222222;
        line-height: 59px;
        text-align: center;
    }
    .Qualcomm-PSE-wrapper {
        padding: 80px 0;
    }
    .Qualcomm-PSE-wrapper .Qualcomm-PSE .intro {
        margin-top: 24px;
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .Qualcomm-PSE-wrapper .Qualcomm-PSE .join-now {
        margin: 40px auto 0;
        display: block;
        width: 144px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #3253DC;
        border-radius: 24px;
        font-size: 20px;
        font-weight: 500;
        color: #FFFFFF;
    }
    .PSE-advantage-wrapper {
        padding: 80px 0 114px;
        background: #EAEBEF;
    }
    .PSE-advantage-wrapper .PSE-advantage .intro {
        margin-top: 24px;
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .PSE-advantage-wrapper .advantage-list {
        margin-top: 48px;
    }
    .PSE-advantage-wrapper .advantage-list ul {
        margin: 0 -10px;
        display: flex;
    }
    .PSE-advantage-wrapper .advantage-list ul li {
        margin: 0 10px;
        width: 268px;
    }
    .PSE-advantage-wrapper .advantage-list ul li img {
        display: block;
        width: 76px;
        height: 74px;
    }
    .PSE-advantage-wrapper .advantage-list ul li .name {
        margin-top: 18px;
        font-size: 20px;
        font-weight: 500;
        color: #222222;
        line-height: 28px;
    }
    .PSE-advantage-wrapper .advantage-list ul li .content {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #677283;
        line-height: 22px;
    }
    .software-provider-wrapper {
        padding: 80px 0 100px;
    }
    .software-provider-wrapper .software-provider {
        display: flex;
        justify-content: space-between;
    }
    .software-provider-wrapper .software-provider .module-title {
        flex-shrink: 0;
    }
    .software-provider-wrapper .software-provider .info {
        width: 949px;
    }
    .software-provider-wrapper .software-provider .info .intro {
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .software-provider-wrapper .software-provider .info .view {
        margin-top: 30px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .software-provider-wrapper .software-provider .info .app-list {
        margin-top: 60px;
    }
    .software-provider-wrapper .software-provider .info .app-list .title {
        font-size: 24px;
        font-weight: 500;
        color: #222222;
        line-height: 33px;
    }
    .software-provider-wrapper .software-provider .info .app-list ul {
        margin: 60px -10px 0;
        display: flex;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li {
        margin: 0 10px;
        width: 174px;
        text-align: center;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li a {
        display: block;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li img {
        width: 70px;
        height: 70px;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li span {
        margin-top: 10px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .supplier-wrapper {
        padding: 80px 0 147px;
        background: #EAEBEF;
    }
    .supplier-wrapper .supplier {
        display: flex;
        justify-content: space-between;
    }
    .supplier-wrapper .supplier .module-title {
        flex-shrink: 0;
    }
    .supplier-wrapper .supplier .info {
        width: 949px;
    }
    .supplier-wrapper .supplier .info .intro {
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .supplier-wrapper .supplier .info .view {
        margin-top: 30px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .supplier-wrapper .supplier .info .app-list {
        margin-top: 60px;
    }
    .supplier-wrapper .supplier .info .app-list .title {
        font-size: 24px;
        font-weight: 500;
        color: #222222;
        line-height: 33px;
    }
    .supplier-wrapper .supplier .info .app-list ul {
        margin: 60px -10px 0;
        display: flex;
    }
    .supplier-wrapper .supplier .info .app-list ul li {
        margin: 0 10px;
        width: 174px;
        text-align: center;
    }
    .supplier-wrapper .supplier .info .app-list ul li a {
        display: block;
    }
    .supplier-wrapper .supplier .info .app-list ul li img {
        width: 70px;
        height: 70px;
    }
    .supplier-wrapper .supplier .info .app-list ul li span {
        margin-top: 10px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .app-provider-wrapper {
        padding: 100px 0 104px;
        background: #F6F8FA;
    }
    .app-provider-wrapper .app-provider {
        display: flex;
        justify-content: space-between;
    }
    .app-provider-wrapper .app-provider .module-title {
        flex-shrink: 0;
    }
    .app-provider-wrapper .app-provider .info {
        width: 949px;
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .video-wrapper {
        padding: 100px 0 80px;
        position: relative;
    }
    .video-wrapper .video .module-title h3 {
        text-align: initial;
    }
    .video-wrapper .video .swiper-father {
        margin-top: 48px;
        width: 100%;
        height: 454px;
        font-size: 16px;
        position: relative;
    }
    .video-wrapper .video .swiper-father .swiper-container {
        height: 100%;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide {
        height: 392px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px;
        border: 1px solid #D1D6E1;
        position: relative;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play {
        background-image: initial !important;
        background-color: #151B17;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play .info {
        display: none;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play .video {
        display: block;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info {
        position: absolute;
        left: 58px;
        bottom: 44px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .icon-play {
        display: block;
        width: 50px;
        height: 50px;
        background: url('https://img-bss.csdnimg.cn/202207251526329809.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .title {
        margin-top: 23px;
        font-size: 20px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 28px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .date {
        margin-top: 11px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 18px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .video video {
        width: 100%;
        height: 100%;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination {
        height: 32px;
        padding: 10px 76px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #FFFFFF;
        border: 1px solid #3253DC;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3253DC;
    }
    .video-wrapper .swiper-button-prev,
    .video-wrapper .swiper-button-next {
        position: absolute;
        top: 383px;
        width: 50px;
        height: 80px;
        outline: 0;
    }
    .video-wrapper .swiper-button-prev.swiper-button-disabled,
    .video-wrapper .swiper-button-next.swiper-button-disabled {
        opacity: 0.15;
    }
    .video-wrapper .swiper-button-prev:after,
    .video-wrapper .swiper-button-next:after {
        content: '';
        display: block;
        width: 50px;
        height: 80px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .video-wrapper .swiper-button-prev {
        left: -5px;
    }
    .video-wrapper .swiper-button-prev:after {
        background-image: url('https://img-bss.csdnimg.cn/202207251528192926.png');
    }
    .video-wrapper .swiper-button-next {
        right: -5px;
    }
    .video-wrapper .swiper-button-next:after {
        background-image: url('https://img-bss.csdnimg.cn/202207251527298719.png');
    }
    .customer-reviews-wrapper {
        padding: 80px 0 100px;
        background: #D3D9E0;
    }
    .customer-reviews-wrapper .customer-reviews ul {
        margin-top: 40px;
    }
    .customer-reviews-wrapper .customer-reviews ul li {
        padding: 60px 40px 80px;
        display: flex;
        justify-content: space-between;
        height: 340px;
        background: #F7F8FA;
        border-radius: 10px;
    }
    .customer-reviews-wrapper .customer-reviews ul li + li {
        margin-top: 20px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .pic {
        flex-shrink: 0;
        width: 316px;
        height: 200px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .pic img {
        width: 100%;
        height: 100%;
    }
    .customer-reviews-wrapper .customer-reviews ul li .info {
        width: 924px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .info .intro {
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .info .position {
        margin-top: 20px;
        font-size: 20px;
        font-weight: 700;
        color: #677284;
        line-height: 32px;
    }
    .ready-apply-wrapper {
        padding: 86px 0 105px;
        background: #F6F8FA;
    }
    .ready-apply-wrapper .ready-apply .pic {
        margin: 0 auto;
        width: 608px;
    }
    .ready-apply-wrapper .ready-apply .pic img {
        width: 100%;
    }
    .ready-apply-wrapper .ready-apply .title {
        margin-top: 72px;
        font-size: 42px;
        font-weight: 500;
        color: #222222;
        line-height: 59px;
        text-align: center;
    }
    .ready-apply-wrapper .ready-apply .desc {
        margin-top: 24px;
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .ready-apply-wrapper .ready-apply .join {
        margin: 40px auto 0;
        display: block;
        width: 144px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #3253DC;
        border-radius: 24px;
        font-size: 20px;
        font-weight: 500;
        color: #FFFFFF;
    }
    .ready-apply-wrapper .ready-apply .access-portal {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    .ready-apply-wrapper .ready-apply .access-portal span,
    .ready-apply-wrapper .ready-apply .access-portal a {
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .ready-apply-wrapper .ready-apply .access-portal a {
        color: #3253DC;
    }
    .ready-apply-wrapper .ready-apply .content {
        margin-top: 60px;
        font-size: 20px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .footer-wrapper {
        padding: 62px 0 91px;
    }
    .footer-wrapper .footer .logo {
        width: 150px;
        height: 28px;
        background: url('https://img-bss.csdnimg.cn/202207221246358535.png') no-repeat center center;
        background-size: contain;
    }
    .footer-wrapper .footer .links {
        margin-top: 64px;
        display: flex;
        justify-content: space-between;
    }
    .footer-wrapper .footer .links .left {
        margin: 0 -12px;
        display: flex;
    }
    .footer-wrapper .footer .links .left a {
        margin: 0 12px;
        font-size: 14px;
        font-weight: 400;
        color: #677283;
        line-height: 20px;
    }
    .footer-wrapper .footer .links .right {
        margin: 0 -12px;
    }
    .footer-wrapper .footer .links .right a {
        margin: 0 12px;
        font-size: 14px;
        font-weight: 400;
        color: #677283;
        line-height: 18px;
    }
    .footer-wrapper .footer .content {
        margin-top: 40px;
    }
    .footer-wrapper .footer .content p {
        font-size: 14px;
        font-weight: 400;
        color: #BBC0C8;
        line-height: 22px;
    }
    .footer-wrapper .footer .content p + p {
        margin-top: 12px;
    }
}
@media screen and (min-width: 1180px) and (max-width: 1440px) {
    .page-container-2 {
        width: 1200px;
        margin: 0 auto;
    }
    .software-provider-wrapper .software-provider .info {
        width: 780px;
    }
    .supplier-wrapper .supplier .info {
        width: 780px;
    }
    .app-provider-wrapper .app-provider .info {
        width: 780px;
    }
}
@media (max-width: 767px) {
    .pc {
        display: none;
    }
    .wap {
        display: block;
    }
    body.no-scroll {
        overflow: hidden;
    }
    .navigation-wrapper {
        position: relative;
    }
    .navigation-wrapper .navigation {
        padding: 0 10px;
        height: 55px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d3d9de;
    }
    .navigation-wrapper .navigation.show-search-bar-wrapper .search-bar-wrapper {
        display: flex;
    }
    .navigation-wrapper .navigation.show-menu .menu {
        display: block;
    }
    .navigation-wrapper .navigation.show-secondary-menu-wrapper .secondary-menu-wrapper {
        display: block;
    }
    .navigation-wrapper .navigation .left {
        width: 20px;
        height: 20px;
        background: url('https://img-bss.csdnimg.cn/202207251528547967.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .left.icon-close {
        background-image: url('https://img-bss.csdnimg.cn/202207251529167763.png');
    }
    .navigation-wrapper .navigation .logo {
        width: 142px;
        height: 30px;
        background: url('https://img-bss.csdnimg.cn/202207221243157538.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .right {
        width: 28px;
        height: 28px;
        background: url('https://img-bss.csdnimg.cn/202207221244008573.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .right.active {
        background-image: url('https://img-bss.csdnimg.cn/202207251510581027.png');
        background-size: 20px 20px;
    }
    .navigation-wrapper .navigation .search-bar-wrapper {
        padding: 0 24px;
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 1;
        width: 100%;
        height: 50px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        display: none;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar {
        display: flex;
        align-items: center;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .icon-search {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background: url('https://img-bss.csdnimg.cn/202207221244008573.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .search-input {
        padding: 0;
        flex-grow: 1;
        height: 30px;
        outline: none;
        border: none;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0.3px;
        color: #000000;
        text-indent: 10px;
    }
    .navigation-wrapper .navigation .search-bar-wrapper .search-bar .search-input::placeholder {
        font-weight: 400;
        color: #bbc0c8;
    }
    .navigation-wrapper .navigation .menu {
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 1;
        width: 100vw;
        height: calc(100vh - 55px);
        background: #FFFFFF;
        display: none;
    }
    .navigation-wrapper .navigation .menu .list {
        padding: 30px;
    }
    .navigation-wrapper .navigation .menu .list ul li {
        height: 61px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navigation-wrapper .navigation .menu .list ul li span {
        font-size: 18px;
        font-weight: 400;
        font-weight: QualcommNext;
    }
    .navigation-wrapper .navigation .menu .list ul li .icon-arrow {
        width: 20px;
        height: 20px;
        background: url('https://img-bss.csdnimg.cn/202207251531407227.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .menu .account {
        position: absolute;
        bottom: 0;
        left: 0;
        background-position: right center;
        background: #f6f8fa;
        display: flex;
        flex-direction: column;
        padding: 24px;
        width: 100%;
        height: 150px;
    }
    .navigation-wrapper .navigation .menu .account .login .icon-login {
        width: 32px;
        height: 32px;
        background: url('https://img-bss.csdnimg.cn/202207251532047146.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .menu .account .login span {
        margin-left: 16px;
        color: #677283;
        font-size: 16px;
    }
    .navigation-wrapper .navigation .menu .account .login-btn {
        margin-top: 8px;
        transition: color 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s, border-color 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        border-radius: 50px;
        display: inline-block;
        fill: #3253dc;
        background-color: transparent;
        border: 1px solid #3253dc;
        background-position: right center;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: #3253dc;
        -webkit-box-pack: center;
        justify-content: center;
        line-height: 1;
        margin-bottom: 8px;
        width: 100%;
        padding: 8px 16px;
    }
    .navigation-wrapper .navigation .menu .account .create {
        margin-top: 8px;
        color: #677283;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 18px;
    }
    .navigation-wrapper .navigation .menu .account .create a {
        color: #3253dc;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper {
        padding: 20px 35px;
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 1;
        width: 100vw;
        height: calc(100vh - 55px);
        overflow-y: scroll;
        background: #FFFFFF;
        display: none;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu {
        display: none;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu.active {
        display: block;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .back {
        margin-left: -27px;
        display: flex;
        align-items: center;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .back .icon-arrow-2 {
        width: 20px;
        height: 25px;
        background: url('https://img-bss.csdnimg.cn/202207251532186289.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .back span {
        margin-left: 5px;
        color: #222222;
        font-size: 18px;
        font-weight: 600;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list {
        margin-top: 20px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list dl + dl {
        margin-top: 20px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list dl dt {
        margin-bottom: 20px;
        font-size: 18px;
        color: #222222;
        font-weight: 600;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list dl dd + dd {
        margin-top: 15px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list dl dd a {
        padding-left: 20px;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 16px;
        color: #677283;
        font-weight: 400;
        line-height: 17px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list-2 {
        margin-top: 30px;
        padding: 30px 0 80px;
        border-top: 1px solid #d3d9de;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list-2 ul li + li {
        margin-top: 16px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list-2 ul li a {
        display: flex;
        align-items: center;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list-2 ul li img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .list-2 ul li span {
        margin-left: 8px;
        color: #222222;
        font-size: 16px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .info {
        margin-top: 30px;
        padding: 30px 0;
        border-top: 1px solid #d3d9de;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .info .title {
        font-size: 18px;
        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
        font-weight: 500;
        color: #6C63FF;
        line-height: 34px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .info .content {
        font-size: 16px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #677283;
        line-height: 32px;
    }
    .navigation-wrapper .navigation .secondary-menu-wrapper .secondary-menu .info .understand-more {
        margin-top: 11px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 106px;
        height: 32px;
        background: #FFFFFF;
        border-radius: 16px;
        border: 1px solid #3253DC;
        font-size: 16px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #3253DC;
    }
    .navigation-wrapper .path {
        width: 100%;
        height: 40px;
        overflow-x: scroll;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navigation-wrapper .path .link {
        max-width: 150px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .navigation-wrapper .path .link a {
        font-size: 14px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #4A5A75;
        line-height: 20px;
        position: relative;
    }
    .navigation-wrapper .path a {
        max-width: 150px;
        font-size: 14px;
        font-family: SourceHanSansSC-Regular, SourceHanSansSC;
        font-weight: 400;
        color: #4A5A75;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .navigation-wrapper .path a .icon-house {
        display: block;
        width: 14px;
        height: 14px;
        background: url('https://img-bss.csdnimg.cn/202207221244217499.png') no-repeat center center;
        background-size: contain;
    }
    .navigation-wrapper .path span.slash {
        margin: 0 8px;
    }
    .banner {
        height: 270px;
        background: url('https://img-bss.csdnimg.cn/202207221246567880.png') no-repeat center center;
        background-size: cover;
    }
    .module-title h3 {
        font-size: 32px;
        line-height: 35px;
        letter-spacing: 0px;
        font-weight: 600;
        color: #222222;
        text-align: center;
    }
    .Qualcomm-PSE-wrapper {
        padding: 48px 24px;
    }
    .Qualcomm-PSE-wrapper .Qualcomm-PSE .intro {
        margin-top: 20px;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0px;
        font-weight: 400;
        color: #677283;
    }
    .Qualcomm-PSE-wrapper .Qualcomm-PSE .join-now {
        margin: 20px auto 0;
        display: block;
        width: 144px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #3253DC;
        border-radius: 24px;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
    }
    .PSE-advantage-wrapper {
        padding: 48px 24px;
        background: #EAEBEF;
    }
    .PSE-advantage-wrapper .PSE-advantage .intro {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .PSE-advantage-wrapper .advantage-list {
        margin-top: 24px;
    }
    .PSE-advantage-wrapper .advantage-list ul li {
        text-align: center;
    }
    .PSE-advantage-wrapper .advantage-list ul li + li {
        margin-top: 35px;
    }
    .PSE-advantage-wrapper .advantage-list ul li img {
        width: 76px;
        height: 74px;
    }
    .PSE-advantage-wrapper .advantage-list ul li .name {
        margin-top: 18px;
        font-size: 20px;
        font-weight: 500;
        color: #222222;
        line-height: 28px;
    }
    .PSE-advantage-wrapper .advantage-list ul li .content {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #677283;
        line-height: 22px;
    }
    .software-provider-wrapper {
        padding: 48px 24px;
    }
    .software-provider-wrapper .software-provider .info .intro {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .software-provider-wrapper .software-provider .info .view {
        margin-top: 16px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .software-provider-wrapper .software-provider .info .app-list {
        margin-top: 30px;
    }
    .software-provider-wrapper .software-provider .info .app-list .title {
        font-size: 24px;
        font-weight: 500;
        color: #222222;
        line-height: 33px;
    }
    .software-provider-wrapper .software-provider .info .app-list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li {
        margin-top: 20px;
        width: 50%;
        text-align: center;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li a {
        display: block;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li img {
        width: 70px;
        height: 70px;
    }
    .software-provider-wrapper .software-provider .info .app-list ul li span {
        margin-top: 10px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .supplier-wrapper {
        padding: 48px 24px;
        background: #EAEBEF;
    }
    .supplier-wrapper .supplier .info .intro {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .supplier-wrapper .supplier .info .view {
        margin-top: 16px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .supplier-wrapper .supplier .info .app-list {
        margin-top: 30px;
    }
    .supplier-wrapper .supplier .info .app-list .title {
        font-size: 24px;
        font-weight: 500;
        color: #222222;
        line-height: 33px;
    }
    .supplier-wrapper .supplier .info .app-list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .supplier-wrapper .supplier .info .app-list ul li {
        margin-top: 20px;
        width: 50%;
        text-align: center;
    }
    .supplier-wrapper .supplier .info .app-list ul li a {
        display: block;
    }
    .supplier-wrapper .supplier .info .app-list ul li img {
        width: 70px;
        height: 70px;
    }
    .supplier-wrapper .supplier .info .app-list ul li span {
        margin-top: 10px;
        display: block;
        font-size: 20px;
        font-weight: 400;
        color: #3253DC;
        line-height: 32px;
    }
    .app-provider-wrapper {
        padding: 48px 24px;
        background: #F6F8FA;
    }
    .app-provider-wrapper .app-provider .info {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .video-wrapper {
        padding: 48px 24px;
        position: relative;
    }
    .video-wrapper .video .module-title h3 {
        text-align: initial;
    }
    .video-wrapper .video .swiper-father {
        margin-top: 24px;
        width: 100%;
        height: 230px;
        font-size: 16px;
        position: relative;
    }
    .video-wrapper .video .swiper-father .swiper-container {
        height: 100%;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide {
        height: 190px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 8px;
        border: 1px solid #D1D6E1;
        position: relative;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play {
        background-image: initial !important;
        background-color: #151B17;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play .info {
        display: none;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item.play .video {
        display: block;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info {
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .icon-play {
        display: block;
        width: 40px;
        height: 40px;
        background: url('https://img-bss.csdnimg.cn/202207251526329809.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .title {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 28px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .info .date {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 18px;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-wrapper .swiper-slide .item .video video {
        width: 100%;
        height: 100%;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination {
        height: 32px;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #FFFFFF;
        border: 1px solid #3253DC;
    }
    .video-wrapper .video .swiper-father .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #3253DC;
    }
    .video-wrapper .swiper-button-prev,
    .video-wrapper .swiper-button-next {
        position: absolute;
        top: 183px;
        width: 50px;
        height: 80px;
        outline: 0;
    }
    .video-wrapper .swiper-button-prev.swiper-button-disabled,
    .video-wrapper .swiper-button-next.swiper-button-disabled {
        opacity: 0.15;
    }
    .video-wrapper .swiper-button-prev:after,
    .video-wrapper .swiper-button-next:after {
        content: '';
        display: block;
        width: 50px;
        height: 80px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .video-wrapper .swiper-button-prev {
        left: -5px;
    }
    .video-wrapper .swiper-button-prev:after {
        background-image: url('https://img-bss.csdnimg.cn/202207251528192926.png');
    }
    .video-wrapper .swiper-button-next {
        right: -5px;
    }
    .video-wrapper .swiper-button-next:after {
        background-image: url('https://img-bss.csdnimg.cn/202207251527298719.png');
    }
    .customer-reviews-wrapper {
        padding: 48px 24px;
        background: #D3D9E0;
    }
    .customer-reviews-wrapper .customer-reviews ul {
        margin-top: 20px;
    }
    .customer-reviews-wrapper .customer-reviews ul li {
        padding: 30px 20px 40px;
        background: #F7F8FA;
        border-radius: 10px;
    }
    .customer-reviews-wrapper .customer-reviews ul li + li {
        margin-top: 20px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .pic {
        width: 100%;
        text-align: center;
    }
    .customer-reviews-wrapper .customer-reviews ul li .pic img {
        width: 200px;
        height: 100px;
        object-fit: contain;
    }
    .customer-reviews-wrapper .customer-reviews ul li .info .intro {
        font-size: 16px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .customer-reviews-wrapper .customer-reviews ul li .info .position {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 700;
        color: #677284;
        line-height: 32px;
    }
    .ready-apply-wrapper {
        padding: 48px 24px;
        background: #F6F8FA;
    }
    .ready-apply-wrapper .ready-apply .pic {
        margin: 0 auto;
        width: 100%;
    }
    .ready-apply-wrapper .ready-apply .pic img {
        width: 100%;
    }
    .ready-apply-wrapper .ready-apply .title {
        margin-top: 48px;
        font-size: 32px;
        font-weight: 600;
        color: #222222;
        line-height: 35px;
        text-align: center;
    }
    .ready-apply-wrapper .ready-apply .desc {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 27px;
    }
    .ready-apply-wrapper .ready-apply .join {
        margin: 32px auto 0;
        display: block;
        width: 144px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #3253DC;
        border-radius: 24px;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
    }
    .ready-apply-wrapper .ready-apply .access-portal {
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
    .ready-apply-wrapper .ready-apply .access-portal span,
    .ready-apply-wrapper .ready-apply .access-portal a {
        font-size: 18px;
        font-weight: 400;
        color: #677284;
        line-height: 32px;
    }
    .ready-apply-wrapper .ready-apply .access-portal a {
        color: #3253DC;
    }
    .ready-apply-wrapper .ready-apply .content {
        margin-top: 30px;
        font-size: 12px;
        font-weight: 400;
        color: #bbc0c8;
        line-height: 16px;
    }
    .footer-wrapper {
        padding: 48px 24px;
    }
    .footer-wrapper .footer .logo {
        margin: 0 auto;
        width: 150px;
        height: 28px;
        background: url('https://img-bss.csdnimg.cn/202207251535134633.png') no-repeat center center;
        background-size: contain;
    }
    .footer-wrapper .footer .links {
        margin-top: 32px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-wrapper .footer .links .left {
        margin: -6px;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-wrapper .footer .links .left a {
        margin: 6px;
        font-size: 14px;
        font-weight: 400;
        color: #677283;
        line-height: 20px;
    }
    .footer-wrapper .footer .links .right {
        margin: 12px -12px -12px;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-wrapper .footer .links .right a {
        margin: 12px;
        font-size: 14px;
        font-weight: 400;
        color: #677283;
        line-height: 18px;
    }
    .footer-wrapper .footer .content {
        margin-top: 20px;
    }
    .footer-wrapper .footer .content p {
        font-size: 12px;
        font-weight: 400;
        color: #BBC0C8;
        line-height: 15px;
    }
    .footer-wrapper .footer .content p + p {
        margin-top: 10px;
    }
}