.self-service-comp{width:1200px;margin:0 auto;margin-top:50px;margin-bottom:50px;box-sizing:border-box}
.self-service-comp-title{font-size:32px;color:#000;letter-spacing:0;text-align:center;line-height:38px;font-weight:700;margin-bottom:24px}
.self-service-comp-subtitle{font-size:16px;color:#333;letter-spacing:0;text-align:center;line-height:24px;font-weight:500;margin-bottom:56px}
.self-service-comp-content{display:flex}
.self-service-comp-content-poster{width:644px;height:426px;border-radius:20px 0 0 20px;box-shadow:0 3px 10px 2px rgba(0,0,0,0.05);cursor:pointer;overflow:hidden}
.self-service-comp .self-service-comp-content-poster img{max-width:100%}
.self-service-comp .swiper-pagination{bottom:10px !important}
.self-service-comp .swiper-pagination-bullet{width:6px;height:6px;background:#d0d0d0;margin:0 4px;opacity:1;border-radius:3px}
.self-service-comp .swiper-pagination-bullet-active{width:18px;height:6px;background:#256fff}
.self-service-comp-content-poster .swiper-container{height:100%}
.self-service-comp-content-poster .slide-content{z-index:10;position:absolute;padding:39px 0 0 34px}
.self-service-comp-content-poster .slide-content .slide-title{font-size:20px;letter-spacing:0;line-height:26px;font-weight:500;margin-bottom:8px}
.self-service-comp-content-poster .slide-content .slide-subtitle{font-size:28px;letter-spacing:0;line-height:46px;font-weight:700;margin-bottom:35px}
.self-service-comp-content-poster .slide-link{position:relative}
.self-service-comp-content-poster .slide-content-link{display:flex;align-items:center;cursor:pointer}
.self-service-comp-content-poster .slide-content-link a{display:inline-block;font-size:20px;letter-spacing:0;line-height:26px;font-weight:700;margin-right:8px}
.self-service-comp-content-poster .slide-content-link a::after{-webkit-transition:.6s ease;transition:.6s ease;display:inline-block;width:20px;height:20px;font-size:16px;margin-left:6px;font-family:'honor' !important;content:"\e906";font-weight:700}
.self-service-comp-content-poster .slide-content-link:hover a::after{transform:translateX(4px);-webkit-transform:translateX(4px)}
.self-service-comp .swiper-slide.swiper-slide-active{margin-right:1px}
.self-service-comp-content-list{width:556px;background:#fff;box-shadow:0 3px 10px 2px rgba(0,0,0,0.05);border-radius:0 20px 20px 0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;flex-direction:row;justify-content:flex-start;box-sizing:border-box}
.self-service-comp-content-list-item{width:25%;padding:0 5px;text-align:center;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
.self-service-comp-content-list-item img{display:inline-block}
.self-service-comp-content-list.one-item{justify-content:center}
.self-service-comp-content-list.fourColumns{padding:33px 18px}
.self-service-comp-content-list.threeColumns{padding:53px 32px}
.self-service-comp-content-list.twoColumns{padding:53px 52px}
.fourColumns .self-service-comp-content-list-item{width:25%}
.fourColumns .self-service-comp-content-list-item img{width:48px;height:48px}
.threeColumns .self-service-comp-content-list-item{width:33.33%}
.threeColumns .self-service-comp-content-list-item img{width:58px;height:58px}
.twoColumns .self-service-comp-content-list-item{width:50%}
.twoColumns .self-service-comp-content-list-item img{width:80px;height:80px}
.self-service-comp-content-list-item img{margin-bottom:16px;transition:.3s all linear;-webkit-transition:.3s all linear;-moz-transition:.3s all linear;-ms-transition:.3s all linear;-o-transition:.3s all linear}
.self-service-comp-content-list-item:hover img{transition:.3s all linear;transform:scale(1.2);-webkit-transition:.3s all linear;-moz-transition:.3s all linear;-ms-transition:.3s all linear;-o-transition:.3s all linear}
.self-service-comp-content-list-item div{font-size:16px;color:rgba(0,0,0,0.90);letter-spacing:0;text-align:center;line-height:20px;font-weight:700;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(min-width:751px) and (max-width:1439.98px){.self-service-comp{width:83.3333%;margin:0 auto;margin-top:3.4722vw;margin-bottom:3.4722vw}
.self-service-comp-title{font-size:2.222vw;line-height:2.639vw;margin-bottom:1.6667vw}
.self-service-comp-subtitle{font-size:1.2vw;line-height:1.6667vw;margin-bottom:3.889vw}
.self-service-comp-content-poster{width:44.7222vw;height:29.583vw;border-radius:1.3889vw 0 0 1.3889vw}
.self-service-comp-content-poster .slide-content{padding:3.125vw 0 0 2.5vw}
.self-service-comp-content-poster .slide-content .slide-title{font-size:1.5625vw;line-height:2.03125vw;margin-bottom:.625vw}
.self-service-comp-content-poster .slide-content .slide-subtitle{font-size:2.1875vw;line-height:3.59vw;margin-bottom:2.8vw}
.self-service-comp-content-poster .slide-content-link a{height:2.03125vw;font-size:1.5625vw;line-height:2.03125vw;margin-right:.625vw}
.self-service-comp-content-poster .slide-content-link a img{width:44.7222vw;height:29.5833vw}
.self-service-comp-content-poster .slide-content-link svg{width:1.25vw;height:1.25vw}
.self-service-comp-content-poster .slide-content-link a::after{font-size:1.1112vw;margin-right:.4167vw}
.self-service-comp-content-poster .slide-content-link:hover a::after{transform:translateX(0.2778vw);-webkit-transform:translateX(0.2778vw)}
.self-service-comp .swiper-pagination-bullet{width:.4167vw;height:.4167vw;margin:0 .2778vw}
.self-service-comp .swiper-pagination-bullet-active{width:1.25vw;height:.4167vw}
.self-service-comp .swiper-pagination{bottom:1.25vw !important}
.self-service-comp-content-list{width:38.6111vw;padding:0 1.3889vw 3.4375vw 1.3889vw;border-radius:0 1.3889vw 1.3889vw 0}
.self-service-comp-content-list.fourColumns{padding:2.2917vw 1.25vw}
.self-service-comp-content-list.threeColumns{padding:3.68vw 2.22vw}
.self-service-comp-content-list.twoColumns{padding:3.68vw 3.611vw}
.fourColumns .self-service-comp-content-list-item img{width:3.3333vw;height:3.3333vw}
.threeColumns .self-service-comp-content-list-item img{width:4.02778vw;height:4.02778vw}
.twoColumns .self-service-comp-content-list-item img{width:5.55556vw;height:5.55556vw}
.self-service-comp-content-list-item img{margin-bottom:1.1111vw}
.self-service-comp-content-list-item div{font-size:1.1111vw;line-height:1.8vw;min-height:.8334vw}
}
@media screen and (max-width:839.98px){.self-service-comp-content-list.fourColumns{padding:2vw 1vw}
.self-service-comp-content-list-item div{line-height:16px}
}
@media screen and (max-width:750px){.self-service-comp{padding:6.6667vw 4.2667vw;margin-top:0;margin-bottom:0;width:100%}
.self-service-comp-title{font-size:5.6vw;letter-spacing:0;text-align:center;line-height:6.6667vw;margin-bottom:5.3333vw;font-weight:700}
.self-service-comp-subtitle{font-size:3.2vw;color:#333;letter-spacing:0;text-align:center;line-height:5.3333vw;margin-bottom:7.7333vw;font-weight:500}
.self-service-comp-content-poster{width:100%;border-radius:1.3333vw 1.3333vw 0 0;height:86.4vw}
.self-service-comp-content{display:inherit}
.self-service-comp-content-poster .slide-content{padding:6.4vw 0 0 4.2667vw}
.self-service-comp-content-poster .slide-content .slide-title{font-size:3.2vw;line-height:3.2vw;margin-bottom:2.1333vw}
.self-service-comp-content-poster .slide-content .slide-subtitle{font-size:4.8vw;line-height:6.4vw;margin-bottom:4.1333vw}
.self-service-comp-content-poster .slide-content-link a{font-size:3.2vw;line-height:4.2vw;font-weight:500;margin-right:.6vw}
.self-service-comp-content-poster .slide-content-link svg{width:3.4667vw;height:3.4667vw}
.self-service-comp-content-poster .slide-content-link a::after{font-size:2.1334vw;margin-right:.8vw}
.self-service-comp-content-poster .slide-content-link:hover a::after{transform:translateX(0.5334vw);-webkit-transform:translateX(0.5334vw)}
.self-service-comp .swiper-pagination-bullet{width:1.0667vw;height:1.0667vw;margin:0 .5333vw;border-radius:.5333vw}
.self-service-comp .swiper-pagination-bullet-active{width:2.9333vw}
.self-service-comp .swiper-pagination{bottom:.667vw !important}
.self-service-comp-content-list{width:100%;box-shadow:0 3px 10px 2px rgba(0,0,0,0.05);border-radius:0 0 1.3333vw 1.3333vw;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}
.self-service-comp-content-list.fourColumns{padding:2.6667vw 2.4vw}
.self-service-comp-content-list.threeColumns{padding:2.6667vw}
.self-service-comp-content-list.twoColumns{padding:2.6667vw 3.6vw}
.self-service-comp-content-list-item{justify-content:flex-start;align-items:center}
.fourColumns .self-service-comp-content-list-item{padding:3.8667vw 0}
.threeColumns .self-service-comp-content-list-item{padding:8.2vw 0}
.twoColumns .self-service-comp-content-list-item{padding:8.2vw 0}
.fourColumns .self-service-comp-content-list-item img{width:9.0667vw;height:9.0667vw}
.threeColumns .self-service-comp-content-list-item img{width:12.8vw;height:12.8vw}
.twoColumns .self-service-comp-content-list-item img{width:12.8vw;height:12.8vw}
.self-service-comp-content-list-item img{margin-bottom:2.1333vw}
.self-service-comp-content-list-item div{font-size:3.2vw;line-height:4vw;white-space:initial;overflow:initial;text-overflow:initial}
.self-service-comp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .533333vw}
}
.__arabic__ .self-service-comp-content-poster{width:644px;height:426px;border-radius:0 20px 20px 0}
.__arabic__ .self-service-comp-content-list{padding:33px 18px;border-radius:20px 0 0 20px}
.__arabic__ .self-service-comp-content-list.fourColumns{padding:33px 18px;border-radius:20px 0 0 20px}
.__arabic__ .self-service-comp-content-poster .slide-content-link svg{-webkit-transition:.6s ease;transition:.6s ease;width:20px;height:20px;-webkit-transform:rotateY(180deg)}
.__arabic__ .self-service-comp-content-poster .slide-content{z-index:10;position:absolute;padding:39px 34px 0 0}
.__arabic__ .self-service-comp-content-poster .slide-content-link a::after{font-family:'honor' !important;font-size:16px;margin-right:6px;content:"\e905";font-weight:700}
.__arabic__ .self-service-comp-content-poster .slide-content-link:hover a::after{transform:translateX(-4px);-webkit-transform:translateX(-4px)}
.__arabic__ .self-service-comp-content-poster .slide-content-link:hover svg{transform:translateX(-4px) rotateY(180deg);-webkit-transform:translateX(-4px) rotateY(180deg)}
@media(max-width:1440px){.__arabic__ .self-service-comp-content-list.fourColumns{padding:2.2917vw 1.25vw;border-radius:1.3889vw 0 0 1.3889vw}
.__arabic__ .self-service-comp-content-list{padding:2.2917vw 1.25vw;border-radius:1.3889vw 0 0 1.3889vw}
.__arabic__ .self-service-comp-content-poster{width:44.7222vw;height:29.5834vw;border-radius:0 1.3889vw 1.3889vw 0}
.__arabic__ .self-service-comp-content-poster .slide-content{padding:3.125vw 2.5vw 0 0}
.__arabic__ .self-service-comp-content-poster .slide-content-link a::after{font-size:1.1112vw;margin-right:.4167vw}
.__arabic__ .self-service-comp-content-poster .slide-content-link:hover a::after{transform:translateX(-4px);-webkit-transform:translateX(-4px)}
}
@media screen and (max-width:750px){.__arabic__ .self-service-comp-content-poster{width:100%;border-radius:1.3333vw 1.3333vw 0 0;height:86.4vw}
.__arabic__ .self-service-comp-content-list{width:100%;box-shadow:0 .4vw 1.3334vw .2667vw rgb(0 0 0 / 5%);border-radius:0 0 1.3333vw 1.3333vw}
.__arabic__ .self-service-comp-content-list.fourColumns{padding:2.6667vw 2.4vw 0 2.4vw;border-radius:0 0 1.3333vw 1.3333vw}
.__arabic__ .self-service-comp-content-poster .slide-content-link a::after{font-size:2.1334vw;margin-right:.8vw}
}