.user-case-main[data-v-1483c089]{padding:0;padding-bottom:80PX}.user-case-main .user-case-body[data-v-1483c089]{width:1200px;margin:0 auto}.user-case-main h2[data-v-1483c089]{font-size:1.8rem;text-align:center;font-family:PingFang SC;font-size:32PX;font-weight:700;line-height:normal;letter-spacing:normal;color:#1e242a;margin:80PX 0 50PX}.user-case-main .categories[data-v-1483c089]{display:flex;justify-content:center;gap:40PX;margin-bottom:40PX}.user-case-main .categories span[data-v-1483c089]{cursor:pointer;font-size:18PX;color:rgba(30,36,42,.8);position:relative}.user-case-main .categories span[data-v-1483c089]:hover{font-weight:700}.user-case-main .categories span.active[data-v-1483c089]{color:#0f6bf6;font-weight:700}.user-case-main .categories span.active[data-v-1483c089]:after{content:"";position:absolute;bottom:-5PX;left:50%;transform:translateX(-50%);width:100%;height:2PX;background-color:#0f6bf6}.user-case-main .case-list[data-v-1483c089]{display:flex;flex-direction:column;gap:20PX}.user-case-main .case-list .case-item[data-v-1483c089]{width:100%;vertical-align:top;border-radius:8PX;background-color:#fff}.user-case-main .case-list .case-item .case-image[data-v-1483c089]{display:inline-block;width:650PX;height:380PX;object-fit:cover;border-radius:8PX;float:left}.user-case-main .case-list .case-item .case-content[data-v-1483c089]{display:inline-block;float:left;width:540PX;padding:40PX;padding-right:0;display:flex;flex-direction:column;gap:16PX}.user-case-main .case-list .case-item .case-content h3[data-v-1483c089]{font-size:20PX;font-weight:700;color:#1e242a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-case-main .case-list .case-item .case-content .txtSmall[data-v-1483c089]{font-family:PingFang SC;font-size:14PX;font-weight:400;line-height:normal;letter-spacing:normal;color:#1e242a;opacity:.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-case-main .case-list .case-item .case-content p[data-v-1483c089]{font-size:16PX;color:#4a4a4a;line-height:1.8;margin:0}.user-case-main .case-list .case-item .case-content .effect-ellipsis[data-v-1483c089]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.user-case-main .case-list .case-item .case-content button[data-v-1483c089]{align-self:flex-start;display:flex;align-items:center;justify-content:center;padding:8PX 16PX;font-size:14PX;color:#1e242a;background-color:transparent;border:1PX solid #1e242a;border-radius:4PX;cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.user-case-main .case-list .case-item .case-content button[data-v-1483c089]:hover{background-color:#1e242a;color:#fff}.user-case-main .case-list .case-item .case-content button[data-v-1483c089]:after{content:">";margin-left:8PX;font-size:16PX}[data-v-1483c089] .el-tabs__item{font-weight:400!important}.user-case-main[data-v-2316f61c]{padding:0;padding-bottom:40PX}.user-case-main .user-case-body[data-v-2316f61c]{margin:0 auto}.user-case-main h2[data-v-2316f61c]{text-align:center;font-family:PingFang SC;font-size:16PX;font-weight:700;line-height:normal;letter-spacing:normal;color:#1e242a;margin:40PX 0 25PX}.user-case-main .categories[data-v-2316f61c]{display:flex;justify-content:center;gap:20PX;margin-bottom:20PX}.user-case-main .categories span[data-v-2316f61c]{cursor:pointer;font-size:14PX;color:rgba(30,36,42,.8);position:relative}.user-case-main .categories span.active[data-v-2316f61c]{color:#0f6bf6;font-weight:700}.user-case-main .categories span.active[data-v-2316f61c]:after{content:"";position:absolute;bottom:-5PX;left:50%;transform:translateX(-50%);width:100%;height:2PX;background-color:#0f6bf6}.user-case-main .case-list[data-v-2316f61c]{display:flex;flex-direction:column;gap:30PX;padding:16PX}.user-case-main .case-list .case-item[data-v-2316f61c]{width:100%;vertical-align:top;border-radius:4PX;background-color:#fff}.user-case-main .case-list .case-item .case-image[data-v-2316f61c]{display:inline-block;width:100%;height:190PX;object-fit:cover;border-radius:4PX;float:left}.user-case-main .case-list .case-item .case-content[data-v-2316f61c]{display:inline-block;float:left;width:100%;padding-right:0;display:flex;flex-direction:column;gap:8PX}.user-case-main .case-list .case-item .case-content h3[data-v-2316f61c]{font-size:16PX;font-weight:700;color:#1e242a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:12PX}.user-case-main .case-list .case-item .case-content .txtSmall[data-v-2316f61c]{font-family:PingFang SC;font-size:10PX;font-weight:400;line-height:normal;letter-spacing:normal;color:#1e242a;opacity:.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-case-main .case-list .case-item .case-content p[data-v-2316f61c]{font-size:12PX;color:#4a4a4a;line-height:1.5;margin:0}.user-case-main .case-list .case-item .case-content .effect-ellipsis[data-v-2316f61c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.user-case-main .case-list .case-item .case-content button[data-v-2316f61c]{align-self:flex-start;display:flex;align-items:center;justify-content:center;padding:2PX 8PX;font-size:8PX;color:#1e242a;background-color:transparent;border:1PX solid #1e242a;border-radius:2PX;cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.user-case-main .case-list .case-item .case-content button[data-v-2316f61c]:hover{background-color:#1e242a;color:#fff}.user-case-main .case-list .case-item .case-content button[data-v-2316f61c]:after{content:">";margin-left:4PX;font-size:8PX}[data-v-2316f61c] .el-tabs__item{font-weight:400!important}.bottom_circle[data-v-13372082]{width:100%;text-align:center;padding-top:100px;background-image:url(../img/smalldot.54e214f7.png),url(../img/smalldot1.2139432a.png);background-position:0 0,110% 150%;background-repeat:no-repeat;background-size:400px}.bottom_circle h1[data-v-13372082]{font-size:40px;padding-bottom:20px}@media screen and (max-width:992px){.bottom_circle h1[data-v-13372082]{font-size:1.15rem;width:60%;margin:0 auto}}.bottom_circle .circle_img[data-v-13372082]{width:100%}.bottom_circle .circle_img img[data-v-13372082]{width:70%}@media screen and (max-width:992px){.bottom_circle .circle_img img[data-v-13372082]{width:100%;margin:20px 0}}