.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.toast-notification{position:fixed;top:20px;left:0;right:0;display:flex;flex-direction:column;z-index:99999}.toast-notice-wrapper.notice-enter{opacity:.01;-webkit-transform:scale(0);transform:scale(0)}.toast-notice-wrapper.notice-enter-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.toast-notice-wrapper.notice-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.toast-notice-wrapper.notice-exit-active{opacity:.01;-webkit-transform:translateY(-40%);transform:translateY(-40%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.toast-notice{background:#fff;padding:16px 32px;margin:8px auto;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-radius:6px;color:#454545;font-size:15px;display:flex;align-items:center}.toast-notice>span{margin-left:6px;line-height:100%}.toast-notice>svg{font-size:18px}.toast-notice.info>svg{color:#1890ff}.toast-notice.success>svg{color:#52c41a}.toast-notice.warning>svg{color:#faad14}.toast-notice.error>svg{color:#f74a53}.toast-notice.loading>svg{color:#1890ff;-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body,html{height:100%;width:100%}body,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}li,ol,ul{list-style:none}a,u{text-decoration:none}b,strong{font-weight:400}em,i{font-style:normal}img{border:0;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clear_fix:after{content:".";clear:both;height:0;overflow:hidden;display:block;visibility:hidden}.clear_fix{zoom:1}textarea{margin:0;padding:0}#root{width:100%;height:100%;position:relative;touch-action:pan-x}#root,*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}.down-left-wrap{width:190px;height:335px;border-radius:4px;overflow:hidden}.video-clover-wrap{position:absolute;width:100%;height:100%;z-index:10;border-radius:4px}.cover_img{position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;max-height:95%;max-width:95%;box-shadow:0 10px 20px 0 rgba(20,35,55,.1)}.cover_img_w{width:95%;max-width:95%}.cover_img_h{height:95%;max-height:95%}.video-preview-wrap{z-index:16;border-radius:4px}.video-mask,.video-preview-wrap{position:absolute;width:100%;height:100%}.video-mask{left:0;top:0;opacity:.4;background:#000;z-index:20}.video-play-btn{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background-color:rgba(6,115,252,.51);border-radius:50%;z-index:30}.video-play-btn .suspended_img{height:34px;margin:13px auto 0}.video-play-btn .preview_img{margin:16px 0 0 23px}.video-play-btn img{height:28px}.down-svg-bar{position:absolute;height:100%;width:100%;background-color:rgba(29,36,55,.1);border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:200}.down-svg-bar>div>p{font-size:16px;color:hsla(0,0%,100%,.9);text-align:center;font-weight:700;margin-top:16px}.m-p-content{position:absolute;left:50%;top:50%;margin-top:-50px;margin-left:-80px;width:160px;height:100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;z-index:60}.m-p-content .m-p-icon-wrap{width:61px;height:61px}.m-p-content .progress-text{width:100%;height:20px;margin-top:11px;text-align:center;color:#fff;font-size:16px;font-weight:500}.m-p-content .fail-icon,.m-p-content .finish-icon{height:60px;width:60px;display:block;position:relative;border-radius:50%;background:#02bb00;-webkit-animation:iconLeftIn .3s;animation:iconLeftIn .3s}.m-p-content .fail-icon{background:#fd7f10}.m-p-content .fail-icon:after,.m-p-content .fail-icon:before{content:"";height:6px;width:28px;display:block;background:#fff;border-radius:10px;position:absolute;top:26px;left:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.m-p-content .fail-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.m-p-content .finish-icon:after,.m-p-content .finish-icon:before{content:"";height:28px;width:5px;display:block;background:#fff;position:absolute;top:18px;left:32px;border-radius:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.m-p-content .finish-icon:before{height:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:31px;left:20px}.m-p-icon-wrap .anim{-webkit-transition:all 1005ms;transition:all 1005ms}.download-wrap{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999}.down-win-wrap{position:fixed;left:50%;top:50%;margin-top:-243px;margin-left:-268px;width:746px;height:487px;background:#fff;border-radius:6px;z-index:9999}.close-model{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.down-body-wrap{position:relative;display:flex;box-sizing:border-box;padding:32px 32px 0;margin-bottom:20px}.down-left-wrap{float:left;width:400px;height:336px;margin-right:32px;border:1px solid rgba(0,0,0,.1)}.down-left-wrap,.down-right-wrap{position:relative}.down-left-wrap-progress{position:absolute;top:0;left:0;width:100%;height:0;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;background:#0ca7fd}.down-left-wrap video{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:100%;height:100%;max-width:95%;height:95%}.downBtn{width:250px;height:40px;background:#0773fc;border-radius:4px;font-size:14px;color:#fff;text-align:center;line-height:40px;cursor:pointer;margin-bottom:24px}.downBtn:focus{background:#0ca7fd}.title-wrap{padding:20px}.progress-wrap{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:150px;height:10px;border-radius:10px;background-color:#c5eafe;z-index:15}.progress-item{display:block;border-radius:5px;height:10px;background-color:#0773fc;width:0;-webkit-transition:width 1s cubic-bezier(.17,.67,.83,.67);transition:width 1s cubic-bezier(.17,.67,.83,.67)}.progress-num{width:100%;text-align:center;margin-top:10px;font-size:14px;color:#979797}.down-btn-disable{background-color:#65a6fa;cursor:not-allowed}.divider-line{width:100%;height:1px;opacity:.1;background:#000}.scan-code{height:150px;width:150px;margin:20px auto 19px}.wx-wrap{width:100%;margin:0 auto}.wx-img{margin:0 auto;width:120px;height:120px}.wx-title{margin-top:12px;font-size:14px;color:rgba(0,0,0,.8);text-align:center}.agreement-text{position:absolute;bottom:0}.card-wrap{background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;left:0;top:0;z-index:200}.pop-win-wrap{position:fixed;box-sizing:border-box;z-index:9999;left:50%;top:50%;margin-top:-113px;margin-left:-200px;width:400px;height:227px;background:#fff;border-radius:6px}.title-wrap{box-sizing:border-box;display:flex;height:64px;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6;padding:0 20px}.title-cont{font-family:PingFangSC-Semibold;color:rgba(0,0,0,.8)}.body-wrap{padding-top:30px}.body-wrap p{font-size:14px;color:rgba(0,0,0,.8);letter-spacing:0;line-height:14px;text-align:center;margin-bottom:48px}.btn-wrap{display:flex;justify-content:center}.btn-wrap span{cursor:pointer;display:block;width:120px;height:40px;background:#f7f8f9;border:1px solid #ddd;border-radius:4px;font-size:14px;color:rgba(0,0,0,.6);line-height:40px;text-align:center}.btn-wrap .conti-btn{background:#0773fc;color:#fff;margin-left:24px}.editor-header{flex-direction:row;justify-content:space-between;height:60px;width:100%;position:relative;z-index:110;background:#fff;box-shadow:0 10px 10px 0 rgba(0,35,78,.04);font-size:14px}.editor-header,.header-part-l{display:flex;align-items:center}.header-part-l{height:100%;float:left;padding-left:20px;width:250px}.header-logo{display:flex;align-items:center;cursor:pointer;width:116px;height:40px}.save-title{font-size:14px;color:rgba(0,0,0,.8);margin-right:40px;margin-left:8px}.design-title-wrap{font-weight:700;padding:0;border-radius:20px}.save-status-wrap{width:132px;display:flex}.design-title-wrap:hover{background:#f3f4f9}.design-title-input:focus{outline:none;border:1px solid #0773fc;box-shadow:0 0 0 3px rgba(8,174,252,.1)}.design-title-input,.header-part-c input{max-width:160px;min-width:82px;border-radius:20px;padding:10px 20px;text-align:center;border:none;outline:none;text-overflow:ellipsis;user-select:text;-webkit-user-select:text;-moz-user-select:text;-o-user-select:text;-ms-user-select:text;background-color:transparent}.header-part-c input{font-size:14px;color:rgba(0,0,0,.8)}.header-part-r{height:100%;display:flex;flex-direction:row;align-items:center}.header-part-r p{font-family:PingFangSC-Regular;font-size:14px;color:rgba(0,0,0,.8)}.header-part-r .download-btn-wrap{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:32px;height:100%;width:136px;background-image:-webkit-gradient(linear,left bottom,left top,from(#0ca7fd),to(#0756fc));background-image:linear-gradient(0deg,#0ca7fd,#0756fc)}.header-part-r .download-btn-wrap:focus{background:#0773fc}.download-btn-wrap p{font-size:16px;color:#fff;font-weight:700}.download-btn-wrap span{display:inline-block;margin-right:6px;background:url(/v_static/media/design_header_icon.b7b93181.svg) no-repeat -307px -43px;width:16px;height:16px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.header-progress-icon{margin-right:6px;width:20px;height:20px}@media screen and (max-width:1280px){.editor-header{height:56px}.download-btn-wrap p{font-size:14px}.download-btn-wrap span{background:url(/v_static/media/design_header_icon.b7b93181.svg) no-repeat -308px -45px;width:14px;height:14px}}.upload-temp-wrap{width:300px;height:100%;top:0;left:0;z-index:35;flex-direction:column;background-color:#fff;padding:16px 0 0 22px;overflow:hidden}.resource-upload-box,.upload-temp-wrap{position:relative;display:flex;box-sizing:border-box}.resource-upload-box{align-items:center;justify-content:center;width:256px;height:144px;border:1px dashed #0773fc;background-color:rgba(7,115,252,.02);border-radius:10px;cursor:pointer}.resource-upload-box .resource-upload-content{display:flex;flex-direction:column;align-items:center}.resource-upload-box .resource-upload-content img{width:38px;margin-bottom:15px}.resource-upload-box .resource-upload-content .upload-content-text_1{font-size:14px;color:#0773fc;letter-spacing:0;text-align:center;line-height:14px;font-weight:700;margin-bottom:10px}.resource-upload-box .resource-upload-content .upload-content-text_2{opacity:.4;font-size:12px;color:#000;letter-spacing:0;line-height:12px}.close-btn{height:12px}.editor-resource-contnet{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:16px;height:17px}.editor-resource-contnet span{display:flex}.editor-resource-contnet span p{font-size:12px;color:rgba(0,0,0,.6)}.editor-resource-contnet span img{margin-left:4px;width:14px;cursor:pointer}.material-body{display:flex;flex-direction:column;margin-top:16px;position:relative}.material-body,.material-img-wrap{-prefix-box-flex:1;flex:1 1;width:100%;overflow-x:hidden;overflow-y:auto}.reference-line{height:3px}.reference-line,.up-img-list{position:relative;width:100%;float:left}.up-img-list{box-sizing:border-box;cursor:pointer;margin:0 5px 10px 0}.up-img-list>.none-checked{background-color:hsla(0,0%,80%,.3)}.up-img-list .active-checked,.up-img-list>.none-checked{position:relative;box-sizing:border-box;height:100%;width:100%}.up-img-list .active-checked{border-radius:4px}.up-img-list>.none-checked:hover:after{background:rgba(0,0,0,.3)}.active-checked:after,.up-img-list>.none-checked:hover:after{content:"";width:100%;height:100%;outline:2px solid #fff;position:absolute;border-radius:4px;top:0;left:0}.active-checked:after{background:rgba(0,0,0,.4)}.up-img-item{display:block;height:100%;width:100%;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.copy-img-item{position:absolute;left:0;top:0;z-index:40}.del-tab-wrap{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;width:100%;height:65px;background-color:#fff}.select-tab-head{width:12px;height:12px;margin:2px 8px 0 0;cursor:pointer}.select-cont{width:94px;margin:0 8px 0 0;color:#000;font-size:12px;line-height:16px}.border-row{display:inline-block;width:1px;height:16px;background-color:#d8d8d8;margin-right:8px;border-radius:1px}.border-colu{display:block;width:100%;height:1px;background-color:#f3f4f9;border-radius:1px}.select-wrap{line-height:16px}.all-select,.close-select{float:right;width:35px;height:35px;cursor:pointer;font-size:12px;border-radius:4px}.all-select:hover,.close-select:hover{background:#f3f4f9}.all-select img,.close-select img{margin:12px auto 0;width:11px;height:11px}.del-btn-item{cursor:pointer;display:flex;width:66px;height:35px;justify-content:center;align-items:center;border-radius:4px;margin:0 46px 0 0;color:#000;opacity:.8;font-size:12px}.del-btn-item:hover{background:#f3f4f9}.del-btn-item>img{display:inline-block;height:16px;width:16px;margin-right:3px}.select-sum-item{float:left;margin-right:8px;background-color:#fff;background-size:cover;border:1px solid #d3d8dd}.select-single-item{display:none;position:absolute;top:5px;left:5px;z-index:100}.up-img-list>.none-checked:hover .select-single-hover{display:block;background:hsla(0,0%,100%,.3);border:1px solid #fff}.up-img-list>.none-checked:hover .select-single-hover:hover{background:#fff;border:1px solid #0773fc}.select-item{width:16px;height:16px;font-size:14px;box-sizing:border-box;background-size:cover;border-radius:2px}.select-item-active{display:block;position:absolute;top:5px;left:5px;z-index:999;border-radius:2px}.resource-del-box{box-sizing:border-box;padding-right:15px;min-height:50px;width:100%}#horizontal-waterfull{width:260px}#horizontal-waterfull:after,#horizontal-waterfull:before{content:"";display:table;clear:both}.footer-capacity{height:47px;box-sizing:border-box;padding-top:13px}.footer-capacity .sum-text{opacity:.4;font-size:10px;color:#000;line-height:10px}.footer-capacity .capacity-progress-wrap{display:block;width:100%;height:3px;background:#f3f4f9;border-radius:1px;margin-bottom:8px}.footer-capacity .capacity-progress-wrap span{max-width:100%!important;display:block;height:3px;border-radius:1px;background-color:#0773fc}.blank-comp-wrap{display:flex;position:absolute;width:100%;height:100%;z-index:1;justify-content:center;align-items:center;background-color:#fff}.blank-comp-wrap .blank-comp-body{width:140px}.blank-comp-wrap .blank-comp-body img{width:100%;margin-bottom:20px}.blank-comp-wrap .blank-comp-body .body-text-1{opacity:.8;font-size:14px;color:#000;letter-spacing:0;line-height:14px;font-weight:700;margin-bottom:10px}.blank-comp-wrap .blank-comp-body .body-text-2{opacity:.4;font-size:12px;color:#000;letter-spacing:0;line-height:12px}@-webkit-keyframes showmove{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showmove{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.problem-wrap{width:328px;height:348px;position:fixed;bottom:10px;left:20px;z-index:10007;box-sizing:border-box;background:#fff;box-shadow:0 20px 30px 0 rgba(28,43,67,.1);border-radius:3px}.header-box{height:56px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;box-sizing:border-box;border-bottom:1px solid #eee}.header-box h1{font-size:16px;font-weight:500}.body-box{height:111px}.body-box,.footer-box{margin:20px 24px 0;width:280px;border-radius:3px;box-sizing:border-box}.text-cont{border:1px solid #e6e6e6;border-radius:3px;width:100%;margin-top:7px;height:84px;resize:none;outline:none;box-sizing:border-box;font-size:12px;color:#626262;padding:10px 8px 0}.title-cont{font-size:16px;font-weight:900}.phone-text{height:40px;line-height:40px;padding:10px 8px}.submit-btn{margin:24px auto 0;width:280px;height:32px;border:none;outline:none;font-size:14px;color:#fff;border-radius:3px;cursor:not-allowed;background:#e7e7e7;text-align:center;line-height:32px}.feedbackSuccess{width:100%;height:100%;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}.feedbackSuccess h1{font-size:18px;color:rgba(0,0,0,.8);padding-top:70px;padding-bottom:20px}.feedbackSuccess h1,.feedbackSuccess p{text-align:center;width:100%;height:20px}.feedbackSuccess p{font-size:12px;color:rgba(0,0,0,.6)}.success-close-btn{width:160px;height:32px;background:#0773fc;border-radius:3px;border:none;outline:none;font-size:14px;color:#fff;cursor:pointer;margin-top:40px;text-align:center;line-height:32px}.success-close-btn:hover{background:#07aefc}.side-wrap_markcom{position:relative;z-index:35;top:0;left:0;box-sizing:border-box;background-color:#fff;padding:20px 30px 0;width:300px;height:100%}.size-title{font-weight:700;font-size:14px;color:rgba(0,0,0,.8);margin-bottom:16px}.size-wrap{flex-direction:row}.size-tab,.size-wrap{display:flex;justify-content:space-between}.size-tab{box-sizing:border-box;cursor:not-allowed;align-items:center;width:110px;height:40px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:14px 16px}.size-cont{font-family:PingFangSC-Regular;font-size:12px;color:rgba(0,0,0,.4)}.side-wrap-l{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:row;width:auto}.side-nav_main,.side-wrap-l{position:relative;display:flex;box-sizing:border-box;height:100%}.side-nav_main{width:72px;flex-direction:column;justify-content:center;z-index:100;background-color:#f3f4f9}.menu-nav-cont{margin-top:-130px}.menu-nav_item{width:100%}.menu-nav_item .menu-selected:before{top:-8px}.menu-nav_item .menu-selected:after,.menu-nav_item .menu-selected:before{content:"";display:block;width:8px;height:8px;position:absolute;right:0;background:url(/v_static/media/activeTop.969b90ba.svg) no-repeat;background-size:cover;z-index:1000}.menu-nav_item .menu-selected:after{bottom:-8px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.temp-btn{cursor:pointer;position:relative;height:80px;background-position:0;background-repeat:no-repeat}.temp-btn,.up-btn{width:100%;display:flex;flex-direction:column;justify-content:center}.up-btn{height:72px}.side-footer-l{position:absolute;height:80px;width:100%;bottom:10px;cursor:pointer}.side-icon-l{width:24px;margin:0 auto 4px}.side-icon-name{display:block;font-size:14px;color:rgba(0,0,0,.8);text-align:center}.help-menu{display:flex;height:100%;flex-direction:column;justify-content:center}.resource-panel{width:100px;height:100px;background:red;position:relative;animation:mymove 5s infinite;-moz-animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite;-o-animation:mymove 5s infinite}.help-list-wrap{position:absolute;display:block;left:24px;bottom:72px;width:176px;background-size:108%;padding:6px 0;background-color:#fff;z-index:300;border:1px solid rgba(0,0,0,.05);border-radius:5px}.menu-item-hover{position:relative;display:block;color:#000;font-size:14px;text-align:left;height:40px;width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.menu-item-hover:hover{background-color:#f3f4f9}.menu-item-hover span{margin-left:24px;margin-right:24px;display:inline-block;width:24px;height:24px;background-image:url(/v_static/media/design-aside-bottom-help-icon.4d824a1e.svg)}.problem-feedback-btn{background-position:-96px 0}.online-service-btn{background-position:-120px 0}.side-nav_content{position:absolute;top:0;left:72px;height:100%;background-color:#fff;-webkit-transition:left .3s linear;transition:left .3s linear}.side-nav_content .section-lazyonload{width:100%;height:100%}.leftPanel-mainContent-toggle{position:absolute;right:-20px;width:20px;height:80px;background:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:.8;-webkit-transition:right .1s linear;transition:right .1s linear;z-index:99;border-radius:0 5px 5px 0}.leftPanel-mainContent-toggle[class~=close]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.leftPanel-mainContent-toggle:after{content:"";display:block;position:absolute;top:30px;right:7px;background:url(/v_static/media/layout-jiantou.4e5598b8.svg) -7px 0 no-repeat;width:6px;height:20px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;background-size:cover}.animation-active{position:absolute;left:-228px;-webkit-transition:left .3s linear;transition:left .3s linear;z-index:99}@-webkit-keyframes opacity_0_1_0{0%{opacity:.6}to{opacity:1}}@keyframes opacity_0_1_0{0%{opacity:.6}to{opacity:1}}#full-screen-loading{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;opacity:1;z-index:1000;display:flex;justify-content:center;align-items:center}#full-screen-loading .text-wrapper{padding:0 1rem;max-width:50rem;width:100%;text-align:center;-webkit-animation:fadeInScale .3s;animation:fadeInScale .3s}#full-screen-loading .text{font-size:4em;text-transform:uppercase;letter-spacing:10px;font-weight:700}#full-screen-loading .text .letter{position:relative;display:inline-block;-webkit-transition:all .4s;transition:all .4s}#full-screen-loading .text .letter .character{opacity:.65;-webkit-transition:color .4s;transition:color .4s;cursor:pointer}#full-screen-loading .text .letter span{position:absolute;bottom:.8rem;left:.4rem;display:block;width:100%;height:15px}#full-screen-loading .text .letter:hover .character{color:#fff!important}#full-screen-loading .text.part1 span:first-child .character{color:#ff5a5f;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s}#full-screen-loading .text.part1 span:nth-child(2) .character{color:#f99b0c;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s}#full-screen-loading .text.part1 span:nth-child(3) .character{color:#cee007;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s}#full-screen-loading .text.part1 span:nth-child(4) .character{color:#0773fc;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s}#full-screen-loading .text.part1 span:nth-child(5) .character{color:#4e2a84;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}#full-screen-loading .text.part1 span:nth-child(6) .character{color:#9c27b0;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}#full-screen-loading .text.part1 span:nth-child(7) .character{color:#f99b0c;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s}#full-screen-loading .text.part1 span:nth-child(8) .character{color:#cee007;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:2.1s;animation-delay:2.1s}#full-screen-loading .text.part1 span:nth-child(9) .character{color:#00c6b2;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;-webkit-animation-delay:2.4s;animation-delay:2.4s}@-webkit-keyframes wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInScale{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}#full-screen-loading .how-to{margin:2rem 0 2rem 1rem;font-family:"Opens Sans",sans-serif;font-weight:300;font-size:.85em;letter-spacing:4px;color:rgba(0,0,0,.8)}#m-progress-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}#m-progress-wrap .m-p-mask{width:100%;height:100%;z-index:50;background-color:rgba(0,0,0,.78)}#m-progress-wrap .m-p-content{position:absolute;left:50%;top:40%;margin-top:-50px;margin-left:-80px;width:160px;height:100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;z-index:60}#m-progress-wrap .m-p-content .m-p-icon-wrap{width:61px;height:61px}#m-progress-wrap .m-p-content .progress-text{width:100%;height:20px;margin-top:11px;text-align:center;color:#fff;font-size:16px;font-weight:500}#m-progress-wrap .m-p-content .fail-icon,#m-progress-wrap .m-p-content .finish-icon{height:60px;width:60px;display:block;position:relative;border-radius:50%;background:#02bb00;-webkit-animation:iconLeftIn .3s;animation:iconLeftIn .3s}#m-progress-wrap .m-p-content .fail-icon{background:#fd7f10}#m-progress-wrap .m-p-content .fail-icon:after,#m-progress-wrap .m-p-content .fail-icon:before{content:"";height:6px;width:28px;display:block;background:#fff;border-radius:10px;position:absolute;top:26px;left:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#m-progress-wrap .m-p-content .fail-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#m-progress-wrap .m-p-content .finish-icon:after,#m-progress-wrap .m-p-content .finish-icon:before{content:"";height:28px;width:5px;display:block;background:#fff;position:absolute;top:18px;left:32px;border-radius:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#m-progress-wrap .m-p-content .finish-icon:before{height:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:31px;left:20px}@-webkit-keyframes iconLeftIn{0%{opacity:0}to{opacity:1}}@keyframes iconLeftIn{0%{opacity:0}to{opacity:1}}.m-p-icon-wrap .ouro{position:relative;display:inline-block;width:60px;height:60px;box-sizing:border-box;border-radius:50%;background:transparent;overflow:hidden;border:6px solid #0773fc}.m-p-icon-wrap .ouro>span{position:absolute;height:100%;width:50%;overflow:hidden}.m-p-icon-wrap .left{left:0}.m-p-icon-wrap .right{left:50%}.m-p-icon-wrap .anim{position:absolute;left:100%;top:0;height:100%;width:100%;border-radius:50%;background:#0773fc;-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transition:all 1s;transition:all 1s}.m-p-icon-wrap .left .anim{border-bottom-left-radius:0;border-top-left-radius:0}.m-p-icon-wrap .right .anim{border-bottom-right-radius:0;border-top-right-radius:0;left:-100%;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:rotate(102deg);transform:rotate(102deg)}textarea{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.text-editor-wrap{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}.input-dialog{width:100%;height:100%;background:transparent}.text_edit_input{position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:1000}.text_edit_input.show{z-index:1000}.cancel-editor{position:absolute;bottom:0;left:0;width:100%;height:100%;background:transparent;z-index:1}.edit_input{top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:transparent;width:80%;height:150px;font-size:16px;line-height:24px;padding:10px;box-sizing:border-box;border:none;resize:none;word-break:break-all;color:#000;z-index:10}.edit_input,.textarea-wrap{position:absolute;left:50%;outline:none}.textarea-wrap{width:315px;border-radius:5px;top:50%;margin-left:-157.5px;overflow:hidden}#text-editor-input-hidden{visibility:hidden;position:absolute}.input-wrap_mask{position:absolute;background-color:#fff;opacity:.8}.input-wrap,.input-wrap_mask{top:0;left:0;width:100%;height:100%;z-index:100}.input-wrap{position:fixed;background:transparent}.input-wrap #text-editor-input{text-align:center;border:none;padding:5px;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text;outline:none;resize:none;width:100%;font-size:14px;color:#000;background-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-appearance:none!important;height:100px;overflow-y:auto}.input-wrap #text-editor-input:focus{box-shadow:none}.input-wrap .btn-ok{background-color:#0773fc;color:#fff;border:none}.input-wrap .btn-false{border:1px solid #dcdcdc;background-color:#dcdcdc;color:#222!important}.text-editor-btn{display:flex;justify-content:space-between;padding-bottom:25px}.text-editor-btn span{display:inline-block;width:23px;height:23px;color:#fff}.text-editor-btn span img{width:100%;height:100%}.blur_cursor{caret-color:transparent}.footer-editor{position:relative;box-sizing:border-box;width:100%;height:140px;background:#fafafd;box-shadow:0 2px 4px 0 rgba(12,21,35,.1);z-index:31;touch-action:pan-x}.footer-editor-progress-bar{display:flex;justify-content:center;box-sizing:border-box;height:46px;padding:12px 0}.footer-editor-progress-bar .progress-bar_cont{margin:0 auto;width:60%;display:flex;justify-content:center;align-items:center}.footer-editor-progress-bar .progress-key_frames{height:3px;width:90%;background:#f3f4f9;border-radius:1px;overflow:hidden;margin-left:16px;margin-right:16px}.footer-editor-progress-bar .progress-key_frames span{display:block;width:30%;height:3px;border-radius:1px;background-color:#0773fc}.timer-text{opacity:.8;font-size:14px;color:#000}.thum-box{position:relative;touch-action:pan-x}.thum-box .trun_page-btn{cursor:pointer;position:absolute;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;opacity:.8;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);top:50%;margin-top:-24px;background-image:url(/v_static/media/fanye-icon.27faaee8.svg);background-repeat:no-repeat;background-position:50%;background-size:12px 12px}.thum-box .trun_page-btn:hover{background:#fff;border:2px solid #0773fc;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);background-image:url(/v_static/media/fanye-active-icon.c178d026.svg);background-repeat:no-repeat;background-position:50%;background-size:12px 12px}.thum-box .trun-page-left{left:33px}.thum-box .trun-page-right{right:33px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.thum-frame-wrap{display:flex;justify-content:center;box-sizing:border-box;height:83px;margin:0 auto}.frame-center-wrap{display:flex;overflow-x:auto;box-sizing:border-box;padding-top:9px;height:100%}.frame-center-wrap::-webkit-scrollbar{width:0;height:0}.frame-wrap{position:relative;box-sizing:border-box;width:45px;height:74px;margin-right:20px;opacity:.8;cursor:pointer;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;outline:none;flex-shrink:0;border-radius:3px}.frame-wrap .loading-icon{width:18px;height:18px}.frame-wrap img{max-width:100%;height:100%}.active{border:2px solid #0773fc;opacity:1;cursor:default;position:relative}.active:after{content:"";width:9px;height:9px;background-color:red;position:absolute;background:url(/v_static/media/sanjiao.384e0e8d.svg) no-repeat;background-size:9px 9px;left:50%;margin-left:-4px;top:-8px}.cover-mask{background-color:#0c1523}.footer-editor-mobile{position:relative;box-sizing:border-box;width:100%;height:152px;background:#fff;box-shadow:0 -4px 10px 0 rgba(0,0,0,.03);border-radius:8px 8px 0 0;touch-action:pan-x}.footer-editor-mobile .thum-box{width:100%;position:absolute;bottom:20px;left:0;overflow:auto;-webkit-overflow-scrolling:touch;z-index:40;touch-action:pan-x}.footer-editor-mobile .frame-center-wrap{width:100%;height:110px;display:flex;overflow-x:auto;align-items:flex-end}.footer-editor-mobile .thum-frame-wrap{width:100%;height:110px;align-items:flex-end;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s;transition:all .3s}.footer-editor-mobile .frame-wrap{flex-shrink:0;height:83.5px;margin-right:8px;white-space:nowrap;opacity:1;-webkit-transition:all .28s;transition:all .28s;background-color:rgba(0,0,0,.1)}.footer-editor-mobile .frame-wrap .loading-icon{width:18px;height:18px}.footer-editor-mobile .frame-wrap.active{height:106px;border:2px solid #0773fc;box-sizing:content-box}.footer-editor-mobile .design-export-btn{background:#0773fc;border-radius:15px;font-size:13px;color:#fff;line-height:28px;width:60px;height:28px;text-align:center;font-weight:700;display:block;position:absolute;right:12px;top:10px;z-index:45}.footer-editor-mobile .design-export-btn.disable{background:#65a6fa}.footer-editor-mobile .empty-box{width:24px;flex-shrink:0;height:100%}.footer-editor-mobile .frame-wrap img{width:100%;height:100%}.footer-editor-mobile .thum-frame-wrap_height .frame-wrap{height:60px}.footer-editor-mobile .thum-frame-wrap_height .frame-wrap.active{height:70px;border:2px solid #0773fc;box-sizing:content-box}#text-area-wrap{resize:none;outline:none;border:none;background-color:transparent;overflow-x:hidden;width:auto;height:auto}#pre-editor-wrap{width:100%;height:100%;position:absolute;top:0;left:0;z-index:45}#pre-editor-wrap .v-ew-box{position:absolute;box-sizing:content-box;background-color:rgba(233,22,122,0);-webkit-animation-name:tempAnimation;animation-name:tempAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:2;animation-iteration-count:2;z-index:99}#pre-editor-wrap .v-ew-box textarea{width:100%;height:100%}#pre-editor-wrap .v-ew-box:hover{border:1px dashed #65a6fa}.v-ew-box.is-text{z-index:100!important}#pre-editor-wrap .disable-hover:hover{border:none}#img-edit-box .img-editor-tips,#pre-editor-wrap .v-ew-tips{position:absolute;padding:2px 5px;width:80px;background:#454545;border-radius:5px;color:#c0c5cf;text-align:center;font-size:12px;top:-25px;left:50%;margin-left:-40px;z-index:31}#text-editor-wrap{width:auto;height:auto;position:absolute;box-sizing:content-box;z-index:101;border:1px solid #65a6fa}#img-edit-box{position:absolute;z-index:100;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:0;height:0;cursor:move}.img-edit-box-1{-webkit-transform:rotate(0deg)!important;transform:rotate(0deg)!important;background-color:pink;opacity:.3}#pannel-wrap{display:block;z-index:999;position:absolute;border:1px solid #65a6fa;border-radius:2px}#pannel-wrap .point-scale{position:absolute;width:12px;height:12px;border-radius:12px;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;-webkit-transition:background-color .2s,opacity .2s;transition:background-color .2s,opacity .2s;opacity:1}#pannel-wrap .dragger-zoom1{left:-6px;top:-6px;cursor:nwse-resize}#pannel-wrap .dragger-zoom2{left:-6px;bottom:-6px;cursor:nesw-resize}#pannel-wrap .dragger-zoom3{right:-6px;top:-6px;cursor:nesw-resize}#pannel-wrap .dragger-zoom4{right:-6px;bottom:-6px;cursor:nwse-resize}#pannel-wrap .point-scale-disable{opacity:0}#pannel-wrap .point-bottom-center{left:50%;bottom:-40px;margin-left:-11px;width:22px;height:22px;box-shadow:0 0 5px 0 rgba(33,33,33,.1);border:1px solid rgba(0,0,0,.2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M5.303 10.47l1.486.202a4.25 4.25 0 005.912 4.475l.6 1.374a5.75 5.75 0 01-7.999-6.05zm11.32 1.985l-1.467-.313a4.25 4.25 0 00-5.859-4.788l-.6-1.374a5.75 5.75 0 017.927 6.475z' fill-rule='nonzero'/%3E%3Cpath d='M6 8.25l2 3H4zm10 6l-2-3h4z'/%3E%3C/g%3E%3C/svg%3E");background-size:22px 22px;background-position:50% 50%;cursor:move}#pannel-wrap .point-dragged{background-color:#0773fc!important;color:#fff}#pannel-wrap .point-r-dragged{background-color:#0773fc!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.303 10.47l1.486.202a4.25 4.25 0 005.912 4.475l.6 1.374a5.75 5.75 0 01-7.999-6.05zm11.32 1.985l-1.467-.313a4.25 4.25 0 00-5.859-4.788l-.6-1.374a5.75 5.75 0 017.927 6.475z' fill-rule='nonzero'/%3E%3Cpath d='M6 8.25l2 3H4zm10 6l-2-3h4z'/%3E%3C/g%3E%3C/svg%3E")}#pannel-wrap .point-r-dragged:before{content:attr(data-tips);padding:2px 3px;border-radius:3px;font-size:12px;position:absolute;display:block;width:40px;height:15px;text-align:center;color:#fff;background:rgba(0,0,0,.8);top:0;left:40px}#img-default-box{position:absolute}.img-editor-tips{-webkit-transition:opacity .2s;transition:opacity .2s}#img-default-box #pannel-center-point{width:0;height:0;position:absolute;left:50%;top:50%}@-webkit-keyframes fadeIn{0%{opacity:.2}to{opacity:1}}@keyframes fadeIn{0%{opacity:.2}to{opacity:1}}.video-drawing-wrap{flex:1 1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#eaebf3;overflow:hidden}#video-editor,#video-stage{width:360px;height:640px;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0}#video-stage{box-shadow:0 0 15px rgba(0,0,0,.2)}#video-editor{z-index:45}#design-video-player-wrap{overflow:hidden;width:100%;height:calc(100% - 120px);position:relative}#design-video-player-wrap.mobile-player-wrap{box-sizing:border-box;overflow:hidden;width:100%;height:calc(100% - 140px);padding:30px;position:relative;touch-action:none}.video-drawing{position:absolute;width:390px;height:630px;left:0;right:0;top:0;bottom:0;margin:auto}@-webkit-keyframes tempAnimation{0%{background-color:rgba(233,22,122,0)}50%{background-color:rgba(233,22,122,.3)}to{background-color:rgba(233,22,122,0)}}@keyframes tempAnimation{0%{background-color:rgba(233,22,122,0)}50%{background-color:rgba(233,22,122,.3)}to{background-color:rgba(233,22,122,0)}}#design-wrap{min-width:1080px;height:calc(100% - 60px)}#design-wrap,#mobile-design-wrap{display:flex;justify-content:space-between}#mobile-design-wrap{width:100%;height:100%}.filter-active{-webkit-filter:blur(5px);filter:blur(5px)}@media screen and (max-width:1280px){#design-wrap{height:calc(100% - 56px)}}