.case-box {
    padding-top: 0.42rem;
}

.case-title div:nth-child(1) {
    font-size: 0.4rem;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.case-title div:nth-child(2) {
    color: #C2C2C2;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.24rem;
}

.case-item {
    display: flex;
    align-items: center;
}

.case-item img {
    width: 0.36rem;
    height: 0.32rem;
    display: block;
    font-size: 0;
}

.case-item span {
    color: #C2C2C2;
    font-size: 0.24rem;
    margin-left: 0.1rem;
}

.sys-item img {
    width: 2rem;
    height: 1.68rem;
    display: block;
}

.sys-item div {
    color: #C2C2C2;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.28rem;
}

.fra-title div:nth-child(1) {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.4rem;
}

.fra-title div:nth-child(2) {
    font-size: 0.2rem;
    color: #C2C2C2;
    margin-top: 0.24rem;
    text-align: center;
}

.fra-text {
    color: #C2C2C2;
    font-size: 0.2rem;
    line-height: 0.24rem;
    text-align: center;
    width: 6.52rem;
    margin: 0 auto;
    margin-top: 0.4rem;
}

.func-title div:nth-child(1) {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.4rem;
    text-align: center;
}

.func-title div:nth-child(2) {
    color: #C2C2C2;
    font-size: .24rem;
    text-align: center;
    margin-top: 0.24rem;
}

.func-title div:nth-child(3) {
    color: #C2C2C2;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.38rem;
}

.func-title div:nth-child(4) {
    color: #C2C2C2;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.14rem;

}

.func-item {
    width: 2.12rem;
    height: 1.84rem;
    background: #050C14;
    border-radius: 8px 8px 8px 8px;
    padding: 0.26rem 0.18rem 0;
    box-sizing: border-box;
    margin-bottom: 0.24rem;
}

.func-item span {
    font-size: 0.24rem;
    background: -webkit-linear-gradient(#4FACFE, #00F2FE); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4FACFE, #00F2FE); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4FACFE, #00F2FE); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4FACFE, #00F2FE); /* 标准的语法 */
    -webkit-background-clip: text; /* 将渐变应用到文字上 */
    -webkit-text-fill-color: transparent; /* 设置文字颜色为透明，显示渐变效果 */
}

.func-item img {
    width: 0.28rem;
    height: 0.28rem;
}

.func-line {
    width: 0.3rem;
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(4, 251, 218, 1), rgba(10, 149, 253, 1)) 1 1;
    margin-top: 0.18rem;
}

.func-item div:nth-child(3) {
    color: #C2C2C2;
    font-size: 0.2rem;
    line-height: 0.24rem;
    margin-top: 0.08rem;
}

.ter-title img {
    width: 1.62rem;
    height: 1.3rem;
}

.ter-left div:nth-child(1) {
    color: #FFFFFF;
    font-size: 0.4rem;
    font-weight: bold;
    width: 4.22rem;

}

.ter-left div:nth-child(2) {
    color: #C2C2C2;
    font-size: 0.2rem;
    margin-top: 0.32rem;
}

.app-box {
    margin-top: 0.86rem;
}

.app-box img:nth-child(1) {
    width: 1.4rem;
    margin: 0 auto;
    display: block;
}

.app-box img:nth-child(2) {
    width: 100%;
    margin-top: 0.46rem;
}

.pc-box {
    margin-top: 0.86rem;
}

.pc-icon {
    width: 1.4rem;
    margin: 0 auto;
    display: block;
}

.pc-left-img {
    width: 3.14rem;
}

.pc-item {
    width: 1.8rem;
}

.pc-item div:nth-child(1) {
    font-size: 0.2rem;
    background: linear-gradient(#4FACFE, #00F2FE); /* 标准的语法 */
    -webkit-background-clip: text; /* 将渐变应用到文字上 */
    -webkit-text-fill-color: transparent; /* 设置文字颜色为透明，显示渐变效果 */
}

.pc-item div:nth-child(2) {
    color: #FFFFFF;
    font-size: 0.16rem;
    line-height: 0.18rem;
    margin-top: 0.16rem;
}

.pan-icon {
    width: 1.4rem;
    margin: 0 auto;
    display: block;
}

.pan-item img {
    width: 0.66rem;
    height: 0.66rem;
}

.pan-item-right {
    margin-left: 0.12rem;
}

.pan-item-right div:nth-child(1) {
    background: linear-gradient(#4FACFE, #00F2FE); /* 标准的语法 */
    -webkit-background-clip: text; /* 将渐变应用到文字上 */
    -webkit-text-fill-color: transparent; /* 设置文字颜色为透明，显示渐变效果 */
    font-size: 0.2rem;
}

.pan-item-right div:nth-child(2) {
    color: #FFFFFF;
    font-size: 0.16rem;
    line-height: 0.18rem;
    margin-top: 0.08rem;
    width: 2.58rem;
}

.b_title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFFFFF;

}

.b_line {
    width: 0.32rem;
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #FFFFFF;
    margin-top: 0.32rem;
}

.b_desc {
    color: #C2C2C2;
    font-size: 0.16rem;
    width: 3.36rem;
    margin-top: 0.32rem;
}

.pan-banner img {
    width: 3.34rem;
}

.adv-title div:nth-child(1) {
    font-weight: bold;
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
}

.adv-title div:nth-child(2) {
    font-size: 0.24rem;
    color: #C2C2C2;
    text-align: center;
    margin-top: 0.24rem;

}

.adv-item {
    width: 2.2rem;
    margin-bottom: 0.24rem;
}

.adv-item img {
    width: 1.53rem;
    margin: 0 auto;
    display: block;
}

.adv-item div:nth-child(2) {
    font-size: 0.18rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.18rem;

}

.adv-item div:nth-child(3) {
    font-size: 0.14rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.1rem;
    line-height: 0.16rem;
}

.plc-left {
    width: 3.56rem;
}

.plc-title {
    font-weight: bold;
    font-size: 0.32rem;
    color: #FFFFFF;
}

.plc-line {
    width: 0.32rem;
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #FFFFFF;
    margin-top: 0.24rem;
}

.plc-text {
    color: #C2C2C2;
    font-size: 0.14rem;
    line-height: 0.16rem;
    margin-top: 0.32rem;
}

.plc-left img {
    width: 3.56rem;
    margin-top: 0.38rem;
}

.ltx-title div:nth-child(1) {
    font-weight: bold;
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
}

.ltx-title div:nth-child(2) {
    font-size: 0.24rem;
    color: #C2C2C2;
    text-align: center;
    margin-top: 0.24rem;
}

.ltx-text {
    color: #D0FBFF;
    font-size: 0.2rem;
    line-height: 0.24rem;
}

.ltx-img {
    margin-top: 0.38rem;
}

.ltx-img img {
    width: 3.28rem;
}

.ser-title div:nth-child(1) {
    font-weight: bold;
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
}

.ser-title div:nth-child(2) {
    font-size: 0.24rem;
    color: #C2C2C2;
    text-align: center;
    margin-top: 0.24rem;
}

.ser-title div:nth-child(3) {
    font-size: 0.2rem;
    color: #C2C2C2;
    text-align: center;
    line-height: 0.24rem;
    width: 6.4rem;
    margin: 0 auto;
    margin-top: 0.28rem;
}

.plbus_item {
    width: 2.9rem;
    padding: 0.1rem;
    box-sizing: border-box;
    border: 1px solid #4FACFE;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.2rem;
}

.blue {
    background-image: linear-gradient(#00F2FE, #4FACFE);
}

.plbus_item_desc {
    font-size: 0.1rem;
    margin-top: 0.1rem;
}

.plbus_item img {
    width: 0.48rem;
    height: 0.48rem;
    display: block;
}

.plbus_item_comp {
    font-size: 0.12rem;
    margin-top: 0.1rem;
}

.cer_item {
    width: 3.28rem;
    height: 3.76rem;
    background: radial-gradient(NaN% 0% at 0% 0%, #22DCFD 0%, #1C91E2 50%, #5865B9 100%);
    border-radius: 7px;
    border: 2px solid;
    border-image: radial-gradient(circle, rgba(34, 220, 253, 1), rgba(28, 145, 226, 1), rgba(88, 101, 185, 1)) 2 2;
    text-align: center;
    padding-top: 0.4rem;
    box-sizing: border-box;
}

.cer_item img {
    width: 1.8rem;
}