.qs-template-item[data-v-175e780d]{width:100%;padding:8px;display:inline-block;margin-right:16px;margin-top:0;cursor:pointer;border-radius:4px;-webkit-transition:.2s;transition:.2s}.qs-template-item[data-v-175e780d]:nth-child(4n){margin-right:0}.qs-template-item[data-v-175e780d]:hover{background:#fff;margin-top:-6px!important;-webkit-box-shadow:0 4px 10px 0 rgba(16,53,215,.1);box-shadow:0 4px 10px 0 rgba(16,53,215,.1)}.qs-template-item:hover img[data-v-175e780d]{-webkit-transform:scale(1.2);transform:scale(1.2)}.qs-template-item .template-cover[data-v-175e780d]{width:100%;min-height:162px;position:relative;background:#fff;border-radius:4px;overflow:hidden}.qs-template-item .template-cover img[data-v-175e780d]{display:block;width:100%;border-radius:4px;-webkit-transition-duration:.2s;transition-duration:.2s}.qs-template-item .template-cover .video-len[data-v-175e780d]{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}.qs-template-item .template-name[data-v-175e780d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:56px;color:#333;font-size:16px}.wtf-list[data-v-aecc3dec]{margin:0 auto;margin-top:20px;position:relative;min-height:300px}.wtf-item[data-v-aecc3dec]{position:absolute;border-radius:4px;opacity:0;-webkit-transition:all 1s;transition:all 1s;background:transparent;left:-100%}.no-template[data-v-aecc3dec]{position:absolute;left:50%;top:140px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.flip-list-move[data-v-aecc3dec]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.category-wrapper[data-v-86017b8e]{width:1200px;margin:33px auto 26px auto}.category-title[data-v-86017b8e]{height:32px;line-height:32px;margin-right:8px;font-weight:700;font-size:16px;white-space:nowrap}.category-first[data-v-86017b8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-first .category-first-item[data-v-86017b8e]{width:104px;height:32px;border-radius:6px;text-align:center;line-height:32px;margin-right:8px;cursor:pointer}.category-second>aside[data-v-86017b8e],.category-second>section[data-v-86017b8e],.category-second[data-v-86017b8e]{display:-webkit-box;display:-ms-flexbox;display:flex}.category-second>section[data-v-86017b8e]{-ms-flex-wrap:wrap;flex-wrap:wrap}.category-second .selected-first[data-v-86017b8e]{width:96px;height:32px;line-height:32px;text-align:center;color:#fff;background:#ff9b22;border-radius:6px;cursor:pointer;margin-right:20px}.category-second .selected-first>span[data-v-86017b8e]{margin-right:6px}.category-second .category-second-item[data-v-86017b8e]{width:72px;height:32px;line-height:32px;text-align:center;border-radius:6px;cursor:pointer}.category-second .category-second-item.active[data-v-86017b8e]{background:rgba(255,155,34,.1);color:rgba(255,155,34,.8)}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active[data-v-03edd1ea],.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item[data-v-03edd1ea],.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item[data-v-03edd1ea]:hover,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active[data-v-03edd1ea],.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu[data-v-03edd1ea],.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu[data-v-03edd1ea]:hover{border:none}.ivu-menu-horizontal.ivu-menu-light[data-v-03edd1ea]:after{background:none}.ivu-menu[data-v-03edd1ea]{z-index:1;position:unset}.filter-menu-wrapper[data-v-03edd1ea]{background:#fff;overflow:hidden}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper{padding:18px 24px;position:relative;color:#242933;margin:0}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper:after{content:"";width:1200px;height:1px;background:#eee;position:absolute;bottom:0;left:0}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper .selected-first{width:auto;padding:0 16px;background:linear-gradient(302deg,#ff6740,#ffa862);-webkit-box-shadow:0 5px 9px -4px rgba(250,100,0,.5);box-shadow:0 5px 9px -4px rgba(250,100,0,.5);border-radius:16px;white-space:nowrap}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper .category-second-item{width:auto;padding:0 16px;border-radius:16px}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper .category-second-item.active{background:#fff;position:relative}.filter-menu-wrapper[data-v-03edd1ea] .category-wrapper .category-second-item.active:after{content:"";border:1px solid #ffa862;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:16px}.filter-menu-wrapper .order-size-menu[data-v-03edd1ea]{color:#242933;padding:18px 24px}.filter-menu-wrapper .order-size-menu>div[data-v-03edd1ea],.filter-menu-wrapper .order-size-menu[data-v-03edd1ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-menu-wrapper .order-size-menu>div[data-v-03edd1ea]:first-child:after{content:"";width:1px;height:16px;background:rgba(175,185,204,.3)}.filter-menu-wrapper .order-size-menu .label-title[data-v-03edd1ea]{font-weight:700;font-size:16px}.filter-menu-wrapper .order-size-menu .ivu-menu[data-v-03edd1ea]{height:32px;line-height:32px}.filter-menu-wrapper .order-size-menu .ivu-menu .ivu-menu-item[data-v-03edd1ea]{margin:0 10px;color:#242933;font-size:16px;border-radius:16px}.filter-menu-wrapper .order-size-menu .ivu-menu .ivu-menu-item[data-v-03edd1ea]:hover,.filter-menu-wrapper .order-size-menu .ivu-menu .ivu-menu-submenu[data-v-03edd1ea]:hover{color:#ff9b22}.filter-menu-wrapper .order-size-menu .ivu-menu .ivu-menu-item-active[data-v-03edd1ea],.filter-menu-wrapper .order-size-menu .ivu-menu .ivu-menu-submenu-active[data-v-03edd1ea]{color:#fff!important;background:#ff9b22;background:linear-gradient(302deg,#ff6740,#ffa862);-webkit-box-shadow:0 5px 9px -4px rgba(250,100,0,.5);box-shadow:0 5px 9px -4px rgba(250,100,0,.5)}[data-v-443b04c0] .ivu-modal .ivu-modal-header{border-radius:16px 16px 0 0}[data-v-443b04c0] .ivu-modal .ivu-modal-body{padding:0;border-radius:0 0 16px 16px}[data-v-443b04c0] .ring-preview-modal{padding:0!important}[data-v-443b04c0] .ring-preview-modal .video-player-wrapper{width:408px!important;height:584px!important;border-right:none;padding:28px 0!important}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:2px 24px 36px 24px!important}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper:before{content:"";width:1px;height:100%;background:rgba(175,185,204,.3);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .template-detail{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#242933}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .template-detail>h4{font-size:16px;margin-top:24px;margin-bottom:16px}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .template-detail .template-replace-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .template-detail .template-replace-item .time-title{color:#a2abbd}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .template-detail .template-replace-item .iconfont{color:rgba(175,185,204,.5);font-size:14px;margin-right:8px}[data-v-443b04c0] .ring-preview-modal .right-side-wrapper .footer-slot .ivu-btn{width:120px;height:40px;line-height:40px;text-align:center;padding:0;border-radius:12px}.template-wrapper[data-v-74bbcd30]{position:relative;width:1200px;min-width:1200px;min-height:600px;margin:0 auto;margin-top:40px}.template-wrapper .no-template[data-v-74bbcd30]{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%}.loading-wrapper[data-v-74bbcd30]{text-align:center;margin-top:30px}.loading-wrapper i[data-v-74bbcd30]{margin-right:8px}