.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%}.more-btn[data-v-23898af9]{display:inline-block;-webkit-transition:color .3s;transition:color .3s;color:#fff}.more-btn i[data-v-23898af9],.more-btn span[data-v-23898af9]{display:inline-block;vertical-align:middle}.more-btn i[data-v-23898af9]{margin-left:10px;font-size:40px}.more-btn[data-v-23898af9]:hover{color:#ffa862!important}[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}li[data-v-5cfa3ea4]{list-style:none}.template-menu[data-v-5cfa3ea4]{width:1200px;margin:40px auto;height:32px}.template-menu .menu-item[data-v-5cfa3ea4]{float:left;padding:0 16px;height:32px;line-height:32px;text-align:center;background:#fff;font-size:16px;color:#333;border-radius:16px;margin-right:32px;cursor:pointer}.template-menu .menu-item[data-v-5cfa3ea4]:hover{color:#ffa862;-webkit-transition:.2s;transition:.2s}.template-menu .selected-menu[data-v-5cfa3ea4]{position:relative;color:#fff!important;outline:none;overflow:hidden;-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)}.template-menu .selected-menu[data-v-5cfa3ea4]: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}.template-menu .selected-menu[data-v-5cfa3ea4]:hover:before{opacity:.2}.template-wrapper[data-v-5cfa3ea4]{width:1200px;margin:0 auto;margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:484px}.template-item[data-v-5cfa3ea4]{width:288px;height:226px;margin-right:16px;margin-bottom:40px;border-radius:4px;padding:8px;background:transparent;-webkit-transition-duration:.2s;transition-duration:.2s}.template-item>figure[data-v-5cfa3ea4]{margin:0;padding:0;width:100%;height:162px;overflow:hidden;background-color:#ccc;position:relative;background-size:100% 100%;border-radius:4px}.template-item img[data-v-5cfa3ea4]{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer;-o-object-fit:contain;object-fit:contain;z-index:2}.template-item>p[data-v-5cfa3ea4]{margin-top:16px;font-size:16px;color:#333;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-item .img-modal[data-v-5cfa3ea4]{position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.7)}.template-item[data-v-5cfa3ea4]:hover{background:#fff;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)}.template-item:hover img[data-v-5cfa3ea4]{-webkit-transform:scale(1.3);transform:scale(1.3)}.template-item[data-v-5cfa3ea4]:nth-child(4n){margin-right:0}.hot-template-wrapper[data-v-5cfa3ea4]{padding:60px;background:#fff;color:#333}.hot-template-wrapper .title-wrapper[data-v-5cfa3ea4]{position:relative;width:660px;height:130px;margin:0 auto;text-align:center}.hot-template-wrapper .title-wrapper h2[data-v-5cfa3ea4]{font-size:40px;font-weight:600;line-height:84px;position:relative}.hot-template-wrapper .title-wrapper h2 .title-bg[data-v-5cfa3ea4]{position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#999;opacity:.2;font-size:40px;font-family:HiraKakuStdN-W8,HiraKakuStdN}.hot-template-wrapper .title-wrapper p[data-v-5cfa3ea4]{font-size:20px}.hot-template-wrapper .more-btn[data-v-5cfa3ea4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hot-template-preview[data-v-5cfa3ea4] .ivu-modal .mobile-wrapper .mobile-bg-img,.hot-template-preview[data-v-5cfa3ea4] .ivu-modal .mobile-wrapper>video{left:0}.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}