.qs-banner[data-v-786b16e8]{position:relative;height:700px;background-repeat:no-repeat;background-size:100% 100%;color:#fff;background-color:#1224a8}.qs-banner img[data-v-786b16e8]{width:100%}.category-filter[data-v-2ea3af61]{position:relative;color:#333;padding:18px 24px 0 24px}.category-filter[data-v-2ea3af61]:nth-child(2){border-top:1px solid #eee;border-bottom:1px solid #eee}.category-filter>span[data-v-2ea3af61]{display:inline-block;position:relative;top:5px}.category-filter ul[data-v-2ea3af61]{display:inline-block;vertical-align:top;margin-left:32px;width:84.3%;overflow:hidden;-webkit-transition:height .3s;transition:height .3s}.category-filter li[data-v-2ea3af61]{min-width:96px;height:32px;line-height:32px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;display:inline-block;margin-right:22px;padding:0 14px;margin-bottom:18px;font-weight:400;-webkit-transition:color .3s;transition:color .3s}.category-filter li[data-v-2ea3af61]:hover{color:#ffa862}.category-filter .checked[data-v-2ea3af61]{position:relative;color:#fff!important;outline:none;-webkit-box-shadow:0 5px 9px -4px rgba(250,100,0,.5);box-shadow:0 5px 9px -4px rgba(250,100,0,.5);background:linear-gradient(302deg,#ff6740,#ffa862);border-radius:40px}.category-filter .checked[data-v-2ea3af61]:before{content:" ";display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:#f9fbff}.category-filter .checked[data-v-2ea3af61]:hover:before{opacity:.2}.category-filter .more-category-wrapper[data-v-2ea3af61]{position:absolute;right:15px;top:0;padding:23px 14px;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.category-filter .more-category-wrapper i[data-v-2ea3af61]{color:#a2abbd;margin-left:6px}.gradient-btn[data-v-78478e59]{position:relative;width:96px;color:#fff;height:32px;border-radius:32px;outline:none;border:none;overflow:hidden;cursor:pointer;-webkit-box-shadow:0 5px 9px -4px rgba(250,100,0,.5);box-shadow:0 5px 9px -4px rgba(250,100,0,.5);background:linear-gradient(302deg,#ff6740,#ffa862)}.gradient-btn[data-v-78478e59]:before{content:" ";display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:0;-webkit-transition:opacity .3s;transition:opacity .3s;background:#f9fbff}.gradient-btn[data-v-78478e59]:hover:before{opacity:.2}.gradient-btn .slot-body[data-v-78478e59]{position:relative;height:32px;line-height:32px;z-index:1}.my-template-item[data-v-8dfe229e]{padding:12px;cursor:pointer;border-radius:4px;background:#fff;-webkit-transition:.2s;transition:.2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.my-template-item[data-v-8dfe229e]:hover{margin-top:-6px;-webkit-box-shadow:0 4px 10px 0 rgba(16,53,215,.1);box-shadow:0 4px 10px 0 rgba(16,53,215,.1)}.my-template-item:hover img[data-v-8dfe229e]{-webkit-transform:scale(1.2);transform:scale(1.2)}.my-template-item .template-cover[data-v-8dfe229e]{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#fff;overflow:hidden;border-radius:4px}.my-template-item .template-cover>figure[data-v-8dfe229e]{border-radius:4px;margin:0;padding:0;width:100%;overflow:hidden;position:relative}.my-template-item .template-cover>figure .img-modal[data-v-8dfe229e]{position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.7)}.my-template-item .template-cover .cover-bg[data-v-8dfe229e]{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;background-color:rgba(0,0,0,.5);background-size:cover;background-position:50%}.my-template-item .template-cover .state-tab[data-v-8dfe229e]{position:absolute;top:0;left:0;width:56px;height:24px;line-height:24px;text-align:center;border-radius:4px 0 4px 0;color:#fff;font-size:14px}.my-template-item .template-cover .completed-tab[data-v-8dfe229e]{background:linear-gradient(148deg,#86cfff,#3193ff)}.my-template-item .template-cover .uncomplete-tab[data-v-8dfe229e]{background:linear-gradient(327deg,#ff4242,#ff9862)}.my-template-item .template-cover img[data-v-8dfe229e]{display:block;width:100%;-webkit-transition-duration:.2s;transition-duration:.2s;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.my-template-item .template-cover .video-len[data-v-8dfe229e]{position:absolute;right:10px;bottom:10px;width:40px;height:20px;line-height:20px;text-align:center;background:#242933;border-radius:11px;opacity:.8;color:#f9f9f9;font-size:12px}.my-template-item .template-name[data-v-8dfe229e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px;line-height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.my-template-item .template-name .disable[data-v-8dfe229e]{opacity:.5;cursor:default}.my-template-item .task-operation[data-v-8dfe229e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.my-template-item .task-operation .create-time[data-v-8dfe229e]{color:#999;font-size:16px}.my-template-item .task-operation .option .icon[data-v-8dfe229e]{font-size:14px;color:#999}.my-template-item .task-operation .option .icon[data-v-8dfe229e]:hover{color:#333}.my-template-item .task-operation .option[data-v-8dfe229e] .ivu-tooltip:nth-child(2){margin:0 10px}.name-change-editor .ivu-input-wrapper[data-v-945e1cfc]{width:100%}.name-change-editor[data-v-945e1cfc] .ivu-icon-ios-loading{display:none!important}.name-change-editor[data-v-945e1cfc] .ivu-input-word-count{line-height:27px}.ivvr-preview-wrapper[data-v-79346795]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ivvr-preview-item[data-v-79346795]{width:74px;height:131px;border-radius:7px;margin-right:16px;position:relative;margin-top:16px;overflow:hidden}.ivvr-preview-item>footer[data-v-79346795]{position:absolute;bottom:0;width:100%;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:rgba(0,0,0,.5);height:24px;line-height:24px;text-align:center}.ivvr-preview-item>footer>span[data-v-79346795]{color:#fff;font-size:12px}.ivvr-preview-item img[data-v-79346795]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:7px}.ivvr-preview-item.active[data-v-79346795]{border:1px solid #ff9b22}.save-btn-wrapper[data-v-65b8fdae]{display:inline-block;margin-left:10px;margin-right:10px}.save-btn-content[data-v-65b8fdae]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 24px;background:#f2f6fc;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.save-btn-content button[data-v-65b8fdae]{padding:5px 30px}.save-btn-content a[data-v-65b8fdae]{color:#ff9b22}.ring-edit-info-wrapper .name-change-editor .name-info{font-size:16px;font-weight:700}.ring-edit-info-wrapper .synthetic-time{margin-top:8px;font-size:14px;color:#a2abbd}.ring-edit-info-wrapper .img-preview-wrapper{position:relative;display:inline-block;margin-top:16px;border-radius:6px;overflow:hidden}.ring-edit-info-wrapper .img-preview-wrapper img{display:block;height:auto;max-height:184px;max-width:184px}.ring-edit-info-wrapper .img-preview-wrapper span{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;padding:3px 0;cursor:pointer;background:rgba(36,41,51,.4)}.ring-edit-info-wrapper .recommend-cover>p{margin:16px 0}.ring-edit-info-wrapper .recommend-cover .cover-item{display:inline-block;width:104px;height:59px;border-radius:6px;background:#f8f9fb;margin-right:16px;-o-object-fit:cover;object-fit:cover;position:relative;overflow:hidden}.ring-edit-info-wrapper .recommend-cover .cover-item:last-child{margin-right:0}.ring-edit-info-wrapper .recommend-cover .cover-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ring-edit-info-wrapper .recommend-cover .cover-item .ico-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;background:#ff9b22;border-radius:9px 0 8px 0;position:absolute;bottom:-2px;right:-2px;color:#fff}.ring-edit-info-wrapper .recommend-cover .cover-item.is-active{border:2px solid #ff9b22}.ring-edit-info-wrapper .recommend-cover.is-vertical .cover-item{width:59px;height:104px}.ring-edit-info-wrapper .recommend-cover.is-rect .cover-item{width:104px;height:104px}.ring-edit-info-wrapper .btns-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:27px}.ring-edit-info-wrapper .btns-wrapper,.ring-edit-info-wrapper .btns-wrapper .download-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ring-edit-info-wrapper .btns-wrapper .download-btn{width:48%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;border:none;height:56px;font-size:14px;background:rgba(255,155,34,.1);border-radius:2px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.ring-edit-info-wrapper .btns-wrapper .download-btn img{width:28px;height:28px;margin-right:12px}.ring-edit-info-wrapper .btns-wrapper .download-btn:active{background:rgba(255,155,34,.2)}.preview-footer[data-v-5ea7d73e]{position:absolute;bottom:16px;right:16px}.my-diy-ring[data-v-47962b36]{background:#f0f4fb}.my-diy-ring .qs-banner[data-v-47962b36]{height:240px;position:relative}.my-diy-ring .qs-banner .ivu-select[data-v-47962b36]{width:400px;height:44px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.my-diy-ring .qs-banner .ivu-menu[data-v-47962b36]{width:1200px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:8px;background:none}.my-diy-ring .qs-banner .ivu-menu .ivu-menu-item[data-v-47962b36]{color:#fff;opacity:.7;font-size:20px;padding:0;margin-right:40px}.my-diy-ring .qs-banner .ivu-menu-horizontal.ivu-menu-light[data-v-47962b36]:after{height:0}.my-diy-ring .qs-banner .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item[data-v-47962b36]:hover,.my-diy-ring .qs-banner .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu[data-v-47962b36]:hover{color:#fff;border-color:transparent;opacity:1}.my-diy-ring .qs-banner .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active[data-v-47962b36],.my-diy-ring .qs-banner .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active[data-v-47962b36]{color:#fff;border-color:#fff!important;opacity:1}.my-diy-ring .ivu-breadcrumb[data-v-47962b36]{display:inline-block;margin:30px 0}.my-diy-ring .ivu-breadcrumb[data-v-47962b36] .ivu-breadcrumb-item-link,.my-diy-ring .ivu-breadcrumb[data-v-47962b36] .ivu-breadcrumb-item-separator,.my-diy-ring .ivu-breadcrumb[data-v-47962b36] a{color:#999;font-size:16px}.my-diy-ring .ivu-breadcrumb>span[data-v-47962b36]:last-child{font-weight:500}.my-diy-ring .my-ring-wrapper[data-v-47962b36]{width:1200px;margin:0 auto;padding-bottom:40px;position:relative}.my-diy-ring .my-ring-wrapper .category-filter[data-v-47962b36]{padding:0}.my-diy-ring .my-ring-wrapper .category-filter[data-v-47962b36] ul{height:65px!important;width:100%;margin-left:0;background:#fff;padding:16px 24px}.my-diy-ring .my-ring-wrapper .no-template[data-v-47962b36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:absolute;width:100%}.my-diy-ring .my-ring-wrapper .flip-list-move[data-v-47962b36]{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.my-diy-ring .task-info h5[data-v-47962b36]{font-size:16px;font-weight:700;color:#242933;line-height:24px}.my-diy-ring .task-info>p[data-v-47962b36]{color:#242933;line-height:22px;margin:8px 0}.my-diy-ring .task-info button[data-v-47962b36]{margin-top:24px;width:48%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;border:none;height:56px;font-size:14px;background:rgba(255,155,34,.1);border-radius:2px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.my-diy-ring .task-info button img[data-v-47962b36]{width:28px;height:28px;margin-right:12px}.my-diy-ring .task-info button[data-v-47962b36]:active{background:rgba(255,155,34,.2)}.my-diy-ring[data-v-47962b36] .ivu-modal-body{padding:0 16px}.my-diy-ring[data-v-47962b36] .ivu-modal-body .ring-preview-modal{padding:0}.my-diy-ring[data-v-47962b36] .ivu-modal-body .video-player-wrapper{padding:24px 24px 24px 0;height:602px;width:380px!important}.my-diy-ring[data-v-47962b36] .ivu-modal-body .right-side-wrapper{padding-top:24px}