/*----------------------------颜色----------------------------*/
/*----------------------------尺寸----------------------------*/
/*----------------------------字体----------------------------*/
/*----------------------------字号----------------------------*/
/*----------------------------动画----------------------------*/
/*----------------------------圆角----------------------------*/
/*----------------------------阴影----------------------------*/
/*----------------------------透明度--------------------*/
/* 隐藏banner上的ul */
header .menu-bg {
  z-index: 23 !important;
}
/* 公共样式 */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(23, 25, 29, 0.3);
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(23, 25, 29, 0.3);
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(23, 25, 29, 0.3);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(23, 25, 29, 0.3);
}
.trim-container {
  width: 100%;
  margin: 0 auto;
}
.fj-tools .trim-guide {
  display: none !important;
}
/* 顶部banner的3步走 */
.trim-guide {
  position: fixed;
  width: 700px;
  top: 28px;
  left: 50%;
  margin-left: -350px;
  z-index: 24;
}
.trim-guide span {
  display: inline-block;
  line-height: 24px;
}
.trim-guide span svg {
  float: left;
  margin-right: 8px;
}
.trim-guide i {
  margin: 0 28px;
}
.trim-guide i svg {
  opacity: 0.5;
}
.trim-guide .active {
  color: #FF822C;
}
.trim-guide .active svg path {
  fill: #FF822C;
}
.trim-guide .inactive {
  color: #17191D;
}
.trim-guide .inactive svg path {
  fill: #17191D;
}
.trim-guide .enabled {
  opacity: 1;
  cursor: pointer;
}
.trim-guide .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* 编辑区域 */
.compressor-editor {
  position: relative;
  background-color: #158CF5;
  background-image: url(https://resource.flexclip.com/media/compressor/images/tr.svg), url(https://resource.flexclip.com/media/compressor/images/bl.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: right top, left bottom;
}
.compressor-editor .bg-tr {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.compressor-editor .bg-bl {
  position: absolute;
  top: 163px;
  left: 0;
  pointer-events: none;
}
.compressor-editor .compressor-editor-input {
  display: block;
  height: 545px;
  padding: 1px 0;
}
.compressor-editor .compressor-editor-input * {
  text-align: center;
}
.compressor-editor .compressor-editor-input .title {
  height: 70px;
  margin: 67px auto 4px auto;
  font-size: 42px;
  font-weight: bold;
  line-height: 70px;
  color: white;
}
.compressor-editor .compressor-editor-input .desc {
  height: 23px;
  font-size: 19px;
  font-weight: 400;
  opacity: 0.5;
  color: white;
  line-height: 23px;
  text-align: center;
}
.compressor-editor .compressor-editor-input .dragging .frame {
  border: 2px solid #D3D6DD !important;
}
.compressor-editor .compressor-editor-input .dragging .overlay {
  display: block !important;
}
.compressor-editor .compressor-editor-input .input {
  position: relative;
  margin: 30px auto 15px auto;
  width: 520px;
  height: 270px;
  padding: 10px;
  background: white;
  border-radius: 4px;
  box-sizing: border-box;
}
.compressor-editor .compressor-editor-input .input * {
  box-sizing: border-box;
  outline: none;
}
.compressor-editor .compressor-editor-input .input .overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #158CF5;
  opacity: 0.15;
  pointer-events: none;
}
.compressor-editor .compressor-editor-input .input .frame {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 2px dashed #D3D6DD;
}
.compressor-editor .compressor-editor-input .input .frame svg {
  display: block;
  margin: 40px auto 20px auto;
}
.compressor-editor .compressor-editor-input .input .frame .drag {
  height: 21px;
  font-size: 18px;
  font-weight: 500;
  color: #17191D;
  line-height: 21px;
}
.compressor-editor .compressor-editor-input .input .frame .or {
  height: 20px;
  margin: 19px auto;
  font-size: 17px;
  font-weight: 500;
  color: #17191D;
  opacity: 0.38;
  line-height: 20px;
}
.compressor-editor .compressor-editor-input .input .frame button {
  width: fit-content;
  height: 42px;
  margin: auto;
  border-radius: 21px;
  padding: 11px 49px;
  background: #FF822C;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.compressor-editor .compressor-editor-input .input .frame button:hover {
  background: #E0640F;
}
.compressor-editor .compressor-editor-input .input .frame .file-input {
  display: none;
}
.compressor-editor .compressor-editor-input .input .frame span {
  margin: 0 10px;
  color: #17191D;
  opacity: 0.3;
}
.compressor-editor .compressor-editor-input .input .frame input {
  width: 370px;
  height: 56px;
  padding-left: 15px;
  background: white;
  border-radius: 4px;
  border: 1px solid #D1D8DC;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #17191D;
  text-align: left;
}
.compressor-editor .compressor-editor-input .input .frame input:focus {
  border-color: #a0a7ab;
}
.compressor-editor .compressor-editor-input .format {
  height: 18px;
  margin: 17px auto 45px auto;
  font-size: 15px;
  font-weight: 400;
  color: white;
  line-height: 18px;
}
.compressor-editor .compressor-editor-loading {
  display: none;
  height: 545px;
}
.compressor-editor .compressor-editor-loading .compressor-editor-loading-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1px;
}
.compressor-editor .compressor-editor-loading .compressor-editor-loading-container .bg {
  width: 140px;
  height: 140px;
  margin: 202px auto;
  padding: 40px;
  background: white;
  border-radius: 4px;
  box-sizing: border-box;
}
.compressor-editor .compressor-editor-loading p {
  color: #17191D;
  opacity: 0.3;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}
