.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.popup-enter-active,.popup-leave-active{transition:top .3s}.popup-enter,.popup-leave-to{top:-100px!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.modal .mask{width:100%;height:100%;color:#fff;font-size:16px;text-align:right;background-color:rgba(0,0,0,.4)}.modal .island-modal{position:absolute;top:50%;right:30px;left:30px;margin-top:-210px;padding:20px;text-align:center;background-color:#f3f3f3;border-radius:10px}.modal .island-modal .single-button{margin:5px 10px 20px;padding:7px;text-align:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.es-cards .modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.es-cards .modal-wrap .mask{width:100%;height:100%;background-color:rgba(0,0,0,.7)}.es-cards .modal-wrap.fullScreen{z-index:100}.es-cards .option-group{position:fixed;top:127px;right:0;left:0;z-index:15;min-height:57px;max-height:70vh;overflow-y:auto;background-color:#fff}.es-cards .option-group .option-list .option{display:inline-block;width:20%;padding:20px 0;overflow:hidden;font-size:14px;white-space:nowrap;text-align:center;text-overflow:ellipsis;border-bottom:1px solid #eee}.es-cards .option-group .option-list .team{font-size:0;text-align:center}.es-cards .option-group .option-list .team .team-cover{padding:4px 0;text-align:center;background:linear-gradient(-90deg,#fff,#eee,#fff)}.es-cards .option-group .option-list .team .team-cover .team-cover-img{height:13px;vertical-align:middle}.es-cards .option-group .option-list .team .team-cover .team-name{margin-left:5px;color:#999;font-size:12px;vertical-align:middle}.es-cards .option-group .option-list .team .option{width:auto;padding:20px 10px;border-bottom:none!important}.es-cards .loader{padding:5px 0;text-align:center}.es-cards .loader:before{position:absolute;width:16px;height:16px;margin-left:-30px;border:2px solid #674cff;border-left-color:transparent;border-radius:10px;animation:rolling 1s infinite;content:""}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.es-cards .spu-list{padding:135px 15px 0}.es-cards .spu-list .result{padding:10px}.es-cards .spu-list .result .reset-button{float:right;color:#674cff}.es-cards .spu-list .spu-item{display:inline-block;width:25%;padding:10px;text-align:center;vertical-align:top}.es-cards .spu-list .spu-item .spu-cover{width:76px;height:95px;-o-object-fit:cover;object-fit:cover;background-color:#eee}.es-cards .spu-list .spu-item .spu-name{margin-top:5px}.es-cards .nav{position:fixed;top:0;right:0;left:0;z-index:20;padding:15px 20px;background-color:#fff;border-bottom:1px solid #eee}.es-cards .nav .main-btn{float:right;width:100px;padding:10px 0;font-size:16px;text-align:center;border-radius:20px}.es-cards .nav .main-btn.line{color:#674cff;border:1px solid #674cff}.es-cards .nav .main-btn.solid{color:#fff;background-color:#674cff;border:1px solid #674cff}.es-cards .nav .search{width:calc(100% - 110px);padding-bottom:15px;font-weight:700}.es-cards .nav .search .searchbox{width:100%;padding:10px 20px;font-size:16px;text-align:center;background-color:#eee;border:1px solid #eee;border-radius:20px}.es-cards .nav .search .searchbox::-moz-placeholder{color:#aaa}.es-cards .nav .search .searchbox::placeholder{color:#aaa}.es-cards .nav .filter-group{margin:0 -5px}.es-cards .nav .filter-group .filter{display:inline-block;width:calc(25% - 12px);margin:0 5px;padding:10px 8px 10px 0;overflow:hidden;font-size:16px;white-space:nowrap;text-align:center;text-overflow:ellipsis;background-color:#eee;border-radius:20px}.es-cards .nav .filter-group .filter .arrow{position:absolute;margin-top:3px;margin-left:3px;font-size:12px;transition:.2s}.es-cards .nav .filter-group .filter .arrow.active{transform:rotate(180deg)}.es-cards .nav .filter-group .filter.active{color:#674cff;background-color:#e7e2ff!important}.es-cards .puzzle-group{position:fixed;top:0;right:0;left:0;z-index:150;min-height:100px;background-color:#fff;border-radius:0 0 20px 20px;transition:.2s}.es-cards .puzzle-group.hidden{top:calc(-55vw - 480px)!important}.es-cards .puzzle-group .column-option{margin:15px 20px;padding:5px;background-color:#e7e2ff;border-radius:100px}.es-cards .puzzle-group .column-option .column{display:inline-block;width:25%;padding:10px 0;color:#6b56d9;font-size:16px;text-align:center}.es-cards .puzzle-group .column-option .column.active{background-color:#fff;border-radius:100px}.es-cards .puzzle-group .edit-btn-group .edit-btn-wrap{display:inline-block;padding-top:10px;text-align:center}.es-cards .puzzle-group .edit-btn-group .edit-btn-wrap .edit-btn{display:inline-block;width:30px;height:30px;margin:6px 2px 0;line-height:32px;text-align:center}.es-cards .puzzle-group .edit-btn-group.two .edit-btn-wrap{width:49.5%}.es-cards .puzzle-group .edit-btn-group.three .edit-btn-wrap{width:33%}.es-cards .puzzle-group .edit-btn-group.four .edit-btn-wrap{width:24.75%}.es-cards .puzzle-group .edit-btn-group.five .edit-btn-wrap{width:19.8%}.es-cards .puzzle-group .pic-group .pic{position:relative;display:inline-block;height:55vw;overflow:auto;font-size:0;vertical-align:top}.es-cards .puzzle-group .pic-group .pic img{transition:.2s}.es-cards .puzzle-group .pic-group .pic .set-btn{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:24vw;color:grey;font-size:15px;text-align:center;background-color:#fff}.es-cards .puzzle-group .pic-group.two .pic{width:50%}.es-cards .puzzle-group .pic-group.three .pic{width:33.33%}.es-cards .puzzle-group .pic-group.four .pic{width:25%}.es-cards .puzzle-group .pic-group.five .pic{width:20%}.es-cards .puzzle-group .pic-group .pic-footer{position:relative;width:100%;height:26px;margin-top:-1px}.es-cards .puzzle-group .pic-group .pic-footer .footer-title{position:absolute;top:3px;left:50%;width:-moz-max-content;width:max-content;color:#fff;font-size:15px;transform:translateX(-50%);opacity:.9}.es-cards .puzzle-group .pic-group .pic-footer .footer-title:before{content:"《"}.es-cards .puzzle-group .pic-group .pic-footer .footer-title:after{content:"》"}.es-cards .puzzle-group .pic-group .pic-footer .footer-tip{float:right;margin-top:-1px;margin-right:-7px;color:hsla(0,0%,100%,.7);font-size:12px;line-height:13px;text-align:right;transform:scale(.65)}.es-cards .puzzle-group .pic-group .pic-footer .qrcode{float:right;width:22px;margin-top:2px;margin-right:2px;opacity:.7}.es-cards .puzzle-group .draw{position:absolute;top:0;width:100%}.es-cards .puzzle-group .tip{padding:30px 0 10px;font-size:17px;text-align:center}.es-cards .puzzle-group .clear-btn{display:inline-block;float:left;width:80px;margin:20px 0 20px 20px;padding:10px 0;color:#fd5959;font-size:16px;text-align:center;border:1px solid #fd5959;border-radius:100px}.es-cards .puzzle-group .clear-btn.disable{opacity:.4;pointer-events:none}.es-cards .puzzle-group .render-btn{margin:20px;padding:10px 0;color:#6b56d9;font-size:16px;text-align:center;border:1px solid #6b56d9;border-radius:100px}.es-cards .puzzle-group .render-btn.disable{opacity:.4;pointer-events:none}.es-cards .puzzle-group .render-btn.short{display:inline-block;float:right;width:calc(100vw - 143px)}.es-cards .style-option-group{text-align:center}.es-cards .style-option-group .style-option{margin-bottom:15px}.es-cards .style-option-group .style-option .style-option-title{margin-right:10px;color:#6b56d8;vertical-align:middle}.es-cards .style-option-group .style-option .color{position:relative;display:inline-block;width:40px;height:40px;margin:0 4px;vertical-align:middle;border-radius:50px}.es-cards .style-option-group .style-option .color.active:after{position:absolute;top:0;right:0;content:"✅"}.es-cards .style-option-group .style-option input{width:286px;padding:10px 20px;border:2px solid #dbdbdb;border-radius:100px}