.self-service-comp{width:1400px;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:rgba(0,0,0,0.70);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:742px;height:490px;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{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:658px;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:97.2222vw;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:53vw;height:35vw;border-radius:1.3889vw 0 0 1.3889vw;flex:1 0 53vw}
.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:47vw;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}
}
.self-service-comp button:focus-visible{outline:revert}
.self-service-comp .swiper-pagination-bullet:focus-visible{outline:revert}
.__arabic__ .self-service-comp-content-poster{width:742px;height:490px;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}
}
.self-service-comp-content .cmp-carousel__swiper.cmp-carousel__initial .cmp-carousel__pagination{display:none}
.self-service-comp-content .cmp-carousel__pagination{width:auto;left:50%;bottom:0;display:flex;align-items:center;transform:translateX(-50%);position:absolute;z-index:10;justify-content:center}
.self-service-comp-content .cmp-carousel__pagination.swiper-pagination-lock{display:none}
.self-service-comp-content .cmp-carousel__pagination-item{display:flex;justify-content:center;align-items:center;height:24px}
.self-service-comp-content .cmp-carousel__pagination-progress{position:relative;width:80px;margin:0 4px;height:2px;opacity:unset;background-color:rgba(0,0,0,0.2);display:inline-block}
.self-service-comp-content .cmp-carousel__pagination-active .cmp-carousel__pagination-progress-fill{position:absolute;width:80px;height:2px;left:0;background-color:rgba(0,0,0,1);transform-origin:left}
.self-service-comp-content .dark .cmp-carousel__pagination-progress{background-color:rgba(255,255,255,0.2)}
.self-service-comp-content .dark .cmp-carousel__pagination-active .cmp-carousel__pagination-progress-fill{background-color:rgba(255,255,255,1)}
.self-service-comp-content .cmp-carousel__pagination-play{background-repeat:no-repeat;background-position:center;height:24px;width:24px;cursor:pointer}
.self-service-comp-content .cmp-carousel__pagination-play{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6cGFzc3Rocm91Z2giPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiByeD0iMS41IiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cmVjdCB4PSI1IiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgcng9IjEuNSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=)}
.self-service-comp-content .cmp-carousel__pagination-play.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cGF0aCBkPSJNMCwxLjA4MjU1TDAsOC45MTc0NUMwLDkuMzg4NzEsMC41MTgzNzEsOS42NzYwMiwwLjkxNzk5OSw5LjQyNjI1TDcuMTg1OTIsNS41MDg4QzcuNTYxOTIsNS4yNzM4LDcuNTYxOTIsNC43MjYyLDcuMTg1OTIsNC40OTEyTDAuOTE3OTk5LDAuNTczNzVDMC41MTgzNzEsMC4zMjM5ODIsMCwwLjYxMTI4NywwLDEuMDgyNTVaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+)}
.self-service-comp-content .dark .cmp-carousel__pagination-play{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48ZyBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6cGFzc3Rocm91Z2giPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzIiBoZWlnaHQ9IjEwIiByeD0iMS41IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cmVjdCB4PSI1IiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgcng9IjEuNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvZz48L3N2Zz4=)}
.self-service-comp-content .dark .cmp-carousel__pagination-play.pause{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+PGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOnBhc3N0aHJvdWdoIj48cGF0aCBkPSJNMCwxLjA4MjU1TDAsOC45MTc0NUMwLDkuMzg4NzEsMC41MTgzNzEsOS42NzYwMiwwLjkxNzk5OSw5LjQyNjI1TDcuMTg1OTIsNS41MDg4QzcuNTYxOTIsNS4yNzM4LDcuNTYxOTIsNC43MjYyLDcuMTg1OTIsNC40OTEyTDAuOTE3OTk5LDAuNTczNzVDMC41MTgzNzEsMC4zMjM5ODIsMCwwLjYxMTI4NywwLDEuMDgyNTVaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+)}
.self-service-comp-content .cmp-carousel__pagination .cmp-carousel__pagination-play{background-color:transparent;border:0}
.self-service-comp-content .swiper-notification{display:none}
.self-service-comp-content .cmp-carousel__prev:focus-visible,.self-service-comp-content .cmp-carousel__next:focus-visible,.self-service-comp-content .cmp-carousel__pagination .cmp-carousel__pagination-item:focus-visible,.self-service-comp-content .cmp-carousel__pagination .cmp-carousel__pagination-play:focus-visible{outline:revert}
.self-service-comp-content .swiper-slide:not(.swiper-slide-active){pointer-events:none}
.self-service-comp-content .swiper-slide-active{pointer-events:auto}
.self-service-comp-content .swiper-container{--swiper-navigation-size:1.8vw}
.self-service-comp-content .service-prev,.self-service-comp-content .service-next{display:block}
.self-service-comp-content .swiper-container:hover .service-prev,.self-service-comp-content .swiper-container:hover .service-next{display:block}
.self-service-comp-content .service-next,.self-service-comp-content .service-prev{position:absolute;top:50%;width:46px;height:46px;margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:20;border:0;border-radius:50%;background-color:rgba(255,255,255,0.70);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.self-service-comp-content .service-next{background-image:url(image/service-right-pc.svg);background-size:100%;right:36px}
.self-service-comp-content .service-prev{background-image:url(image/service-left-pc.svg);background-size:100%;left:36px;right:auto}
@media screen and (min-width:750px) and (max-width:1439.98px){.self-service-comp-content .swiper-button-next,.self-service-comp-content .swiper-button-prev{position:absolute;top:50%;width:3.1945vw;height:3.1945vw;margin-top:calc(-1 * var(--swiper-navigation-size)/ 2)}
.self-service-comp-content .swiper-button-next{right:3vw}
.self-service-comp-content .swiper-button-prev{left:3vw}
.__arabic__ .self-service-comp-content .swiper-button-next{right:3vw;left:auto}
.__arabic__ .self-service-comp-content .swiper-button-prev{right:auto;left:3vw}
.self-service-comp-content .cmp-carousel__swiper .cmp-carousel__pagination{bottom:1.9444vw}
.self-service-comp-content .cmp-carousel__pagination-item{height:1.5278vw}
.self-service-comp-content .cmp-carousel__pagination-play{height:1.5278vw}
}
@media only screen and (max-width:750px){.self-service-comp-content .swiper-button-next,.self-service-comp-content .swiper-button-prev{position:absolute;top:45.3%;width:6.9334vw;height:6.9334vw;margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.self-service-comp-content .swiper-button-next{background-image:url(image/service-right-mob.svg);background-size:100%;right:3.2vw}
.self-service-comp-content .swiper-button-prev{background-image:url(image/service-left-mob.svg);background-size:100%;left:3.2vw}
.__arabic__ .self-service-comp-content .swiper-button-next{right:3.2vw;left:auto}
.__arabic__ .self-service-comp-content .swiper-button-prev{right:auto;left:3.2vw}
.self-service-comp-content .cmp-carousel__swiper .cmp-carousel__pagination{bottom:8px}
.self-service-comp-content .cmp-carousel__pagination-progress{width:16px;margin:0 3px}
.self-service-comp-content .cmp-carousel__pagination-active .cmp-carousel__pagination-progress-fill{width:16px}
.self-service-comp-content[data-effect="fade"] .cmp-carousel__item:not(.swiper-slide-active){opacity:0 !important}
.self-service-comp-content .cmp-carousel__pagination{bottom:-12px}
}