.compressor-editor .compressor-editor-app {
  display: none;
}
.compressor-editor .compressor-editor-app.show {
  display: block;
}
.compressor-editor .compressor-editor-app.hide {
  position: absolute;
  top: 5000px;
  left: 5000px;
}
/* Feature区域 */
.trim-featured {
  min-height: 504px;
  padding: 120px 0;
  background: #fff;
  box-sizing: border-box;
}
.trim-featured * {
  box-sizing: border-box;
}
.trim-featured .trim-featured-item {
  float: left;
  width: 380px;
  height: 264px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #dfe2e8;
}
.trim-featured ul li {
  position: relative;
  width: 380px;
  height: 264px;
  background: white;
  border-radius: 4px;
  border: 1px solid #DFE2E8;
  list-style: none;
}
.trim-featured ul li:nth-child(2),
.trim-featured ul li:nth-child(5) {
  margin-left: 55px;
  margin-right: 55px;
}
.trim-featured ul li:nth-child(n+4) {
  margin-top: 55px;
}
.trim-featured ul li * {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.trim-featured ul li svg {
  position: absolute;
  left: 50%;
  bottom: 168px;
  margin-left: -30px;
}
.trim-featured ul li h4 {
  height: 23px;
  margin: 117px auto 16px auto;
  font-size: 19px;
  font-weight: bold;
  color: #17191D;
  line-height: 23px;
}
.trim-featured ul li p {
  height: 48px;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 400;
  color: #4A4E57;
  line-height: 24px;
}
.compressor-mobile {
  display: none;
  width: 100%;
  background: #f3f5f6;
  padding-top: 47px;
}
.compressor-mobile .mobile-title {
  padding: 0 30px;
  font-size: 34px;
  font-weight: bold;
  color: #17191d;
  line-height: 44px;
  margin: auto;
  text-align: center;
}
.compressor-mobile .mobile-desc {
  padding: 0 30px;
  margin: auto;
  text-align: center;
  font-size: 19px;
  line-height: 26px;
  opacity: 0.5;
  margin-top: 12px;
}
.compressor-mobile .mobile-jump {
  width: 80%;
  height: 114px;
  margin: auto;
  margin-top: 18px;
  padding: 30px 18px;
  background: #fff;
  border: 1px #b7b7b7 dashed;
  text-align: center;
  line-height: 25px;
}
.compressor-mobile .mobile-jump a {
  color: #FF822C;
}
.temporary-increase-in-demand {
  position: fixed;
  z-index: 1;
  left: -301px;
  bottom: 1px;
  cursor: pointer;
  transition: all 0.3s;
}
.temporary-increase-in-demand .temporary-increase-in-demand-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media screen and (max-width: 640px) {
  .temporary-increase-in-demand {
    display: none;
  }
  .header-more {
    display: block !important;
  }
  .menu .logo {
    display: inline-block !important;
  }
  .menu ul li {
    display: inline-block !important;
  }
  .menu-bg .logo {
    margin-top: 0px !important;
  }
  .compressor-mobile {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .trim-guide {
    display: none;
  }
  .compressor-editor {
    display: none;
  }
  .trim-featured {
    height: 892px;
    padding: 0;
  }
  .trim-featured .trim-container {
    width: 100%;
    padding-top: 34px;
  }
  .trim-featured ul li {
    width: calc(100% - 34px) !important;
    margin-left: 0 !important;
    margin-bottom: 15px;
    position: relative;
    left: 17px;
  }
}
/*# sourceMappingURL=compress.css.map */
/*----------------------------颜色----------------------------*/
/*----------------------------尺寸----------------------------*/
/*----------------------------字体----------------------------*/
/*----------------------------字号----------------------------*/
/*----------------------------动画----------------------------*/
/*----------------------------圆角----------------------------*/
/*----------------------------阴影----------------------------*/
/*----------------------------透明度--------------------*/
.tools-mobile {
  display: none;
  width: 100%;
  background: #f3f5f6;
  padding-top: 47px;
}
.tools-mobile .mobile-title {
  padding: 0 30px;
  font-size: 34px;
  font-weight: bold;
  color: #17191d;
  line-height: 44px;
  margin: auto;
  text-align: center;
}
.tools-mobile .mobile-desc {
  padding: 0 30px;
  margin: auto;
  text-align: center;
  font-size: 19px;
  line-height: 26px;
  opacity: 0.5;
  margin-top: 12px;
}
.tools-mobile .mobile-jump {
  width: 80%;
  height: 114px;
  margin: auto;
  margin-top: 18px;
  padding: 30px 18px;
  background: #fff;
  border: 1px #b7b7b7 dashed;
  text-align: center;
  line-height: 25px;
}
.tools-mobile .mobile-jump a {
  color: #FF822C;
}
@media screen and (max-width: 640px) {
  .tools-mobile {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/*# sourceMappingURL=mobile.css.map */
.app{width:100%;display:flex;justify-content:center;align-items:center}#app *{box-sizing:border-box}button{border:none}body,html{margin:0;padding:0;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.main-btn{background:#ff822c;border-radius:4px;cursor:pointer;font-size:17px;font-weight:500;color:#fff;outline:none}.main-btn:hover{background:#e0640f}.compress-btn{display:block;width:270px;height:42px;margin:30px auto}.download-btn{margin:38px auto}.download-btn,.get-start-btn{display:block;width:180px;height:42px}.get-start-btn{margin:18px auto 25px}.step-2-height{height:545px}.step-3-height{width:100%;min-height:545px}.c-preview{display:none}.c-preview.active{display:block}.c-preview .c-preview-info{margin:84px 0 17px;padding:0 37px}.c-preview .c-preview-info,.c-preview .c-preview-info h2{font-size:24px;font-weight:700;color:#fff;line-height:28px}.c-preview .c-preview-info h2{height:28px;margin-bottom:15px}.c-preview .c-preview-info .tip{display:none;height:19px}.c-preview .c-preview-info .tip.active{display:block}.c-preview .c-preview-info .tip *{height:16px;font-size:15px;font-weight:400;color:#fff;line-height:16px}.c-preview .c-preview-info .tip .name{float:left;width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.c-preview .c-preview-info .tip .info{float:right}.c-preview .c-preview-info .tip .info .key{opacity:.6}.c-preview .c-preview-info .tip .info .value{padding-left:2px;padding-right:18px}.c-preview .setting{width:820px;height:289px;padding:40px 37px;background:#fff;border-radius:4px}.c-preview .setting h2{height:28px;margin:0 0 26px;font-size:24px;font-weight:700;color:#17191d;line-height:28px}.c-preview .setting .title{width:104px;height:24px;margin:0 30px 0 45px;font-size:21px;font-weight:500;color:#17191d;line-height:24px}.c-preview .setting .resolution{margin-left:50px;white-space:nowrap}.c-preview .setting .resolution .c-option-btn{width:250px}.c-preview .setting .quality .c-option-btn{width:195px}.c-preview .setting .c-option-btn{display:inline-block;position:relative;width:140px;height:36px;margin-left:10px;line-height:36px;padding:0 11px;background:#fff;border-radius:4px;border:1px solid #e4e6e7;cursor:pointer;-webkit-transition:all .3s!important;transition:all .3s!important;font-size:15px;font-weight:400;color:#17191d}.c-preview .setting .c-option-btn:hover{background:#dee0e1}.c-preview .setting .c-option-btn svg{position:absolute;top:13px;right:10px}.c-preview .setting .info{display:block;margin:20px 0 40px}.c-preview .setting .info *{height:16px;font-size:14px;font-weight:400;font-style:italic;color:#17191d;line-height:16px;opacity:.5}.c-preview .setting .info .key{opacity:.6}.c-preview .setting .info .value{padding-left:2px;padding-right:18px}.c-option-box{margin-top:2px!important}.c-option-box .c-option-panel{margin:0;width:195px;background-color:#fff;border-radius:2px;padding:10px 0;border:none;list-style:none}.c-option-box .c-option-panel .c-option-item{height:36px;padding:0 20px;line-height:38px;text-align:left;-webkit-transition:all .3s!important;transition:all .3s!important}.c-option-box .c-option-panel .c-option-item span{display:inline-block;font-size:15px;color:#17191d;text-overflow:ellipsis;white-space:nowrap}.c-option-box .c-option-panel .c-option-item:hover{background-color:#eee}.c-option-box .c-resolution{width:250px}.c-drop-down{display:inline-block;position:relative}.c-drop-down-box{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;cursor:auto;box-shadow:0 2px 10px 0 rgba(0,0,0,.25);background-color:#fff;border-radius:2px;z-index:22;display:none}.c-drop-down-box .c-drop-down-arrow{position:absolute;width:0;height:0;border-style:solid;border-width:8px}.c-drop-down-box .c-drop-down-arrow svg{display:none}.c-drop-down-box.c-overlay-bottom-center,.c-drop-down-box.c-overlay-bottom-left,.c-drop-down-box.c-overlay-bottom-right{margin-top:6px}.c-drop-down-box.c-overlay-bottom-center .c-drop-down-arrow,.c-drop-down-box.c-overlay-bottom-left .c-drop-down-arrow,.c-drop-down-box.c-overlay-bottom-right .c-drop-down-arrow{border-color:transparent transparent #fff}.c-drop-down-box.c-overlay-top-center,.c-drop-down-box.c-overlay-top-left,.c-drop-down-box.c-overlay-top-right{margin-bottom:6px}.c-drop-down-box.c-overlay-top-center .c-drop-down-arrow,.c-drop-down-box.c-overlay-top-left .c-drop-down-arrow,.c-drop-down-box.c-overlay-top-right .c-drop-down-arrow{border-color:#fff transparent transparent}.c-drop-down-box.c-overlay-right-center{margin-left:6px}.c-drop-down-box.c-overlay-right-center .c-drop-down-arrow{border-color:transparent #fff transparent transparent}.c-drop-down-box.c-overlay-bottom-left .c-drop-down-arrow{top:-16px;left:16px}.c-drop-down-box.c-overlay-bottom-center .c-drop-down-arrow{top:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.c-drop-down-box.c-overlay-bottom-right .c-drop-down-arrow{top:-16px;right:16px}.c-drop-down-box.c-overlay-top-left .c-drop-down-arrow{bottom:-16px;left:16px}.c-drop-down-box.c-overlay-top-center .c-drop-down-arrow{bottom:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.c-drop-down-box.c-overlay-top-right .c-drop-down-arrow{bottom:-16px;right:16px}.c-drop-down-box.c-overlay-right-center .c-drop-down-arrow{left:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.c-progress__outer{width:100%;position:relative;background:#e6e4e6;border-radius:8px;overflow:hidden;height:6px}.c-progress__outer .c-progress__inner{display:block;position:absolute;left:0;top:0;height:100%;background-color:#ff822c;border-radius:8px}#root,body,html{height:100%}.u-button-cursor:hover{cursor:pointer}.u-toolbar-icon-btn{width:30px;height:30px}.u-toolbar-icon-btn.disabled{opacity:.5}.u-toolbar-icon-btn.disabled:hover{cursor:no-drop;background-color:inherit!important}.u-input-file{opacity:0;z-index:-1;position:absolute;color:#ff822c;width:0;height:0}.u-music__btn{position:absolute;left:0;height:100%}.u-music__btn svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.u-music__btn:hover svg path,.u-music__btn:hover svg polygon,.u-music__btn:hover svg rect{fill:#e0640f}.u-header{width:100%;background:#fff}.u-hide{display:none!important}.u-center-for-absolute{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.u-clearFix{zoom:1}.u-clearFix:after,.u-clearFix:before{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.u-float-left{float:left}.u-float-right{float:right}.u-rotate{position:absolute;top:50%;bottom:0;right:0;left:0;margin-top:-25px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:play 1s linear infinite;animation:play 1s linear infinite}.u-pure-rotate{width:60px}.u-loading-rotate{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:play 1s linear infinite;animation:play 1s linear infinite}@-webkit-keyframes play{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.rotateIn{-webkit-animation:rotateIn .3s linear;animation:rotateIn .3s linear}.rotateOut{-webkit-animation:rotateOut .3s linear;animation:rotateOut .3s linear}@keyframes play{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateIn{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotateOut{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.tooltip{top:-4px;pointer-events:none}.tooltip .arrow:before{border-width:10px!important}.tooltip.bs-tooltip-bottom{top:16px!important}.tooltip.bs-tooltip-bottom .arrow,.tooltip.bs-tooltip-bottom .tooltip-inner{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tooltip.bs-tooltip-bottom .arrow{width:20px!important;height:10px!important}.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color:#21272f!important}.tooltip.bs-tooltip-top{top:-6px!important}.tooltip.bs-tooltip-top .arrow{width:20px!important;height:10px!important}.tooltip.bs-tooltip-top .arrow:before{border-top-color:#21272f!important}.tooltip.bs-tooltip-left{left:-6px!important}.tooltip.bs-tooltip-left .arrow{width:10px!important;height:20px!important}.tooltip.bs-tooltip-left .arrow:before{border-left-color:#21272f!important}.tooltip.bs-tooltip-right{right:6px!important}.tooltip.bs-tooltip-right .arrow{width:10px!important;height:20px!important}.tooltip.bs-tooltip-right .arrow:before{border-right-color:#21272f!important}.tooltip-inner{padding:0 8px!important;height:28px;line-height:28px;border-radius:2px!important;background-color:#21272f!important;font-size:13px!important;text-transform:capitalize;color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.35)}.u-cursor-grab{cursor:-webkit-grab!important;cursor:grab!important}.u-cursor-grabbing{cursor:-webkit-grabbing!important;cursor:grabbing!important}.u-cursor-ew{cursor:ew-resize!important}.u-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-export{display:none}.c-export.active{display:block}.c-export .c-export-progress{position:relative;display:none;margin:150px auto;height:246px;width:597px;border-radius:4px;background-color:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.1);padding-top:46px}.c-export .c-export-progress.active{display:block}.c-export .c-export-progress .c-export-progress-title{height:24px;color:#344750;font-size:21px;line-height:24px;text-align:center}.c-export .c-export-progress .c-progress{height:20px;width:529px;margin:48px auto 0;display:flex;justify-content:space-between;align-items:center}.c-export .c-export-progress .c-progress .c-progress__outer{height:10px;width:480px;border-radius:100px;background-color:#e6eaeb;display:inline-block}.c-export .c-export-progress .c-progress .c-progress-value{height:20px;color:#ff822c;font-size:17px;font-weight:700;line-height:20px;text-align:center}.c-export .c-export-progress .c-progress-desc{position:relative;height:20px;color:#344750;font-size:15px;line-height:20px;text-align:center;margin:22px auto}.c-export .c-export-progress .c-progress-note{position:absolute;bottom:-30px;width:100%;opacity:.7;color:#fff;font-size:15px;text-align:center}.c-export .c-export-success{display:none;height:1045px}.c-export .c-export-success.active{display:block}.c-export .c-export-success .c-export-success-box{width:1100px;height:380px;background:hsla(0,0%,100%,.3);border-radius:4px;margin:60px auto 215px;padding:1px}.c-export .c-export-success .c-export-success-box .c-export-share-tip{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:54px;margin:0 auto}.c-export .c-export-success .c-export-success-box .c-export-share-tip span{opacity:.6;color:#fff;font-size:15px;text-align:center;line-height:54px}.c-export .c-export-success .c-export-success-box .c-export-share-tip svg{float:right;margin-top:11px;margin-left:11px;cursor:pointer}.c-export .c-export-success .c-export-success-box .c-export-share-tip .facebook:hover path{fill:#075ac7}.c-export .c-export-success .c-export-success-box .c-export-share-tip .twitter:hover circle{fill:#078ad5}.c-export .c-export-success .c-export-success-box .c-export-success-icon{margin:37px auto 0;text-align:center}.c-export .c-export-success .c-export-success-box .c-export-success-desc{height:19px;margin:0 0 10px;font-size:16px;font-weight:400;line-height:19px;text-align:center;color:#fff}.c-export .c-export-success .c-export-success-box .c-export-success-desc span{height:19px;margin-left:5px;font-size:16px;font-weight:400;color:#fff;line-height:19px;text-decoration:underline;cursor:pointer}.c-export .c-export-success .c-export-success-box .c-export-success-desc span:hover{color:#e0640f}.c-export .c-export-success .c-export-success-box .c-export-success-title{height:23px;margin:14px 0 18px;font-size:24px;font-weight:500;line-height:28px;text-align:center;color:#fff}.c-export .c-export-success .c-export-complete-box{width:100%;padding:0 45px;margin:60px auto 172px}.c-export .c-export-success .c-export-complete-box .complete-box-content{padding:0 0 120px;max-width:1160px;min-width:1070px;margin:0 auto;display:flex;justify-content:space-between}.c-export .c-export-success .c-export-complete-box .left-text-box{width:530px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-back{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;height:18px;font-size:15px;font-weight:400;color:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-back:hover{color:#fff}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-back:hover .back-icon svg path{-webkit-transition:all .3s;transition:all .3s;fill:#fff}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-back .back-icon{width:16px;height:16px;margin-right:11px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-title{margin:34px 0 0;font-size:42px;font-weight:700;color:#fff;line-height:70px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-desc{margin:8px 0 0;font-size:19px;font-weight:400;color:#fff;line-height:28px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-btnBox{margin:30px 0 0;display:flex}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-btnBox .c-export-complete-btn-space{width:20px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-edit{display:flex;justify-content:center;align-items:center;width:203px;height:50px;background:#fff;border-radius:8px;font-size:17px;font-weight:500;color:#17191d;line-height:20px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-edit:hover{background:hsla(0,0%,100%,.74)}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-edit .complete-edit-iconBox{width:22px;height:21px;margin-right:12px}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-download{display:flex;justify-content:center;align-items:center;width:203px;height:50px;border-radius:8px;border:1px solid #fff;font-size:17px;font-weight:500;color:#fff;line-height:20px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-download:hover{background:#fff;border-radius:8px;border:1px solid #fff;color:#000}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-download:hover svg path{-webkit-transition:all .3s;transition:all .3s;fill:#000}.c-export .c-export-success .c-export-complete-box .left-text-box .c-export-complete-download .complete-download-iconBox{width:26px;height:26px;margin-right:12px}.c-export .c-export-success .c-export-complete-box .video-preview-box{width:540px;height:360px;display:flex;justify-content:center}.c-export .c-export-success .c-export-complete-box .video-preview-box video{width:100%;object-position:center;outline:0 auto -webkit-focus-ring-color}.c-export .c-export-success .c-export-success-recommend{position:absolute;left:0;right:0;background:#fff}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip{padding-bottom:58px;width:1100px;min-height:470px;margin:-172px auto 0;background:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.1)}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature{margin:0 auto;padding-top:1px;text-align:center;box-sizing:content-box!important}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .btn{padding:0 16px;margin:38px auto 0;min-width:260px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:52px;background:#ff822c;border-radius:8px;font-size:17px;font-weight:500;color:#fff;line-height:52px;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .btn:hover{background:#e06000}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature h3{font-size:28px;color:#17191d;margin:56px 0 18px}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item{display:inline-block;width:19.5rem;height:310px;margin-right:1.5rem;padding:10px 18px;border:1px solid #dfe2e8;border-radius:.25rem;background:#fff;vertical-align:bottom}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item:last-child{margin-right:0}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item img{width:200px}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item h4{font-size:1.1875rem;color:#17191d;margin:.5rem 0 .8rem}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item p{color:#4a4e57;line-height:1.5rem;font-size:1.0625rem}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item a{width:9.75rem;height:2.625rem;color:#ff822c;line-height:2.625rem;text-decoration:none;border-radius:.25rem;border:1px solid #ff822c;display:inline-block;margin-top:1.5rem}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item a:hover{background:#ff822c;color:#fff}
/*# sourceMappingURL=main.chunk.css.map */