@font-face {
  font-family: "iconfont"; /* Project id 4848887 */
  src: url('//at.alicdn.com/t/c/font_4848887_vggdsz61llr.woff2?t=1741254544637') format('woff2'),
       url('//at.alicdn.com/t/c/font_4848887_vggdsz61llr.woff?t=1741254544637') format('woff'),
       url('//at.alicdn.com/t/c/font_4848887_vggdsz61llr.ttf?t=1741254544637') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nav_icon_zhzs:before {
  content: "\e622";
}

.icon-dingwei:before {
  content: "\e600";
}

.icon-wangzhi:before {
  content: "\e62b";
}

.icon-dianhua:before {
  content: "\e842";
}

.icon-xinnaoxieguanzhiru_shenjingke:before {
  content: "\e62c";
}

.icon-shuzhongjiankong:before {
  content: "\e619";
}

.icon-cha:before {
  content: "\e61c";
}

.icon-gou:before {
  content: "\e636";
}

.icon-kangfuke:before {
  content: "\e81d";
}

.icon-tijianke:before {
  content: "\e81e";
}

.icon-shenjingneike:before {
  content: "\e62f";
}

.icon-a-ziyuan543ldpi:before {
  content: "\e612";
}


:where([class^="ri-"])::before { content: "\f3c2"; }
        .wave-bg {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, transparent 50%, rgba(64, 205, 181, 0.1) 50%);
            clip-path: polygon(100% 0, 0% 100%, 100% 100%);
            z-index: -1;
        }
        
        .feature-card {
            transition: all 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
        }

        .comparison-table th,
        .comparison-table td {
            padding: 1rem;
            text-align: center;
            border-bottom: 1px solid #e5e7eb;
        }

        .comparison-table tr:hover {
            background-color: #f9fafb;
        }

        .nav-link {
            position: relative;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #40CDB5;
            transition: width 0.3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }

        .modal.active {
            display: flex;
        }

.cpztdx i {font-size: 35px;}
.ztyssc i {color: rgb(64 205 181); font-size: 30px;}
.zyggys i {color: rgb(64 205 181); font-size: 20px;}