:root{--red-text-color:#ca0006}
.device-container{max-width:50%;margin-top:0px;margin-right:auto;margin-left:auto;padding:.6rem 10rem;border-radius:10px;/*background:radial-gradient(circle,#020024 0,#1e60a4 35%,#0c3374 100%)*/}
.device-mockup{padding-bottom:200%;position:relative;width:100%}
.device-mockup>.device{background-image:url(../images/app-ios.png);position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;z-index:1}
.device-mockup>.screen{position:absolute;overflow:hidden;top:1.4%;bottom:2%;left:3.6%;right:3.6%;border-radius:12px}
.mac{position:unset;width:250%}
.mac>.device{background-image:url(../images/app-mac.png);background-size:contain;background-repeat:no-repeat;position:absolute;z-index:1;top:30%;bottom:0;left:0;right:0;width:90%;margin:0 auto}
.mac>.screen{position:absolute;top:33%;bottom:0;left:0;right:0;width:68%;margin:0 auto;border-radius:0}
.inteam{padding:.68rem 0 .82rem}
.inteam .inteam-tit{display:flex;justify-content:space-between;align-items:flex-end}
.inteam .inteam-tit .inmain-title .cn,.inteam .inteam-tit .inmain-title .mcn{text-align:left}
.inteam .inteam-tit .team-thumbs{margin:0 0 .3rem}
.inteam .inteam-tit .team-thumbs .swiper-slide{width:120px;height:35px;line-height:35px;text-align:center;font-size:14px;color:var(--red-text-color);border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;border:1px solid var(--red-text-color);margin-left:.4rem;cursor:pointer}
.inteam .inteam-tit .team-thumbs .swiper-slide.swiper-slide-thumb-active{background-color:var(--red-text-color);color:#fff}
.team-top-li{margin-bottom:.68rem}
.team-top-li .swiper-slide .item{position:relative;display:block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden}
.team-top-li .swiper-slide .item .img{position:relative;padding-top:calc(325 / 304 * 100%);overflow:hidden}
.team-top-li .swiper-slide .item .tit{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:60px;line-height:60px;background-color:rgba(0,0,0,.5);padding:0 .2rem;font-size:18px;color:#fff;text-align:center}
@media (max-width:1920px){.width-50{width:49%!important}
}
@media (max-width:769px){.width-50{width:100%!important}
    .device-container{padding:5rem 17rem}
    .cp_turn{display: flex;flex-direction: column-reverse}
}
@media (max-width:680px){.device-container{padding:12rem 17rem}
}
@media (max-width:542px){.app{position:unset}
    .app>.device{background-size:contain;top:4%;width:36%;margin:0 auto}
    .app>.screen{top:6%;bottom:0;left:0;right:0;width:31%;margin:0 auto}
    .inteam .inteam-tit .team-thumbs .swiper-slide{width:96px}
}
@media (max-width:400px){.device-container{padding:4rem 10rem}}

.swiper-auto-play .swiper-slide {
    transition: transform 0.5s ease;
}

/* 导航条样式 - 未选中 */
.swiper-pagination-bullet {
    width: 2px;
    height: 1px;
    background-color: blue;
    opacity: 1;
    margin: 0 5px;
}

/* 导航条样式 - 选中 */
.swiper-pagination-bullet-active {
    background-color: red;
}