@media only screen and (min-width:1024px){#oppo-service-o-school-home{padding-top:0;padding-bottom:0;width:100%}
#oppo-service-o-school-home .oppo_mobile_show{display:none}
#oppo-service-o-school-home .top-container{padding-top:.36rem;background:rgba(249,229,211,.3);width:100%;overflow:hidden}
#oppo-service-o-school-home .top-container .top-title,#oppo-service-o-school-home .top-container .top-title2{font-size:.6rem;line-height:.88rem}
#oppo-service-o-school-home .top-container .rotation-content{margin-top:.96rem;width:28.86rem;overflow:initial;margin-left:calc(50% - 14.43rem)}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{top:5.8rem !important;height:.08rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-slide{opacity:.4;transition:opacity 2s;height:-webkit-fit-content;height:fit-content}
#oppo-service-o-school-home .top-container .rotation-content .swiper-slide-active{opacity:1 !important;transition:opacity 1s !important}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination .swiper-pagination-bullet-active{border:.01rem solid #fff}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination .swiper-pagination-bullet{width:.08rem;height:.08rem;opacity:1;background-color:rgba(255,255,255,.2)}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content{width:9.3rem;height:-webkit-fit-content;height:fit-content}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content img{width:9.3rem;height:6.2rem;cursor:pointer}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content{margin-top:.32rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content span{cursor:auto}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content span:first-of-type{font-size:.28rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;line-height:.44rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content span:nth-of-type(2){padding-top:.08rem;font-size:.16rem;line-height:.28rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content .clkgo{margin-top:.24rem;width:.8rem;height:.36rem;font-size:.12rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;color:#fff;background-color:#000;line-height:.36rem;margin-bottom:.48rem}
#oppo-service-o-school-home .main-container{width:10.9rem;margin:0 auto;overflow:hidden}
#oppo-service-o-school-home .main-container .top-title{margin-top:1.28rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;font-size:.36rem;line-height:.56rem;color:#000;text-align:center}
#oppo-service-o-school-home .main-container ul{margin-top:.64rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
#oppo-service-o-school-home .main-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;font-size:0;margin-bottom:.96rem;width:5.2rem;position:relative}
#oppo-service-o-school-home .main-container ul li .mask{position:absolute;cursor:pointer;top:0;left:0;width:5.2rem;height:3.48rem;transition:background-color .3s}
#oppo-service-o-school-home .main-container ul li .mask:hover{background-color:rgba(0,0,0,.12)}
#oppo-service-o-school-home .main-container ul li img{cursor:pointer;width:5.2rem;height:3.48rem}
#oppo-service-o-school-home .main-container ul li span:first-of-type{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.28rem;line-height:.44rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;text-align:left}
#oppo-service-o-school-home .main-container ul li span:nth-of-type(2){margin-top:.08rem;font-size:.16rem;line-height:.28rem;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical}
#oppo-service-o-school-home .bottom-container{width:100%;background-color:rgba(0,0,0,.02)}
#oppo-service-o-school-home .bottom-container .content{width:8.64rem;margin:0 auto;overflow:hidden}
#oppo-service-o-school-home .bottom-container .content .bottom-title{margin-top:.8rem;font-size:.28rem;text-align:center;line-height:.44rem;color:#000}
#oppo-service-o-school-home .bottom-container .content .frist-content{margin-top:.48rem}
#oppo-service-o-school-home .bottom-container .content .frist-content,#oppo-service-o-school-home .bottom-container .content .second-content{font-size:.16rem;line-height:.28rem;text-align:left;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;opacity:.78}
#oppo-service-o-school-home .bottom-container .content ul{margin-top:.32rem;margin-bottom:.64rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
#oppo-service-o-school-home .bottom-container .content ul li{width:2.01rem;height:1.5rem;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#oppo-service-o-school-home .bottom-container .content ul li img{width:.48rem;height:.48rem}
#oppo-service-o-school-home .bottom-container .content ul li span{font-size:.16rem;line-height:.28rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;margin-top:.08rem}
}
@media only screen and (min-width:0) and (max-width:1023.98px){#oppo-service-o-school-home{overflow:hidden;padding-top:0;padding-bottom:0}
#oppo-service-o-school-home .top-container{box-sizing:initial;padding-top:.32rem;width:100%;background:rgba(249,229,211,.3)}
#oppo-service-o-school-home .top-container .top-title,#oppo-service-o-school-home .top-container .top-title2{margin:0 auto;width:3.2rem;font-size:.28rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;text-align:center;color:#000;line-height:.44rem}
#oppo-service-o-school-home .top-container .rotation-content{margin-top:.32rem;width:100vw;height:-webkit-fit-content;height:fit-content;overflow:initial}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{top:2.5rem !important;height:.08rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet{width:.08rem;height:.08rem;background-color:rgba(255,255,255,.2)}
#oppo-service-o-school-home .top-container .rotation-content .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet-active{border:.01rem solid #fff}
#oppo-service-o-school-home .top-container .rotation-content .swiper-slide{height:-webkit-fit-content;height:fit-content}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content{width:100vw}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .img-banner{position:relative}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content img{width:100vw;height:75vw}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content{width:2.6rem;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content span:first-of-type{margin-top:.2rem;font-size:.16rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;text-align:center;color:#000;line-height:.28rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content span:nth-of-type(2){margin-top:.04rem;opacity:.56;font-size:.12rem;text-align:center;color:#000;line-height:.2rem}
#oppo-service-o-school-home .top-container .rotation-content .swiper-content .bottom-content .clkgo{margin-top:.12rem;width:.8rem;height:.36rem;color:#fff;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;line-height:.36rem;background-color:#000;margin-bottom:.48rem}
#oppo-service-o-school-home .main-container ul{margin:0 .2rem}
#oppo-service-o-school-home .main-container ul li{margin-top:.64rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
#oppo-service-o-school-home .main-container ul li span:first-of-type{font-size:.24rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750;line-height:.4rem;-webkit-line-clamp:2}
#oppo-service-o-school-home .main-container ul li span:first-of-type,#oppo-service-o-school-home .main-container ul li span:nth-of-type(2){text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical}
#oppo-service-o-school-home .main-container ul li span:nth-of-type(2){margin-top:.12rem;font-size:.16rem;line-height:.28rem;-webkit-line-clamp:3}
#oppo-service-o-school-home .main-container ul li img{margin-top:.2rem;width:100%;height:66.875%}
#oppo-service-o-school-home .main-container ul li .go-class-btn{position:absolute;bottom:.2rem;width:.8rem;height:.36rem;background-color:#fff;line-height:.36rem;font-size:.12rem;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750}
#oppo-service-o-school-home .bottom-container{overflow:hidden}
#oppo-service-o-school-home .bottom-container .content{margin:0 .2rem}
#oppo-service-o-school-home .bottom-container .content .bottom-title{margin-top:.3rem;font-size:.24rem;line-height:.4rem;text-align:center}
#oppo-service-o-school-home .bottom-container .content .frist-content,#oppo-service-o-school-home .bottom-container .content .second-content{font-size:.14rem;line-height:.24rem;margin-top:.2rem;opacity:.78;text-align:left}
#oppo-service-o-school-home .bottom-container .content ul{margin-top:.08rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
#oppo-service-o-school-home .bottom-container .content ul li{margin-top:.12rem;width:1.54rem;height:1.16rem;background-color:rgba(0,0,0,.04);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#oppo-service-o-school-home .bottom-container .content ul li img{width:.36rem;height:.36rem}
#oppo-service-o-school-home .bottom-container .content ul li span{margin-top:.12rem;font-size:.12rem;line-height:.2rem;text-align:center}
}
.darkAdaptation_best,.darkAdaptation_best body,.darkAdaptation_best body .oppo-service-container{background-color:#000}
.darkAdaptation_best body *{color:#fff !important}
.darkAdaptation_medium,.darkAdaptation_medium body,.darkAdaptation_medium body .oppo-service-container{background-color:#1a1a1a}
.darkAdaptation_medium body *{color:#fff !important}
.darkAdaptation_light,.darkAdaptation_light body,.darkAdaptation_light body .oppo-service-container{background-color:#2e2e2e}
.darkAdaptation_light body *{color:#fff !important}