.comp-templates .sort-box .el-input__inner{border:none}.comp-templates .el-select .el-input__inner{padding:0;text-align:center}.comp-templates .temp-sort-select .el-select-dropdown__item.selected{color:#5778fb}.comp-templates .sort-payType .el-checkbox{margin-right:26px}.comp-templates .sort-payType .el-checkbox__inner:hover{border-color:#333}.comp-templates .sort-payType .el-checkbox.is-checked .el-checkbox__inner{background:#333;border-color:#333}.comp-templates .sort-payType .el-checkbox.is-checked .el-checkbox__label{color:#333}.comp-templates[data-v-1e2fbe05]{width:100%;box-sizing:border-box;min-width:1320px;max-width:1720px;padding:0 60px 200px;font-size:14px;margin:27px auto 0}.cates-wrapper[data-v-1e2fbe05]{position:relative;box-sizing:content-box}.cates-wrapper .cates-bar-fixed[data-v-1e2fbe05],.cates-wrapper .cates-bar[data-v-1e2fbe05]{min-width:1200px;max-width:1600px;height:85px;position:relative;background:#fff;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:0 0 4px 4px}.cates-wrapper .cates-bar-fixed[data-v-1e2fbe05]{position:fixed;top:0;z-index:1}.cates-wrapper .direction-radio[data-v-1e2fbe05]{color:#656565;border-right:1px solid #e6e6e6}.cates-wrapper .direction-radio>span[data-v-1e2fbe05]{cursor:pointer;transition:all .2s ease;display:inline-block;margin-right:23px}.cates-wrapper .direction-radio_active[data-v-1e2fbe05]{color:#333;font-weight:700}.cates-wrapper .templates-search-class[data-v-1e2fbe05]{width:250px}.temp-wrapper[data-v-1e2fbe05]{display:flex;flex-wrap:wrap}.temp-wrapper .crearte-wrapper[data-v-1e2fbe05]{height:100%;flex-direction:column;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:4px;padding:0}.temp-wrapper .crearte-wrapper[data-v-1e2fbe05],.temp-wrapper .to-create[data-v-1e2fbe05]{width:100%;display:flex;align-items:center;box-sizing:border-box}.temp-wrapper .to-create[data-v-1e2fbe05]{flex-direction:column;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#f9f9fb;border:1px solid #e8e8e8;flex:1;height:auto}.temp-wrapper .to-create-icon[data-v-1e2fbe05]{width:64px;height:64px;border-radius:50%;background-color:#fff;margin:0 auto 15px;box-shadow:0 0 21px 0 rgba(126,126,132,.09)}.temp-wrapper .to-create-txt[data-v-1e2fbe05]{color:#666;font-size:16px}.temp-wrapper .btn-box[data-v-1e2fbe05]{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;margin-top:7px}.temp-wrapper .ppt-upload[data-v-1e2fbe05],.temp-wrapper .story-btn[data-v-1e2fbe05]{flex:1;box-sizing:border-box;width:48%;height:100%;border-radius:4px;cursor:pointer;color:#333;font-size:14px;transition:all .2s ease;background:#fff;border:1px solid #e8e8e8}.temp-wrapper .ppt-upload-wrapper[data-v-1e2fbe05]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.temp-wrapper .ppt-upload-text[data-v-1e2fbe05]{margin-left:8px;font-size:14px;color:#333}.temp-wrapper .ppt-upload-text[data-v-1e2fbe05]:hover{font-weight:700}.temp-wrapper .story-btn[data-v-1e2fbe05]{display:flex;align-items:center;justify-content:space-evenly}.temp-wrapper .story-btn[data-v-1e2fbe05]:hover{font-weight:700}.temp-wrapper .temp-card-item[data-v-1e2fbe05]{width:100%;height:100%}.custom-button[data-v-1e2fbe05]{display:inline-block;margin-top:30px;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#5778fb;box-shadow:0 0 10px 0 rgba(14,11,56,.16);border-radius:4px;cursor:pointer}.custom-button[data-v-1e2fbe05]:active,.custom-button[data-v-1e2fbe05]:hover{background-color:#7e98ff}.sort-orderby[data-v-1e2fbe05]{color:#666;font-size:14px;display:inline-block;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding-left:32px;margin-left:20px;line-height:1}.orderby[data-v-1e2fbe05]{margin-right:29px;cursor:pointer}.orderby-active[data-v-1e2fbe05]{color:#333;font-weight:700}.sort-payType[data-v-1e2fbe05]{display:inline-block;margin-left:-5px;padding-left:32px}.search-box[data-v-1e2fbe05]{margin:0 0 0 auto}.page-template{position:relative;background:#fff;overflow:hidden;padding-top:12px}.page-template .activity-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.page-template .activity-popup a{display:block;width:900px;height:500px;background-position:50%;background-repeat:no-repeat}.page-template .activity-popup .close-btn{position:relative;top:-250px;right:0;display:block;width:35px;height:35px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDODZEOTg3REMxMzExRTg4MDM4OTkwODAwNUY2RTFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDODZEOTg4REMxMzExRTg4MDM4OTkwODAwNUY2RTFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM4NkQ5ODVEQzEzMTFFODgwMzg5OTA4MDA1RjZFMUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM4NkQ5ODZEQzEzMTFFODgwMzg5OTA4MDA1RjZFMUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Y/r7lAAADp0lEQVR42ryYaUhUURTHz6iZa25pLuSStLiUmgtKapYGWkrZikSRWyshtBiCC6RQaCKkuI4LfYrIyMmVEkuRjMpRozTT0kIsoaKIcvlg5w53xHHecsdl/vDDmffOm/f3nnvPu+dJrEPOgYYKQ7wRL8QdcUSMkRnkMzKIvEIGkHpkVujHJtqL5z7rMRpYjcQjCYi/QJwlNXqUfh9BpEgVMi52Ex0GIxfpf1siYoRLzkgO8gG5uRQzVkgTcpumYikiabyGvKTp1ciMG9KPRMLyyg/pQWJZzRAjLxBrWDk9QA6JmTFEuhBTWHndp6uR10wjsga0p8c2oeeNuMwk0hqiTdkjRQvNEHd5Qlfp6epA5I5tsMnJlukuZiaGEBXiBXbW5mKh8Tg6TvOL3nHEgneNm5tAXeGlOSOJmRXw6Kmc99fdNthDbUEKrLUwhT9/JyH6Qj68Gx4TMpSBJClHJkUock+Qp8qIVF5PhuidPpyxm13soKH4isIIkYmRARyM8BMbnUQcHQdiJhjxEIqUD4yqHavKToZ9od4qxzY62kKrNE1hYL66+0dZMhtFzASIRb3/NA7JWZVqx6tzTkNsuN+ckZbyVNBfpfq4u1XTCI3tPSxmAnWNnfzP0IebsKGRcUXeD+z2VTkeE+YD/6amIe9yHFiamaicuyGVQX5NI+vKspTgFkLOYkYpMldIisREjBTcadZkmU+RNNlqckX9MzkkZUlhanqGNyavukFTI0QzOosp/bK2bsgufch5jswPYmYRmiVmJjW9iizfEzHBnOcCtrrC3lDvRZVjYuabpkaaSq4q/nKJ1JcaXGV8dUhA+sTMW9ZovjrCtXS56pCIfhEzcpbILS72vHXkVHo5nEwrFaxDDGojZnrFotZZmUFzWaraiJDlm1tVr/jc3NkH8WhqocqyEsDXw4XFzHNi5gnyVSgqItADjAz0RetIA6YrIaNC7foYtvnTQsxMI4WClnuHYHJqhqmOKOuQyl1w1ETUgP3TgIQ2cVZ0VenyRbuut4FdAe4wNvETmjpEM6tIzXY3Z3gz+AW6+oZEN+po5rVkXkeZjaSD9tWKRiIWbjszaHuiTZHcH+PbkEdr2cwRHJXvfGY+Ivu1ZCQTqRNr4mTIYS0YyWZtb2vJzgsZXmYTv5E4LiNijT9pcT1JEV0mIzLaQd5d7CsRsr04S98cFNHZr6nuIeF0Lgr2K6wvi/roe5pc0rkgQbSrcOCI/YF0ksKNdLA8+5T6L8AACVv+mseiRoUAAAAASUVORK5CYII=) no-repeat 50%}.page-template .activity-corner{display:block;position:fixed;bottom:20px;left:20px;z-index:999;width:80px;height:80px;cursor:pointer;background-position:50%;background-repeat:no-repeat}.page-template .create-new{position:absolute;top:322px;left:calc(50% - 350px);z-index:999;display:flex;justify-content:center;align-items:flex-start;width:242px;height:143px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAACPCAYAAADA1Ia7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowM0IwODVGREQ5QjkxMUU4OTE5MUJDNjFCNTVCODM4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowM0IwODVGRUQ5QjkxMUU4OTE5MUJDNjFCNTVCODM4NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzQjA4NUZCRDlCOTExRTg5MTkxQkM2MUI1NUI4Mzg0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzQjA4NUZDRDlCOTExRTg5MTkxQkM2MUI1NUI4Mzg0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wos9WgAAAzJJREFUeNrs3ElLVWEcx/Fz1dSNUdSmrY36JiJo23to0ctyUVFBQRERQZSrgiCCiAhC09KoNIdGS238P5xnUzR48w7nxOcDv7sqkOfw5Q6ea6Mo7Ygdjg3HBgqg6tZi07HrsaVGPOyMHYsNOhuondXYWG88HIntch5QS32xoZ78chqor9093hND7fX3OAOoPyGDkAEhA0IGhAxCBoQMCBkQMggZEDIgZEDIIGRAyICQASGDkAEhA0IGhAxCBoQMCBkQMggZEDIgZEDIIGRAyICQASGDkAEhA0IGhAxCBoQMCBkQMggZEDIgZEDIgJBByICQASEDQgYhA0IGhAwIGYQMCBkQMiBkEDIgZEDIgJBByICQASEDQgYhA0IGhAwIGYQMCBkQMiBkEDIgZEDIgJBByICQASEDQgYhA0IGhAwIGRAyCBkQMiBkQMggZEDIgJABIYOQASEDQgaEDEIGhAwIGRAyCBkQMiBkQMggZEDIgJCBjYa85hig1tZTyNPOAWptKoU8Hlt1FlBLqd3x3nj4EHsYG4ptjfU5G6i89JZ4MnY+tthwHpVxMHaohj93ekV3w+Xrrl5HUBkzsc+x4Rr9zNdiN106IfOj2dh6jrnKr5a+xa7GbrlkQubXnhblBxh7KhpzivhK7LZLJWT+7FlsJba3YjGniC/H7rhEQmZjnsfexfZVJOavsUuxuy6NkGnOi9jr2P4ux5wivhi755IImX8zH1uOHehSzCniC7H7LoWQ2ZyXscUccye/6PKlKG84eOASCJnWWMgb6VDMKeJzRXnXH0KmhdKz8lxstM0xpxtTzsYmHLmQaY+lovxEe6RN1+9TjviRoxYy7bWcYx5t8TVMEZ8pfLVVyHTMq6K8C6xVMadbQ0/HnjhaIdNZ6XfMMznmzXz9dDVHPOtIhUx3vNlkzCniU/nZHSHTRW9jj3PMW5r4fx9jJ/P7bYRMBaT7sqebiHklRzzn6IRMtbyPTRXlr6b6//LvUsTzjkzIVDfmyfzM3P+bZ+4U8YKjEjLVlv6g4kR+Zh746b30iaK8QwwhU6OY0xctBovy0+3jRXkzCVAz22NHY9scxf/ruwADAGkCdGkU2OMkAAAAAElFTkSuQmCC) no-repeat 50%}.page-template .create-new span{margin-top:41px;color:#fff}.page-template .banner-wrapper{transition:all 1s ease;width:100%;display:flex;align-items:center;overflow:hidden;transform:translateZ(0)}.page-template .banner-wrapper-hide{height:0}.page-template .banner-wrapper .banner-img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat}.page-template .component-wrapper{transition:all 1s ease;transform:translateY(0)}.page-template .component-wrapper-story{transform:translateY(-360px)}.page-template .toggle-wrapper{width:100%;height:109px;background:#f8f8f8;transition:all 1s ease}.page-template .toggle-wrapper .toggle{width:1200px;margin:0 auto;height:109px;display:flex;justify-content:flex-start;align-items:center}.page-template .toggle-wrapper .toggle .toggle-btn{display:flex;height:38px;border:1px solid #c4cad1;border-radius:4px;box-shadow:0 0 16px 0 rgba(121,126,149,.2)}.page-template .toggle-wrapper .toggle .btn{margin-top:-1px;width:120px;height:40px;line-height:40px;font-size:14px;font-weight:700;cursor:pointer;background-color:#f8f8f8;border:1px solid #c4cad1;border-right:none;border-left:none;transition:.3s}.page-template .toggle-wrapper .toggle .btn:hover{font-size:16px}.page-template .toggle-wrapper .toggle .templates-btn{border-radius:5px 0 0 5px}.page-template .toggle-wrapper .toggle .story-btn{border-radius:0 5px 5px 0}.page-template .toggle-wrapper .toggle .btn-active{background-color:#5779fa;border-top:1px solid #5779fa;border-bottom:1px solid #5779fa;border-radius:4px;color:#fff}.page-template .toggle-wrapper .toggle .story-help{font-size:14px;display:flex;justify-content:center;margin-left:15px}.page-template .toggle-wrapper .toggle .story-help .icon-mark{display:block;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyMzZDRDI4NzVDMzExRTg5QTMzRjc2MzdGNzg1MkE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyMzZDRDI5NzVDMzExRTg5QTMzRjc2MzdGNzg1MkE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjIzNkNEMjY3NUMzMTFFODlBMzNGNzYzN0Y3ODUyQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjIzNkNEMjc3NUMzMTFFODlBMzNGNzYzN0Y3ODUyQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gjS69AAABTUlEQVR42nzTPyiFURjHcfdNkiQxGYRRV5FJdqU7MBjJ4E8pLMqfMrhsBoq4uW4SJmWgWKRsisVyI4OBSTHIIMXge+r36vT0Hk99euuc5znv+z7nnFRu/bDERA0G0IW0xu5xgQO8+cmlpngIK6g2403IIIsZ5OOJyEvawE5CsR9V2ELBLtCPcZO8hEbUYw5f3twIRuMFKrHvTf6gAwuoQB2W0YYPL28btW6BYfMrrlHXGMQdbvRrD/6nK8ZcYY8ZbMeq3hDHo562P71uF5rNYKvEMakGZ7RLfqTdF6T+6XpWxX04S8iNIh2SUCzqeRSYL0ZaORRXal4oTiN1OCncll3iGJ+BnLxb4D2hOS6eMI9ZvCbMT+Alvgu76NQJ++uw7kUZGkzxHjbtZXJH81ZF5TpcU6bwG9NYC93GHE50CrvRoq0r4lxH/tkv+BVgAI1EPkbZsgInAAAAAElFTkSuQmCC) 50% no-repeat;cursor:pointer}.page-template .toggle-wrapper-story{background:#ededf6}.page-template .toggle-wrapper-story .toggle .btn{background-color:#fff}.page-template .toggle-wrapper-story .toggle .btn-active{background-color:#5779fa;color:#fff}@media only screen and (max-width:1680px){.templates-pagebanner .banner-inner{width:100%!important}}.comp-fade-enter-active{transition:opacity 1s linear}.comp-fade-enter,.comp-fade-leave-to{opacity:0}