.template-list{display:flex;flex-wrap:wrap;margin:-13px}.template-list-item{margin:13px;overflow:hidden;position:relative;width:calc(25% - 26px)}.template-list-item:hover .template-list-item__hover{opacity:1;transform:translatey(0)}.template-list-item:hover .template-list-item__text{opacity:0;transform:translatey(100%)}.template-list-item img{width:100%}.template-list-item__text{background: bottom no-repeat;background-size:100% 100%;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;opacity:1;position:absolute;right:0;top:0;transform:translatey(0);transition:all .5s ease;z-index:9}.template-list-item__text-flex{display:flex;justify-content:space-between;padding:12px 20px}.template-list-item__text-flex h4{color:#fff;flex:1;font-size:14px;font-weight:700;margin-right:5px;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-item__text-flex p{border:1px solid #fff;border-radius:2px;color:#fff;font-size:12px;font-weight:700;padding:2px 5px}.template-list-item__hover{align-items:center;background:url(/uploads/image/sawcimg/pro-hover-bg.187834a.png) bottom no-repeat;background-size:100% 100%;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:0 30px;position:absolute;right:0;top:0;transform:translatey(100%);transition:all .5s ease;z-index:10}.template-list-item__hover h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-item__hover p{border:1px solid #fff;border-radius:2px;color:#fff;font-size:12px;font-weight:700;margin-bottom:39px;padding:2px 5px}.template-list-item__action{align-items:center;display:flex;width:100%}.template-list-item__action a{color:#1664ff;cursor:pointer;flex:1;font-size:14px;font-weight:400;height:38px;line-height:38px;text-align:center}.template-list-item__action a:first-child{background:linear-gradient(90deg,#2f5eff,#3ca8fa);color:#fff}.template-list-item__action a:first-child:hover{background:linear-gradient(270deg,#2f5eff,#3ca8fa);color:#fff}.template-list-item__action a:last-child{background:#fff;color:#1664ff}.template-list-item__action a:last-child:hover{background:#1664ff;color:#fff}.app-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:px2vw(30) 0 px2vw(40)}.app-list-item{width:calc(20% - 20px)}.app-list-item:hover .app-list-item__action{opacity:1;transform:translatey(0)}.app-list-item__img{border-radius:6px;margin-bottom:px2vw(20);overflow:hidden;position:relative}.app-list-item__img .big{display:block;width:100%}.app-list-item__action{align-items:center;background:rgba(5,16,46,.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transform:translatey(100%);transition:all .5s ease;z-index:9}.app-list-item__action .img-wrap{background:#fff;border-radius:50%;margin-bottom:10px;overflow:hidden;padding:10px;width:65%}.app-list-item__action .img-wrap img{display:block;width:100%}.app-list-item__action p{color:#fff;font-size:14px;font-weight:400;line-height:1.2}.app-list-item__text{margin-top:34px;text-align:center}.app-list-item__text h4{color:#fff;font-size:14px;font-weight:700;line-height:16.94px;margin-bottom:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-list-item__text p{border:1px solid #fff;border-radius:2px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:2px 5px}.page-banner[data-v-5fb069c8]{align-items:center;display:flex;min-height:400px;position:relative}.page-banner .el-button[data-v-5fb069c8]{background:#165dff;border-color:#165dff}.page-banner .el-button[data-v-5fb069c8]:hover{opacity:.8}.page-banner_img[data-v-5fb069c8]{bottom:0;left:0;position:absolute;right:0;top:0}.page-banner_img img[data-v-5fb069c8]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-banner_text[data-v-5fb069c8]{font-family:microsoft yahei;line-height:1.4;padding:30px 18.75vw 0;position:relative;z-index:9}.page-banner_text h3[data-v-5fb069c8]{color:#1d2129;font-size:48px;font-weight:400;margin-bottom:25px}.page-banner_text h3 span[data-v-5fb069c8]{color:#1664ff}.page-banner_text p[data-v-5fb069c8]{color:#1d2129;font-size:20px;margin:5px 0 15px}@media(max-width:1025px){.page-banner[data-v-5fb069c8]{min-height:350px}.page-banner_text[data-v-5fb069c8]{padding:30px 15px 0}.page-banner_text h3[data-v-5fb069c8]{font-size:30px}.page-banner_text p[data-v-5fb069c8]{font-size:16px}}@media(max-width:768px){.page-banner[data-v-5fb069c8]{min-height:240px}.page-banner_text[data-v-5fb069c8]{margin-right:25%;padding:60px 15px 0}.page-banner_text h3[data-v-5fb069c8]{font-size:22px;margin-bottom:10px}.page-banner_text p[data-v-5fb069c8]{font-size:14px;margin-bottom:10px}}