@charset "UTF-8";[data-v-0a74928a] *{font-family:Roboto,Roboto}.list-container .stickyHeader[data-v-0a74928a]{background-color:#fff;position:sticky;top:0;z-index:10}.list-container .stickyHeader .list-header[data-v-0a74928a]{display:flex;justify-content:space-between}.list-container .stickyHeader .list-header .sort-btn[data-v-0a74928a]{width:.56rem;height:.32rem}.list-container .stickyHeader .preview[data-v-0a74928a]{width:100%;margin-top:.16rem}.list-container .stickyHeader .preview .preview-btn[data-v-0a74928a]{width:2.8rem;height:.32rem}.list-container .listMain[data-v-0a74928a]{flex:1;width:2.8rem;background-color:#fff;justify-content:center}.list-container .listMain>ul[data-v-0a74928a]{list-style:none;margin:0;padding:.08rem 0}.list-container .listMain>ul>li[data-v-0a74928a]{display:flex;height:.4rem;align-items:center;border:1px solid #cdcdd9;box-sizing:border-box;padding:0 .08rem;border-radius:.08rem;font-size:.16rem;cursor:pointer}.list-container .listMain>ul>li+li[data-v-0a74928a]{margin-top:.08rem}.list-container .listMain>ul>li[data-v-0a74928a]:hover,.list-container .listMain>ul>li.active[data-v-0a74928a]{background-color:#edf3ff;border-color:#2d6bec 1px solid}.list-container .listMain>ul>li .animationIndex[data-v-0a74928a]{width:.3rem}.list-container .listMain>ul>li .graphName[data-v-0a74928a]{width:.7rem}.list-container .listMain>ul>li .animationType[data-v-0a74928a]{width:.7rem}.list-container .listMain>ul>li .animationTypeIcon[data-v-0a74928a]{width:.24rem;height:.24rem;margin-left:.08rem;display:flex;align-items:center;justify-content:center}.list-container .listMain>ul>li .animationTypeIcon>div[data-v-0a74928a]{width:.08rem;height:.08rem;border-radius:.08rem}.list-container .listMain>ul>li .animationTypeIcon>div.enter[data-v-0a74928a]{background-color:#40a9ff}.list-container .listMain>ul>li .animationTypeIcon>div.action[data-v-0a74928a]{background-color:#ffa940}.list-container .listMain>ul>li .animationTypeIcon>div.exit[data-v-0a74928a]{background-color:#73d13d}.selected[data-v-0a74928a]{background-color:#edf3ff;border-color:#2d6bec 1px solid}.split-line[data-v-0a74928a]{width:100%;height:.01rem;background-color:#e2e2e2;margin:.18rem 0}.animationBtn[data-v-0a74928a]{width:.24rem;height:.24rem;margin-left:.08rem;background-size:contain;background-repeat:no-repeat;background-position:center center}.effect-play-set{padding:.08rem .04rem!important;transform:translate(-.2rem)!important}.self-dropdown-menu .menu-item{height:.4rem;line-height:.4rem;display:flex;flex-direction:row;align-items:center}.self-dropdown-menu .menu-item:hover{background:#edf3ff;border-radius:6px}.self-dropdown-menu .menu-item .menu-item-title{flex:1;padding-left:.12rem;font-weight:400;font-size:.14rem;color:#424242}.self-dropdown-menu .menu-item .choose{height:100%;width:.32rem;line-height:.32rem;padding-right:.04rem}[data-v-baeacc05] *{font-family:Roboto,Roboto}.element-effect-container[data-v-baeacc05]{width:3.12rem;height:calc(100% - 1.04rem);background:#fff;border-radius:12px;position:fixed;top:1.37rem;right:.12rem;z-index:500;font-size:.16rem;font-weight:400;text-align:left;font-style:normal;overflow:hidden}.element-effect-container .effect-body[data-v-baeacc05]{margin:.16rem;overflow-y:auto;max-height:80vh}.element-effect-container .effect-body .effect-title[data-v-baeacc05]{margin:0 .04rem .12rem;font-size:.14rem;color:#424242;line-height:.16rem}.element-effect-container .effect-body .effect-container[data-v-baeacc05]{display:flex;flex-wrap:wrap;justify-content:space-between}.element-effect-container .effect-body .effect-container .effect-item[data-v-baeacc05]{width:.5rem;height:.66rem;margin:0 .04rem .12rem;font-size:.12rem;color:#424242;line-height:.14rem;display:flex;justify-content:center;position:relative}.element-effect-container .effect-body .effect-container .effect-item .image-container[data-v-baeacc05]{width:.48rem;height:.48rem;border-radius:.08rem;border:.01rem solid #e2e2e2;display:flex;justify-content:center;align-items:center;cursor:pointer}.element-effect-container .effect-body .effect-container .effect-item .image-container .image[data-v-baeacc05]{border:1px dashed #e2e2e2}.element-effect-container .effect-body .effect-container .effect-item .image-selected[data-v-baeacc05]{border-color:#2d6bec}.element-effect-container .effect-body .effect-container .effect-item .effect-name[data-v-baeacc05]{position:absolute;bottom:-.01rem;width:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.element-effect-container .effect-body .effect-container .effect-item .name-selected[data-v-baeacc05]{color:#2d6bec}.element-effect-container .effect-body .setting-container[data-v-baeacc05]{margin:0 .04rem}.element-effect-container .effect-body .setting-container .steeing-item[data-v-baeacc05]{margin-bottom:.16rem}.element-effect-container .effect-body .setting-container .steeing-item .setting-title[data-v-baeacc05]{margin-bottom:.04rem}.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05]{display:flex;transform:translate(.03rem)}.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05] .gs-slider__runway,.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05] .gs-slider__bar{height:.02rem}.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05] .gs-slider__button-wrapper{top:-.17rem}.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05] .gs-slider__button{width:.12rem;height:.12rem}.element-effect-container .effect-body .setting-container .duration-container[data-v-baeacc05] .gs-slider{height:auto}.element-effect-container .effect-body .setting-container .duration-container .input-number[data-v-baeacc05]{height:.32rem;width:.8rem;caret-color:transparent;position:relative;left:.15rem}.element-effect-container .effect-body .setting-container .duration-container .input-number[data-v-baeacc05] .gs-input__wrapper{padding-left:0;padding-right:.28rem}.element-effect-container .effect-body .setting-container .duration-container .input-number[data-v-baeacc05] .gs-input__wrapper .gs-input__inner{height:.32rem;line-height:.32rem;display:none}.element-effect-container .effect-body .setting-container .duration-container .input-number[data-v-baeacc05] .gs-input-number__decrease,.element-effect-container .effect-body .setting-container .duration-container .input-number[data-v-baeacc05] .gs-input-number__increase{border:none;background:transparent;width:.2rem}.element-effect-container .effect-body .setting-container .duration-container .mask-div[data-v-baeacc05]{width:.25rem;height:.32rem;position:sticky;top:0;background:transparent;right:.42rem;display:flex;justify-content:center;align-items:center;font-size:.12rem;line-height:.16rem}.element-effect-container .effect-body .setting-container .prefrence-select[data-v-baeacc05] .gs-select-dropdown__list{padding:.06rem .04rem}.element-effect-container .effect-body .setting-container .prefrence-select[data-v-baeacc05] .gs-popper__arrow{display:none}.element-effect-container .effect-body .setting-container .prefrence-select .select-option[data-v-baeacc05]{height:auto;border-radius:.06rem;padding:0 .08rem}.element-effect-container .effect-body .setting-container .prefrence-select .language-item[data-v-baeacc05]{height:.54rem;position:relative;line-height:.16rem;display:flex;flex-direction:column;justify-content:space-around;font-family:Roboto,Roboto}.element-effect-container .effect-body .setting-container .prefrence-select .language-item .language-label[data-v-baeacc05]{font-size:.14rem;color:#424242}.element-effect-container .effect-body .setting-container .prefrence-select .language-item .selected-color[data-v-baeacc05]{color:#2d6bec}.element-effect-container .effect-body .setting-container .prefrence-select .language-item .language-country[data-v-baeacc05]{color:#999;line-height:.14rem;font-size:.12rem}.element-effect-container .effect-body .setting-container .prefrence-select .language-item .selected-flag[data-v-baeacc05]{position:absolute;right:.01rem}.element-effect-container .effect-body .setting-container .prefrence-select .pen-language-item[data-v-baeacc05]{height:.32rem}.element-effect-container .effect-body[data-v-baeacc05]::-webkit-scrollbar{display:none}.element-effect-container .effect-body[data-v-baeacc05]{-ms-overflow-style:none;scrollbar-width:none}.split-line[data-v-baeacc05]{width:100%;height:.01rem;background-color:#e2e2e2;margin:.18rem 0}[data-v-eac21bd3] *{font-family:Roboto,Roboto}.page-effect-container[data-v-eac21bd3]{width:3.12rem;height:calc(100% - 1.04rem);background:#fff;box-shadow:0 0 6px #00000029;border-radius:12px;position:fixed;top:.88rem;right:.12rem;z-index:1000;font-size:.16rem;font-weight:400;text-align:left;font-style:normal;overflow:hidden}.page-effect-container.pcPage[data-v-eac21bd3]{height:calc(100% - .81rem);top:.65rem}.page-effect-container .effect-header[data-v-eac21bd3]{display:flex;justify-content:space-between;align-items:center;margin:.16rem}.page-effect-container .effect-header .title[data-v-eac21bd3]{font-size:.18rem;color:#999;line-height:.24rem;margin:0 .02rem;cursor:pointer}.page-effect-container .effect-header .title-selected[data-v-eac21bd3]{font-weight:500;color:#424242}.page-effect-container .effect-body[data-v-eac21bd3]{margin:.16rem;overflow-y:auto;max-height:80vh}.page-effect-container .effect-body .effect-title[data-v-eac21bd3]{margin:0 .04rem .12rem;font-size:.14rem;color:#424242;line-height:.16rem}.page-effect-container .effect-body .effect-container[data-v-eac21bd3]{display:flex;flex-wrap:wrap;justify-content:space-between}.page-effect-container .effect-body .effect-container .effect-item[data-v-eac21bd3]{width:.5rem;height:.66rem;margin:0 .04rem .12rem;font-size:.12rem;color:#424242;line-height:.14rem;display:flex;justify-content:center;position:relative}.page-effect-container .effect-body .effect-container .effect-item .image-container[data-v-eac21bd3]{width:.48rem;height:.48rem;border-radius:.08rem;border:.01rem solid #e2e2e2;display:flex;justify-content:center;align-items:center;cursor:pointer}.page-effect-container .effect-body .effect-container .effect-item .image-container .image[data-v-eac21bd3]{border:1px dashed #e2e2e2}.page-effect-container .effect-body .effect-container .effect-item .image-selected[data-v-eac21bd3]{border-color:#2d6bec}.page-effect-container .effect-body .effect-container .effect-item .effect-name[data-v-eac21bd3]{position:absolute;bottom:-.01rem;width:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.page-effect-container .effect-body .effect-container .effect-item .name-selected[data-v-eac21bd3]{color:#2d6bec}.page-effect-container .effect-body .setting-container[data-v-eac21bd3]{margin:0 .04rem}.page-effect-container .effect-body .setting-container .steeing-item[data-v-eac21bd3]{margin-bottom:.16rem}.page-effect-container .effect-body .setting-container .steeing-item .setting-title[data-v-eac21bd3]{margin-bottom:.04rem}.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3]{display:flex;transform:translate(.03rem)}.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3] .gs-slider__runway,.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3] .gs-slider__bar{height:.02rem}.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3] .gs-slider__button-wrapper{top:-.17rem}.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3] .gs-slider__button{width:.12rem;height:.12rem}.page-effect-container .effect-body .setting-container .duration-container[data-v-eac21bd3] .gs-slider{height:auto}.page-effect-container .effect-body .setting-container .duration-container .input-number[data-v-eac21bd3]{height:.32rem;width:.8rem;caret-color:transparent;position:relative;left:.15rem}.page-effect-container .effect-body .setting-container .duration-container .input-number[data-v-eac21bd3] .gs-input__wrapper{padding-left:0;padding-right:.28rem}.page-effect-container .effect-body .setting-container .duration-container .input-number[data-v-eac21bd3] .gs-input__wrapper .gs-input__inner{height:.32rem;line-height:.32rem;display:none}.page-effect-container .effect-body .setting-container .duration-container .input-number[data-v-eac21bd3] .gs-input-number__decrease,.page-effect-container .effect-body .setting-container .duration-container .input-number[data-v-eac21bd3] .gs-input-number__increase{border:none;background:transparent;width:.2rem}.page-effect-container .effect-body .setting-container .duration-container .mask-div[data-v-eac21bd3]{width:.25rem;height:.32rem;position:sticky;top:0;background:transparent;right:.42rem;display:flex;justify-content:center;align-items:center;font-size:.12rem;line-height:.16rem}.page-effect-container .effect-body .setting-container .prefrence-select[data-v-eac21bd3] .gs-select-dropdown__list{padding:.06rem .04rem}.page-effect-container .effect-body .setting-container .prefrence-select[data-v-eac21bd3] .gs-popper__arrow{display:none}.page-effect-container .effect-body .setting-container .prefrence-select .select-option[data-v-eac21bd3]{height:auto;border-radius:.06rem;padding:0 .08rem}.page-effect-container .effect-body .setting-container .prefrence-select .language-item[data-v-eac21bd3]{height:.54rem;position:relative;line-height:.16rem;display:flex;flex-direction:column;justify-content:space-around;font-family:Roboto,Roboto}.page-effect-container .effect-body .setting-container .prefrence-select .language-item .language-label[data-v-eac21bd3]{font-size:.14rem;color:#424242}.page-effect-container .effect-body .setting-container .prefrence-select .language-item .selected-color[data-v-eac21bd3]{color:#2d6bec}.page-effect-container .effect-body .setting-container .prefrence-select .language-item .language-country[data-v-eac21bd3]{color:#999;line-height:.14rem;font-size:.12rem}.page-effect-container .effect-body .setting-container .prefrence-select .language-item .selected-flag[data-v-eac21bd3]{position:absolute;right:.01rem}.page-effect-container .effect-body .setting-container .prefrence-select .pen-language-item[data-v-eac21bd3]{height:.32rem}.page-effect-container .effect-body[data-v-eac21bd3]::-webkit-scrollbar{display:none}.page-effect-container .effect-body[data-v-eac21bd3]{-ms-overflow-style:none;scrollbar-width:none}.split-line[data-v-eac21bd3]{width:100%;height:.01rem;background-color:#e2e2e2;margin:.18rem 0}.apply-btn[data-v-eac21bd3]{width:2.64rem;height:.32rem;border-radius:.06rem;border:.01rem solid #e2e2e2;margin:0 .08rem;display:flex;justify-content:center;align-items:center;font-size:.14rem;color:#424242;line-height:.16rem}
