.video-player[data-v-d76a9d97]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.box-contain[data-v-d76a9d97]{transition:all .3s;transition-timing-function:ease-in-out;transform:scale(.6);opacity:0;border-radius:18px;background:#1d1d1d}@media screen and (min-width: 325px) and (max-width: 500px){.box-contain[data-v-d76a9d97]{width:90%;height:210px}}@media screen and (min-width: 501px){.box-contain[data-v-d76a9d97]{width:900px;height:540px}}@media screen and (min-width: 1700px){.box-contain[data-v-d76a9d97]{width:1125px;height:675px}}.model-show[data-v-d76a9d97]{opacity:1;transform:scale(1)}.model-hidden[data-v-d76a9d97]{transform:scale(.6);opacity:0}.close[data-v-d76a9d97]{position:absolute;right:12px;top:14px}@media screen and (min-width: 325px) and (max-width: 500px){.close[data-v-d76a9d97]{right:8px;top:4px}}.btns[data-v-d76a9d97]{margin-top:34px;display:flex;align-items:center;justify-content:center}.btns .download[data-v-d76a9d97],.btns .remix[data-v-d76a9d97]{height:44px;margin:0 6px;font-size:14px;width:160px;border-radius:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btns .download[data-v-d76a9d97]{border:1px solid #658FF9;color:#658ff9;margin-right:16px}.btns .download .icon[data-v-d76a9d97]{margin-right:10px;color:#658ff9;transform:translateY(-1px)}.btns .download[data-v-d76a9d97]:hover{background:#2e2e2e}.btns .remix[data-v-d76a9d97]{border:1px solid #658FF9;color:#000;background-color:#658ff9}.btns .remix[data-v-d76a9d97]:hover{background:#8BACFF}.btns.disable .download[data-v-d76a9d97]{cursor:not-allowed}.btns.disable .download[data-v-d76a9d97]:hover{background:rgba(46,46,46,.23)}.btns.disable .remix[data-v-d76a9d97]{cursor:not-allowed}.btns.disable .remix[data-v-d76a9d97]:hover{background-color:#658ff9}.video-box[data-v-d76a9d97]{width:100%;height:100%;border-radius:20px;overflow:hidden;background-color:#252628}.video-box .image-video[data-v-d76a9d97]{width:100%;height:100%;position:relative;z-index:1}.video-box .image-video[data-v-d76a9d97] .vjs-control-bar{background-color:#24242499}.video-box .image-video[data-v-d76a9d97] .vjs-big-play-button{width:50px;height:50px;border-radius:25px}.video-box .image-video[data-v-d76a9d97] .vjs-big-play-button{width:50px;height:50px;border-radius:25px;border:none;background-image:url(/imgs/play.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.video-box .image-video[data-v-d76a9d97] .vjs-big-play-button .vjs-icon-placeholder:before{content:""}.viewStyle[data-v-1c829ed2]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.box-contain[data-v-1c829ed2]{position:relative;transition:all .5s;transition-timing-function:ease-in-out;opacity:1;padding:32px 26px;border-radius:18px;background:#1d1d1d}@media screen and (min-width: 325px) and (max-width: 500px){.box-contain[data-v-1c829ed2]{width:90%;padding:16px 8px}}@media screen and (min-width: 501px){.box-contain[data-v-1c829ed2]{width:920px}}.model-show[data-v-1c829ed2]{opacity:1}.model-hidden[data-v-1c829ed2]{opacity:0}.close[data-v-1c829ed2]{position:absolute;right:18px;top:18px}@media screen and (min-width: 325px) and (max-width: 500px){.close[data-v-1c829ed2]{right:8px;top:4px}}.model-box[data-v-1c829ed2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;justify-content:start;align-items:start;flex-wrap:wrap}.player[data-v-1c829ed2]{width:490px;height:490px;background-color:#252628;border-radius:10px;margin-right:28px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 325px) and (max-width: 500px){.player[data-v-1c829ed2]{width:100%;height:200px;margin-right:0;margin-bottom:10px}}.player .play[data-v-1c829ed2]{width:48px;height:48px;background-image:url(/imgs/play.png);background-position:0 0;background-repeat:no-repeat;background-size:100%;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.player .image-cover[data-v-1c829ed2]{position:absolute;top:0;bottom:0;left:0;right:0;background-position:center;background-repeat:no-repeat;background-size:contain}.player[data-v-1c829ed2] .video-js{width:490px;height:490px;background-color:#0000}.player[data-v-1c829ed2] .video-js div,.player[data-v-1c829ed2] .video-js p,.player[data-v-1c829ed2] .video-js li,.player[data-v-1c829ed2] .video-js b,.player[data-v-1c829ed2] .video-js span,.player[data-v-1c829ed2] .video-js a,.player[data-v-1c829ed2] .video-js em,.player[data-v-1c829ed2] .video-js input,.player[data-v-1c829ed2] .video-js textarea,.player[data-v-1c829ed2] .video-js i{font-size:15px}@media screen and (min-width: 325px) and (max-width: 500px){.player[data-v-1c829ed2] .video-js{width:100%;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.player[data-v-1c829ed2] .video-js div,.player[data-v-1c829ed2] .video-js p,.player[data-v-1c829ed2] .video-js li,.player[data-v-1c829ed2] .video-js b,.player[data-v-1c829ed2] .video-js span,.player[data-v-1c829ed2] .video-js a,.player[data-v-1c829ed2] .video-js em,.player[data-v-1c829ed2] .video-js input,.player[data-v-1c829ed2] .video-js textarea,.player[data-v-1c829ed2] .video-js i{font-size:12px}}.player[data-v-1c829ed2] .vjs-big-play-button{width:50px;height:50px;border-radius:25px;border:none;background-image:url(/imgs/play.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.player[data-v-1c829ed2] .vjs-big-play-button .vjs-icon-placeholder:before{content:""}@media screen and (min-width: 325px) and (max-width: 500px){.player[data-v-1c829ed2] .vjs-big-play-button{width:30px;height:30px}}.player[data-v-1c829ed2] .vjs-poster{background-color:#0000}.params-list[data-v-1c829ed2]{flex:1;width:100%;overflow-y:scroll;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:start}@media screen and (min-width: 325px) and (max-width: 500px){.params-list[data-v-1c829ed2]{flex:0 0 213px;margin-bottom:12px}}.style-info[data-v-1c829ed2]{flex:1;height:490px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start}@media screen and (min-width: 325px) and (max-width: 500px){.style-info[data-v-1c829ed2]{height:auto}}.style-info>h4[data-v-1c829ed2]{font-size:16px;color:#fff;margin:10px 0 20px 12px}.style-info .style-view[data-v-1c829ed2]{width:100%;height:68px;border-radius:12px;background-color:#252628;padding:9px 10px;margin-bottom:8px;position:relative;display:flex;align-items:center;justify-content:center}.style-info .style-view .preview[data-v-1c829ed2]{width:80px;position:relative}.style-info .style-view .img[data-v-1c829ed2]{width:80px;height:56px;border-radius:8px;background-position:center;background-repeat:no-repeat;background-size:cover}.style-info .style-view .video[data-v-1c829ed2]{position:relative}.style-info .style-view .video>.play[data-v-1c829ed2]{height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/imgs/play.png);background-position:0 0;background-size:100%;background-repeat:no-repeat;cursor:pointer}.style-info .style-view .video[data-v-1c829ed2]:hover{opacity:.8}.style-info .style-view[data-v-1c829ed2] .reference-video{width:100%}.style-info .style-view[data-v-1c829ed2] .video-play{left:0}.style-info .style-params[data-v-1c829ed2]{width:100%;border-radius:12px;flex:1;overflow:auto}.style-info .style-params .style-params-bg[data-v-1c829ed2]{width:100%;padding:18px 13px;border-radius:12px;background-color:#252628;display:flex;align-items:center;justify-content:center;justify-content:start;align-items:start;flex-direction:column}.style-info .style-params .style-params-bg>p[data-v-1c829ed2]{font-size:14px;color:#bdbdbd;font-weight:400;margin:0 0 12px}.style-info .style-params .style-params-bg>p>span[data-v-1c829ed2]{color:#fff;text-transform:capitalize}.style-info .style-params .style-params-bg>p .iconfont[data-v-1c829ed2]{font-size:14px}.style-info .style-params .style-params-bg>p[data-v-1c829ed2]:last-child{margin-bottom:0}.view-col[data-v-1c829ed2]{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:start;align-items:start;margin-left:14px}.view-col>b[data-v-1c829ed2]{font-size:14px;line-height:15px;color:#fff;font-weight:500;margin:0}.view-col>p[data-v-1c829ed2]{font-size:14px;color:#bdbdbd;font-weight:400;margin:0}.view-col>p>span[data-v-1c829ed2]{color:#fff;margin:0}.button-g[data-v-1c829ed2]{height:44px;width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;justify-content:space-around}@media screen and (min-width: 325px) and (max-width: 500px){.button-g[data-v-1c829ed2]{margin-top:10px}}.button-g .hidden[data-v-1c829ed2]{display:none!important}.button-g .del[data-v-1c829ed2]{width:44px;border:1px solid #d03e00;color:#d03e00}.button-g .del[data-v-1c829ed2]:hover{background-color:#0003}.button-g .del .iconfont[data-v-1c829ed2]{font-size:16px;color:#d03e00}.button-g .dow[data-v-1c829ed2],.button-g .try[data-v-1c829ed2]{width:160px}@media screen and (min-width: 325px) and (max-width: 500px){.button-g .dow[data-v-1c829ed2],.button-g .try[data-v-1c829ed2]{width:45%}}.button-g .dow.disable[data-v-1c829ed2],.button-g .try.disable[data-v-1c829ed2]{opacity:.4;cursor:not-allowed}.button-g .dow[data-v-1c829ed2],.button-g .try[data-v-1c829ed2],.button-g .del[data-v-1c829ed2]{display:flex;align-items:center;justify-content:center;height:44px;border-radius:22px;font-size:14px;font-weight:500;overflow:hidden;cursor:pointer}.button-g .dow[data-v-1c829ed2]{border:1px solid #658ff9;color:#658ff9}.button-g .dow[data-v-1c829ed2]:hover{background-color:#2c2b2b66}.button-g .dow .iconfont[data-v-1c829ed2]{font-size:16px;transform:translateY(-2px);margin-right:8px}.button-g .try[data-v-1c829ed2]{color:#000;background:linear-gradient(90deg,#5ea7eb 0%,#a36bff 100%)}.button-g .try[data-v-1c829ed2]:hover{background:rgba(101,143,249,.92)}.button-g.image-button .dow[data-v-1c829ed2]{border:1px solid #fc951d;color:#fc951d}.button-g.image-button .dow[data-v-1c829ed2]:hover{background-color:#0000001a}.button-g.image-button .dow .iconfont[data-v-1c829ed2]{font-size:16px;transform:translateY(-2px);margin-right:8px}.button-g.image-button .try[data-v-1c829ed2]{color:#000;background:linear-gradient(90deg,#f8a749 .01%,#f8d849 99.94%),linear-gradient(277deg,#c7c6cb -40.33%,#fff 100%)}.button-g.image-button .try[data-v-1c829ed2]:hover{background:#fc951d}.mobile-title[data-v-1c829ed2]{font-size:16px;color:#fff;margin:0 0 16px 13px}@media screen and (min-width: 325px) and (max-width: 500px){.box-contain .close[data-v-1c829ed2]{top:10px;right:10px}.style-info .style-params[data-v-1c829ed2]{flex:0 0 auto}.style-info .style-params .style-params-bg[data-v-1c829ed2]{padding:14px 10px;border-radius:12px}.style-info .style-params .style-params-bg>p[data-v-1c829ed2]{font-size:12px;margin:0 0 6px}.style-info .style-view[data-v-1c829ed2]{height:46px;padding:6px 10px;margin-bottom:10px}.style-info .style-view .img[data-v-1c829ed2]{width:47px;height:35px;border-radius:4px}.viewStyle[data-v-1c829ed2]{width:100%;height:100%}}