@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.banner-container{width:100%;height:auto;position:relative;overflow:hidden}.banner-container .img{width:100%;height:auto;display:block}.banner-container .content{color:#fff;position:absolute;top:50%;transform:translateY(-50%)}.banner-container .content .title{font-family:HarmonyOS Sans SC-Medium}.banner-container .content .desc{font-family:HarmonyOS Sans SC-Light}.banner-container .content .btns{display:flex}.banner-container .content .btns .btn{color:#5931c5;cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;margin-right:16px;display:flex;box-shadow:0 3px 6px 1px #5931c52e}.banner-container .content .btns .btn .icon-kf{margin-left:10px}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.mobile-filter-container{background-color:#fff;position:relative}.mobile-filter-container .mobile-filter-wrapper .tabs{border-bottom:1px solid #7070704d;justify-content:center;align-items:center;height:60px;display:flex}.mobile-filter-container .mobile-filter-wrapper .tabs .tab{justify-content:center;align-items:center;width:50%;display:flex}.mobile-filter-container .mobile-filter-wrapper .tabs .tab .type{color:#404040;max-width:100px;font-family:HarmonyOS Sans SC-Medium;font-size:16px}.mobile-filter-container .mobile-filter-wrapper .tabs .tab .arrow{border-top:8px solid #333;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:5px;transition:transform .3s cubic-bezier(.5,0,.5,1)}.mobile-filter-container .mobile-filter-wrapper .tabs .tab.active .type{color:#5931c5}.mobile-filter-container .mobile-filter-wrapper .tabs .tab.active .arrow{border-top:8px solid #5931c5;transform:rotate(180deg)}.mobile-filter-container .mobile-filter-wrapper .panels{background-color:#fff;padding:0 5%;position:absolute;top:60px;left:0;box-shadow:1px 3px 6px 1px #00000029}.mobile-filter-container .mobile-filter-wrapper .panels .panel{max-height:0;transition:max-height .2s cubic-bezier(.5,0,.5,1);overflow:hidden}.mobile-filter-container .mobile-filter-wrapper .panels .panel.active{max-height:1000px;transition:max-height .2s cubic-bezier(.5,0,.5,1)}.mobile-filter-container .mobile-filter-wrapper .panels .panel .all{border-bottom:1px solid #7070704d;width:100%;padding:20px 0 10px}.mobile-filter-container .mobile-filter-wrapper .panels .panel .all .item{color:#404040;border-radius:5px;justify-content:center;align-items:center;width:40px;height:24px;font-family:HarmonyOS Sans SC-Light;font-size:12px;display:flex}.mobile-filter-container .mobile-filter-wrapper .panels .panel .all .item.active{color:#fff;background-color:#5931c5;border-radius:5px;font-family:HarmonyOS Sans SC-Medium}.mobile-filter-container .mobile-filter-wrapper .panels .panel .list{flex-wrap:wrap;padding:20px 0;display:flex}.mobile-filter-container .mobile-filter-wrapper .panels .panel .list .item{justify-content:center;align-items:center;min-width:25%;height:30px;padding:0 10px;font-family:HarmonyOS Sans SC-Light;font-size:12px;display:flex}.mobile-filter-container .mobile-filter-wrapper .panels .panel .list .item.active{color:#fff;background-color:#5931c5;border-radius:5px;font-family:HarmonyOS Sans SC-Medium}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.pc-filter-container .filter-wrap{background-color:#fff;border-radius:10px;padding-left:40px;padding-right:40px;display:flex;box-shadow:0 6px 6px 1px #0000000d}.pc-filter-container .filter-wrap .type{color:#5931c5;flex-shrink:0;font-family:HarmonyOS Sans SC-Medium}.pc-filter-container .filter-wrap .all{cursor:pointer;flex-shrink:0;align-items:center;height:35px;padding:0 24px;font-family:HarmonyOS Sans SC-Light;display:flex}.pc-filter-container .filter-wrap .all.active{color:#fff;background-color:#5931c5;border-radius:10px;font-family:HarmonyOS Sans SC-Medium}.pc-filter-container .filter-wrap .list{flex-wrap:wrap;width:100%;display:flex}.pc-filter-container .filter-wrap .list .item{box-sizing:border-box;text-align:center;cursor:pointer;font-family:HarmonyOS Sans SC-Light;position:relative}.pc-filter-container .filter-wrap .list .item:hover{color:#5931c5;font-family:HarmonyOS Sans SC-Medium}.pc-filter-container .filter-wrap .list .item.active{color:#fff;background-color:#5931c5;border-radius:10px;font-family:HarmonyOS Sans SC-Medium}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.main-container .list-container .item{cursor:pointer;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 3px 6px 1px #0000000d}.main-container .list-container .item .item-top{position:relative}.main-container .list-container .item .item-top .icon-video{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-container .list-container .item .item-pic{width:100%;display:block}.main-container .list-container .item .item-title{color:#404040;justify-content:center;align-items:center;height:48px;padding:0 16px;font-family:HarmonyOS Sans SC-Light;line-height:24px;display:flex}.main-container .list-container .item .item-title .text{-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.main-container .pagination-container{justify-content:center;margin-top:100px;font-family:HarmonyOS Sans SC-Light;display:flex}.main-container .pagination-container .MuiButtonBase-root{font-size:inherit;color:#404040;font-family:inherit}.main-container .pagination-container .MuiButtonBase-root.Mui-selected{color:#5931c5;font-family:HarmonyOS Sans SC-Bold}.main-container .pagination-container .MuiButtonBase-root .MuiPaginationItem-icon{color:#5931c5;font-size:20px}.case-video-dialog .dialog-container{align-items:center;width:100%;height:100%;display:flex;position:relative}.case-video-dialog .dialog-container .icon-close{cursor:pointer;position:absolute}.case-video-dialog .dialog-container .icon-close .img{width:100%;height:100%;display:block}.case-video-dialog .dialog-container video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin:0;padding:0}
