@keyframes send-likeImg-x-0{0%{left:50%}to{left:calc(50% + 5em)}}@keyframes send-likeImg-y-0{0%{top:0}50%,60%{top:calc(50% - 10em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-x-1{0%{left:50%}to{left:calc(50% - 5.8em)}}@keyframes send-likeImg-y-1{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8.8em)}}@keyframes send-likeImg-x-2{0%{left:50%}to{left:calc(50% + 6.6em)}}@keyframes send-likeImg-y-2{0%{top:0}50%,60%{top:calc(50% - 11.6em)}to{top:calc(50% - 9.6em)}}@keyframes send-likeImg-x-3{0%{left:50%}to{left:calc(50% - 6em)}}@keyframes send-likeImg-y-3{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-x-4{0%{left:50%}to{left:calc(50% + 7.5em)}}@keyframes send-likeImg-y-4{0%{top:0}50%,60%{top:calc(50% - 12.2em)}to{top:calc(50% - 8.3em)}}@keyframes send-likeImg-x-5{0%{left:50%}to{left:calc(50% - 6em)}}@keyframes send-likeImg-y-5{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-hide{0%{opacity:1}50%{opacity:.5;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.comp-like-btn-layout{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comp-like-btn-layout .animate-box{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#ff3764;height:26px;padding:0 10px;border-radius:13px;color:#fff;margin-right:10px}.comp-like-btn-layout .animate-box .text{margin-left:3px}.comp-like-btn-layout .animate-box:active{transition-timing-function:cubic-bezier(.6,4,.3,.8);animation:gelatine .3s .5}.comp-like-btn-layout .likeImg{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:20px;height:20px}.comp-like-btn-layout .likeImg.active-0{animation:send-likeImg-x-0 2s ease-out forwards,send-likeImg-y-0 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-1{animation:send-likeImg-x-1 2s ease-out forwards,send-likeImg-y-1 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-2{animation:send-likeImg-x-2 2s ease-out forwards,send-likeImg-y-2 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-3{animation:send-likeImg-x-3 2s ease-out forwards,send-likeImg-y-3 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-4{animation:send-likeImg-x-4 2s ease-out forwards,send-likeImg-y-4 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-5{animation:send-likeImg-x-5 2s ease-out forwards,send-likeImg-y-5 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-tools-card-layout{background-color:var(--theme-white-black);margin-bottom:20px;border-radius:6px}.comp-tools-card-layout .cover{height:350px;position:relative}.comp-tools-card-layout .cover .tool-img img{border-top-left-radius:6px;border-top-right-radius:6px}.comp-tools-card-layout .cover .tag{position:absolute;top:0;left:0;z-index:1;padding:0 10px;height:28px;font-size:14px;background:rgba(var(--theme-black-white2),.59);border-radius:6px 0 6px 0;color:var(--theme-white-black)}.comp-tools-card-layout .cover .tag.vip{background:linear-gradient(90deg,#ecd2b5,#d1a669);color:#8d5812}.comp-tools-card-layout .cover .comp-like-btn-layout{position:absolute;bottom:10px;left:14px;z-index:1}.comp-tools-card-layout .info{padding:14px 20px 12px;line-height:1.5}.comp-tools-card-layout .info .title{font-size:20px;color:var(--theme-black-white);font-weight:700;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.comp-tools-card-layout .info .des{color:var(--color-666);margin-bottom:10px;word-break:break-word}.comp-tools-card-layout .info .btn-operation{display:flex;align-items:center;justify-content:space-between}.comp-tools-card-layout .info .btn-operation .left-btn .btn{display:flex;align-items:center;justify-content:center;height:26px;border-radius:13px;color:var(--theme-black-white)}.comp-tools-card-layout .info .btn-operation .left-btn .btn .iconfont{margin-right:3px;font-size:14px}.comp-tools-card-layout .info .btn-operation .left-btn .btn .iconfont.share{font-size:18px}.comp-tools-card-layout .info .btn-operation .left-btn .btn.like .svg-icon{margin-right:3px}.comp-tools-card-layout .info .btn-operation .left-btn .btn.like .like-svg-active{display:none}.comp-tools-card-layout .info .btn-operation .left-btn .btn.like .like-svg,.comp-tools-card-layout .info .btn-operation .left-btn .btn.like:hover .like-svg-active{display:inline}.comp-tools-card-layout .info .btn-operation .left-btn .btn.like:hover .like-svg{display:none}.comp-tools-card-layout .info .btn-operation .right-btn .btn{cursor:pointer;background-color:var(--theme-bg);padding:5px 13px;border-radius:18px;color:#00c651;font-weight:600;transition:all .3s ease 0s}.comp-tools-card-layout .info .btn-operation .right-btn .btn .iconfont{font-size:12px;margin-left:2px}.comp-tools-card-layout .info .btn-operation .right-btn .btn:hover{background-color:#00c651;color:var(--theme-white-black)}.el-pagination.is-background{margin-top:20px;text-align:center}.el-pagination.is-background button:disabled{cursor:pointer}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{height:28px;width:28px;padding:0;line-height:28px;border-radius:6px;font-size:14px;color:var(--color-666);text-align:center;border:1px solid #e5e5e5;border-radius:20px;background:var(--theme-white-black);margin:0 2px}@media (min-width:751px){.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{height:32px;line-height:32px;width:32px;margin:0 5px}}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{height:28px;width:28px;padding:0}@media (min-width:751px){.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{height:32px;width:32px}}.el-pagination.is-background .el-pager li{font-size:14px;color:var(--color-666);line-height:29px;line-height:26px}@media (min-width:751px){.el-pagination.is-background .el-pager li{line-height:29px}}.el-pagination.is-background .el-pager li:not(.active):hover{color:var(--color-666)}.el-pagination.is-background .el-pager li:not(.disabled).active{font-weight:700;color:#00c651;background-color:var(--theme-white-black);border:1px solid #00c651}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{color:var(--font-color-black)}.el-pagination.is-background .btn-next .el-icon,.el-pagination.is-background .btn-prev .el-icon{font-size:14px}.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled{color:var(--font-color-gray-dark)}.el-pagination.is-background .el-pagination__jump{margin-left:20px}.el-pagination.is-background .el-pagination__jump .el-input{margin:0 10px;padding:0;height:32px}.el-pagination.is-background .el-pagination__jump .el-input .el-input__inner{height:32px;border-radius:20px;border:1px solid #e5e5e5;width:50px}.el-pagination.is-background.hiddenLastPage ul li:last-child{display:none}@media screen and (max-width:768px){.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{padding:0 6px;font-size:12px;margin:0 2px}.el-pagination.is-background .el-pager li{font-size:12px}}.base_container{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.base_page{max-width:1200px;min-width:750px}.flex_list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}.full_bg,.full_icon{background-size:100%;background-position:50%;background-repeat:no-repeat}.com-sticky-wrap{position:sticky;top:var(--HeaderToHeight,46px);z-index:101;transition:top .3s ease-in-out}.full_icon{display:inline-block}.input_placeholder input::-webkit-input-placeholder{color:var(--font-color-light)}.input_placeholder input:-moz-placeholder,.input_placeholder input::-moz-placeholder{color:var(--font-color-light)}.input_placeholder input:-ms-input-placeholder{color:var(--font-color-light)}.input_placeholder textarea::-webkit-input-placeholder{color:var(--font-color-light)}.input_placeholder textarea:-moz-placeholder,.input_placeholder textarea::-moz-placeholder{color:var(--font-color-light)}.input_placeholder textarea:-ms-input-placeholder{color:var(--font-color-light)}.selectZindex800{z-index:800!important}@keyframes upMove{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes downMove{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.online-model-layout{min-height:calc(100vh - var(--HeaderToHeight, 46px));padding-bottom:20px;position:relative}.online-model-layout .tab-wrap-content{width:100%;margin:0 auto;height:60px}.online-model-layout .tab-wrap-content .gadget-filter{width:100%;max-width:1240px;padding:0 20px;margin:0 auto;height:60px}.online-model-layout .tab-wrap-content .gadget-filter .left-status{color:var(--theme-black-white);font-size:18px;font-weight:700}.online-model-layout .tab-wrap-content .gadget-filter .right-status{font-size:14px;font-weight:700;color:#00c651;height:32px;background:var(--theme-white-black);border-radius:23px;line-height:32px;padding:0 15px;cursor:pointer}.online-model-layout .tab-wrap-content .gadget-filter .right-status span{margin-right:4px}.online-model-layout .tab-wrap-content .gadget-filter .right-status i{font-size:12px;font-weight:400}.online-model-layout .tab-wrap-content .gadget-filter .right-status .left-icon{margin-right:3px;font-size:14px}.online-model-layout .tab-wrap-content .gadget-filter .right-status:hover{background:#00c651}.online-model-layout .tab-wrap-content .gadget-filter .right-status:hover i,.online-model-layout .tab-wrap-content .gadget-filter .right-status:hover span{color:var(--theme-white-black)}.online-model-layout .page-wrapper{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.online-model-layout .page-wrapper .tools-list{margin-right:-20px}.online-model-layout .page-wrapper .tools-list .comp-tools-card-layout{margin-right:20px}@media (min-width:751px){.online-model-layout .page-wrapper .tools-list .comp-tools-card-layout{width:calc(50% - 20px)}}.online-model-layout .page-wrapper .tools-list .empty{flex:1;margin-right:21px;margin-bottom:20px;background-color:var(--theme-white-black);border-radius:8px;background-image:url(https://pic2-cdn.creality.com/crealityWebStaticImg/collection-placeholder-en.png);background-size:232px 145px;background-position:50%;background-repeat:no-repeat;overflow:hidden}.online-model-layout .page-wrapper .tools-list .empty span{text-align:center;padding-top:270px;display:block;font-size:14px;color:#999}.online-model-layout .page-wrapper .tools-list .empty.zh{background-image:url(https://pic2-cdn.creality.com/crealityWebStaticImg/collection-placeholder-zh.png)}.online-model-layout .page-wrapper .tools-list .empty.fr{background-image:url(https://pic2-cdn.creality.com/crealityWebStaticImg/collection-placeholder-fr.png)}.online-model-layout .el-pagination.is-background{left:0;width:100%;margin-top:0;margin-bottom:20px}.online-model-layout .makes-tools-root-class{max-width:1200px;min-width:750px;margin:auto}.online-model-layout .makes-tools-root-class .root-class{margin:10px auto;text-align:center;display:block}