/*----------------------------颜色----------------------------*/
/*----------------------------尺寸----------------------------*/
/*----------------------------字体----------------------------*/
/*----------------------------字号----------------------------*/
/*----------------------------动画----------------------------*/
/*----------------------------圆角----------------------------*/
/*----------------------------阴影----------------------------*/
/*----------------------------透明度--------------------*/
/* 隐藏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;
}
/* 顶部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;
}
/* 编辑区域 */
.convert-editor {
  background: #F3F5F6;
}
.convert-editor .convert-editor-input {
  display: block;
  padding-top: 60px;
  padding-bottom: 45px;
}
.convert-editor .convert-editor-input * {
  text-align: center;
}
.convert-editor .convert-editor-input .title {
  font-size: 42px;
  font-weight: bold;
  line-height: 70px;
  color: #17191D;
}
.convert-editor .convert-editor-input .desc {
  height: 23px;
  font-size: 19px;
  font-weight: 400;
  opacity: 0.7;
  color: #17191D;
  line-height: 23px;
  text-align: center;
}
.convert-editor .convert-editor-input .dragging {
  border: 2px solid #CFD1D2 !important;
}
.convert-editor .convert-editor-input .input_wrapper {
  width: max-content;
  margin: auto;
  background: #fff;
  padding: 10px;
  cursor: pointer;
  margin-top: 30px;
}
.convert-editor .convert-editor-input .input_wrapper .uploader_icon {
  width: 33px;
  height: 33px;
  margin: auto;
}
.convert-editor .convert-editor-input .input_wrapper .uploader_icon > img {
  width: 100%;
  height: 100%;
}
.convert-editor .convert-editor-input .input_wrapper .uploader_title {
  font-size: 18px;
  font-weight: 500;
  color: #17191d;
  line-height: 21px;
  margin-top: 22px;
  margin-bottom: 15px;
}
.convert-editor .convert-editor-input .input_wrapper .uploader_or {
  font-size: 17px;
  font-weight: 500;
  color: rgba(23, 25, 29, 0.38);
  line-height: 20px;
  margin-bottom: 20px;
}
.convert-editor .convert-editor-input .uploader_tip {
  font-size: 15px;
  line-height: 18px;
  margin-top: 17px;
  color: #fff;
}
.convert-editor .convert-editor-input .input {
  background: white;
  border-radius: 4px;
  width: 530px;
  border: 2px dashed #d3d6dd;
  padding: 40px;
  margin: 0;
}
.convert-editor .convert-editor-input .input * {
  box-sizing: border-box;
  outline: none;
}
.convert-editor .convert-editor-input .input svg {
  display: block;
  margin: 30px auto 15px auto;
}
.convert-editor .convert-editor-input .input .format {
  height: 20px;
  margin-bottom: 21px;
  font-size: 17px;
  font-weight: 400;
  color: #4A4E57;
  line-height: 20px;
  text-align: center;
}
.convert-editor .convert-editor-input .input 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;
}
.convert-editor .convert-editor-input .input button:hover {
  background: #E0640F;
}
.convert-editor .convert-editor-input .input .file-input {
  display: none;
}
.convert-editor .convert-editor-input .input span {
  margin: 0 10px;
  color: #17191D;
  opacity: 0.3;
}
.convert-editor .convert-editor-input .input 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;
}
.convert-editor .convert-editor-input .input input:focus {
  border-color: #a0a7ab;
}
.convert-editor .convert-editor-loading {
  display: none;
  height: 545px;
}
.convert-editor .convert-editor-loading .convert-editor-loading-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1px;
}
.convert-editor .convert-editor-loading .convert-editor-loading-container .bg {
  width: 140px;
  height: 140px;
  margin: 202px auto;
  padding: 40px;
  background: white;
  border-radius: 4px;
  box-sizing: border-box;
}
.convert-editor .convert-editor-loading p {
  color: #17191D;
  opacity: 0.3;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}
.convert-editor .convert-editor-app {
  display: none;
}
.convert-editor .convert-editor-app.show {
  display: block;
}
.convert-editor .convert-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;
}
@media screen and (max-width: 1259px) {
  .header-more {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .header-more {
    display: block !important;
  }
  .menu .logo {
    display: inline-block !important;
    position: relative;
  }
  .menu ul li {
    display: inline-block !important;
  }
  .menu-bg .logo {
    margin-top: 0px !important;
  }
  .tools-mobile {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .trim-guide {
    display: none;
  }
  .convert-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=convert.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 */
*{box-sizing:border-box}html,body,#loginRoot{padding:0;margin:0;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}html,body{height:100%;margin:0;padding:0;font-size:16px}#loginRoot{position:fixed;top:0;left:0;z-index:9999999}p{margin:0;padding:0}input{border:none;outline:none}textarea,input{padding:0;word-wrap:break-word;word-break:break-all}input[type=number]{appearance:textfield}input::-ms-clear{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none!important;margin:0}li{list-style-type:none}ul,li{margin:0;padding:0;outline:none}ul:focus,li:focus{outline:none}img{border:0 none}button{overflow:hidden;border:none;outline:none!important}button:visited{color:#fff!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.c-preview{display:none}.c-preview.active{display:block}.c-preview .tip{display:none;height:16px;margin:50px auto 12px;text-align:center}.c-preview .tip.active{display:block}.c-preview .tip *{height:16px;font-size:14px;font-weight:400;color:#fff;line-height:16px}.c-preview .tip .name{float:left;width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.c-preview .tip .info{float:right}.c-preview .tip .info .key{opacity:.6}.c-preview .tip .info .value{padding-left:2px;padding-right:18px}.c-preview .cover{display:flex;width:962px;height:540px;background:rgba(255,255,255,.1)}.c-preview .cover canvas{display:block;margin:auto;background:white}.c-preview .setting{display:flex;justify-content:space-between;margin:40px auto 45px}.c-preview .setting .title{width:104px;height:24px;margin:0 30px 0 0;font-size:21px;font-weight:500;color:#fff;line-height:24px}.c-preview .setting .key{color:#fff;margin-right:10px}.c-preview .setting .format{margin-left:0}.c-preview .setting .quality{margin-left:35px}.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:#FFFFFF;border:1px solid #E4E4E4;background:white;border-radius:4px;border:1px solid #e4e6e7;cursor:pointer;-webkit-transition:all .3s!important;-moz-transition:all .3s!important;-ms-transition:all .3s!important;-o-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 .resolution{width:192px}.c-option-box{margin-top:2px!important}.c-option-box .c-option-panel{margin:0;width:140px;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;-moz-transition:all .3s!important;-ms-transition:all .3s!important;-o-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}.c-option-box .c-option-panel .c-option-item:hover{background-color:#eee}.c-option-box .c-resolution{width:190px}.c-drop-down{display:inline-block;position:relative}.c-drop-down-box{width:max-content;position:absolute;cursor:auto;box-shadow:0 2px 10px #00000040;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-left,.c-drop-down-box.c-overlay-bottom-center,.c-drop-down-box.c-overlay-bottom-right{margin-top:6px}.c-drop-down-box.c-overlay-bottom-left .c-drop-down-arrow,.c-drop-down-box.c-overlay-bottom-center .c-drop-down-arrow,.c-drop-down-box.c-overlay-bottom-right .c-drop-down-arrow{border-color:transparent transparent #FFFFFF transparent}.c-drop-down-box.c-overlay-top-left,.c-drop-down-box.c-overlay-top-center,.c-drop-down-box.c-overlay-top-right{margin-bottom:6px}.c-drop-down-box.c-overlay-top-left .c-drop-down-arrow,.c-drop-down-box.c-overlay-top-center .c-drop-down-arrow,.c-drop-down-box.c-overlay-top-right .c-drop-down-arrow{border-color:#FFFFFF transparent 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 #FFFFFF 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%;transform:translate(-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%;transform:translate(-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%;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}._drop_down_box_umco2_1{display:none;position:absolute;z-index:22;width:max-content;border-radius:2px;background-color:#fff;box-shadow:0 2px 10px #00000040;cursor:auto}._drop_down_box_umco2_1 ._arrow_umco2_11{position:absolute;width:0;height:0;border-width:8px;border-style:solid}._drop_down_box_umco2_1 ._arrow_umco2_11 svg{display:none}._drop_down_box_umco2_1._bottom_left_umco2_21,._drop_down_box_umco2_1._bottom_center_umco2_22,._drop_down_box_umco2_1._bottom_right_umco2_23{margin-top:6px}._drop_down_box_umco2_1._bottom_left_umco2_21 ._arrow_umco2_11,._drop_down_box_umco2_1._bottom_center_umco2_22 ._arrow_umco2_11,._drop_down_box_umco2_1._bottom_right_umco2_23 ._arrow_umco2_11{border-color:transparent transparent #fff transparent}._drop_down_box_umco2_1._bottom_left_umco2_21 ._arrow_umco2_11{top:-16px;left:16px}._drop_down_box_umco2_1._bottom_center_umco2_22 ._arrow_umco2_11{top:-16px;left:50%;transform:translate(-50%)}._drop_down_box_umco2_1._bottom_right_umco2_23 ._arrow_umco2_11{top:-16px;right:16px}._drop_down_box_umco2_1._top_left_umco2_44,._drop_down_box_umco2_1._top_center_umco2_45,._drop_down_box_umco2_1._top_right_umco2_46{margin-bottom:6px}._drop_down_box_umco2_1._top_left_umco2_44 ._arrow_umco2_11,._drop_down_box_umco2_1._top_center_umco2_45 ._arrow_umco2_11,._drop_down_box_umco2_1._top_right_umco2_46 ._arrow_umco2_11{border-color:#fff transparent transparent transparent}._drop_down_box_umco2_1._top_left_umco2_44 ._arrow_umco2_11{bottom:-16px;left:16px}._drop_down_box_umco2_1._top_center_umco2_45 ._arrow_umco2_11{bottom:-16px;left:50%;transform:translate(-50%)}._drop_down_box_umco2_1._top_right_umco2_46 ._c-drop-down-arrow_umco2_63{right:16px;bottom:-16px}._drop_down_box_umco2_1._right_top_umco2_67,._drop_down_box_umco2_1._right_center_umco2_68,._drop_down_box_umco2_1._right_bottom_umco2_69{margin-left:6px}._drop_down_box_umco2_1._right_top_umco2_67 ._arrow_umco2_11,._drop_down_box_umco2_1._right_center_umco2_68 ._arrow_umco2_11,._drop_down_box_umco2_1._right_bottom_umco2_69 ._arrow_umco2_11{left:-16px;border-color:transparent #fff transparent transparent}._drop_down_box_umco2_1._right_top_umco2_67 ._arrow_umco2_11{top:16px}._drop_down_box_umco2_1._right_center_umco2_68 ._arrow_umco2_11{top:50%;transform:translateY(-50%)}._drop_down_box_umco2_1._right_bottom_umco2_69 ._arrow_umco2_11{bottom:16px}._in_umco2_88{animation-name:_dropDownIn_umco2_1;animation-duration:.1s;animation-timing-function:cubic-bezier(.18,1.11,.77,1.51)}._out_umco2_93{animation-name:_dropDownOut_umco2_1;animation-duration:.1s;animation-fill-mode:forwards}@keyframes _dropDownIn_umco2_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _dropDownOut_umco2_1{0%{opacity:1}to{opacity:0}}._rail_16s7o_1,._track_16s7o_2{position:absolute;border-radius:2px;transition:background-color .3s}._rail_16s7o_1{background-color:#fff}._track_16s7o_2{background-color:#01cde7}._handle_16s7o_13{position:absolute;width:14px;height:14px;border:solid 2px #01cde7;border-radius:50%;background-color:#fff}._slider_16s7o_21{position:relative;width:100%}._slider_16s7o_21._horizontal_16s7o_25{height:12px;padding:4px 0;cursor:pointer}._slider_16s7o_21._horizontal_16s7o_25 ._rail_16s7o_1{width:100%;height:4px}._slider_16s7o_21._horizontal_16s7o_25 ._track_16s7o_2{left:0;height:4px}._slider_16s7o_21._horizontal_16s7o_25 ._handle_16s7o_13{margin-top:-5px;margin-left:-5px}._slider_16s7o_21._vertical_16s7o_42{width:12px;height:100%;padding:0 5px}._slider_16s7o_21._vertical_16s7o_42 ._rail_16s7o_1{width:2px;height:100%}._slider_16s7o_21._vertical_16s7o_42 ._track_16s7o_2{bottom:0;width:2px}._slider_16s7o_21._vertical_16s7o_42 ._handle_16s7o_13{margin-bottom:-5px;margin-left:-7px}._overlay_17app_2{width:32px;height:150px;margin-top:20px;border-radius:16px;background-color:#0006;box-shadow:none}._slider_container_17app_10{width:12px;height:110px;margin:20px auto 0}._slider_17app_10{cursor:pointer}._slider_17app_10 ._rail_17app_18,._slider_17app_10 ._track_17app_19{width:2px}._slider_17app_10 ._handle_17app_22{margin-bottom:-7px;margin-left:-6px;border:1px solid rgba(0,0,0,.1)}._slider_17app_10 ._track_17app_19{background-color:#ff822c}._play_icon_box_17app_30{position:absolute;top:10px;left:18px;cursor:pointer}._play_control_icon_17app_36 svg{width:16px;height:16px}._play_control_icon_17app_36:hover polygon,._play_control_icon_17app_36:hover path,._play_control_icon_17app_36:hover rect{fill:#ff822c}._u-center-for-absolute_1a890_2{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}._u-ellipsis_1a890_10{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._ellipsis3_1a890_15{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}._u-rotation_1a890_23{animation:_play_1a890_1 1s linear infinite}@keyframes _play_1a890_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_1a890_34{position:absolute;z-index:2;bottom:0;width:100%;height:80px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)}._control_banner_1a890_42{position:absolute;top:0;left:0}._progress_1a890_47{position:absolute;z-index:1;top:34px;right:108px;bottom:34px;left:50px;height:12px;margin:auto}._progress_1a890_47 ._slider_1a890_57 ._rail_1a890_57{opacity:.3;background-color:#fff!important}._progress_1a890_47 ._slider_1a890_57 ._track_1a890_61{background-color:#fff!important}._progress_1a890_47 ._slider_1a890_57 ._handle_1a890_64{width:9px;height:9px;margin-top:-2px;margin-left:-5px;opacity:1;border:1px solid rgba(0,0,0,.2);border-radius:50%}._operate_1a890_73{position:relative;height:36px;margin-top:22px}._control_1a890_42{position:absolute;top:-176px;left:155px;width:82px;height:82px;margin:auto;cursor:pointer;border-radius:50%;background-color:#ffffff40}._control_1a890_42 svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}._control_1a890_42 svg polygon,._control_1a890_42 svg path,._control_1a890_42 svg rect{fill:#fff}._control_1a890_42:hover polygon,._control_1a890_42:hover path,._control_1a890_42:hover rect{fill:#ff822c;-webkit-transition:all .3s!important;-moz-transition:all .3s!important;-o-transition:all .3s!important;transition:all .3s!important}._time_1a890_111{float:right;height:36px;margin-right:16px;color:#fff;font-size:14px;line-height:36px}html,body,#root{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 rect,.u-music__btn:hover svg polygon{fill:#e0640f}.u-header{width:100%;background:#FFFFFF}.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:before,.u-clearFix:after{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:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-animation:play 1s linear infinite;-moz-animation:play 1s linear infinite;animation:play 1s linear infinite}.u-pure-rotate{width:60px}.u-loading-rotate{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-animation:play 1s linear infinite;-moz-animation:play 1s linear infinite;animation:play 1s linear infinite}@-webkit-keyframes play{0%{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg)}}.rotateIn{animation:.3s linear rotateIn}.rotateOut{animation:.3s linear rotateOut}@-moz-keyframes play{0%{-moz-transform:rotateZ(0deg)}to{-moz-transform:rotateZ(360deg)}}@keyframes play{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateIn{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateOut{0%{transform:rotate(90deg)}to{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 .tooltip-inner,.tooltip.bs-tooltip-bottom .arrow{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 #00000059}.u-cursor-grab{cursor:-webkit-grab!important;cursor:-moz-grab!important;cursor:grab!important}.u-cursor-grabbing{cursor:-webkit-grabbing!important;cursor:-moz-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 #0000001a;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:rgba(255,255,255,.3);border-radius:4px;margin:60px auto 215px;padding:1px}.c-export .c-export-success .c-export-success-box .c-export-share-tip{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-success-recommend{position:absolute;left:0;right:0;background:white}.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:#ffffff;box-shadow:0 8px 16px #0000001a}.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:max-content;height:52px;background:#FF822C;border-radius:8px;font-size:17px;font-weight:500;color:#fff;line-height:52px;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-container{display:flex;justify-content:center}.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;min-height:310px;margin-right:1.5rem;padding:10px 18px;border:1px solid #d8dbe1;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{max-width:300px;margin-top:19px}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item h4{font-size:19px;color:#17191d;margin:30px 0 6px;font-weight:700}.c-export .c-export-success .c-export-success-recommend .c-export-success-flexclip .c-export-success-flexclip-feature .feature-item p{margin:0 0 23px;color:#4a4e57;line-height:24px;font-size:16px}.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}.c-export .c-export-complete-box{width:100%;padding:0 45px;margin:60px auto 172px}.c-export .c-export-complete-box .complete-box-content{padding:0 0 98px;max-width:1160px;min-width:1070px;margin:0 auto;display:flex;justify-content:space-between}.c-export .c-export-complete-box .left-text-box{width:530px;margin-left:30px}.c-export .c-export-complete-box .left-text-box .c-export-complete-back{width:fit-content;display:flex;align-items:center;height:18px;font-size:15px;font-weight:400;color:#ffffffbf;cursor:pointer;transition:color .3s}.c-export .c-export-complete-box .left-text-box .c-export-complete-back:hover{color:#fff}.c-export .c-export-complete-box .left-text-box .c-export-complete-back:hover .back-icon svg path{transition:all .3s;fill:#fff}.c-export .c-export-complete-box .left-text-box .c-export-complete-back .back-icon{width:16px;height:16px;margin-right:11px}.c-export .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-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-complete-box .left-text-box .c-export-complete-btnBox{margin:30px 0 0;display:flex}.c-export .c-export-complete-box .left-text-box .c-export-complete-btnBox .c-export-complete-btn-space{width:20px}.c-export .c-export-complete-box .left-text-box .c-export-complete-edit{display:flex;justify-content:center;align-items:center;width:203px;height:50px;background:#FFFFFF;border-radius:8px;font-size:17px;font-weight:500;color:#17191d;line-height:20px;cursor:pointer;transition:background-color .3s}.c-export .c-export-complete-box .left-text-box .c-export-complete-edit:hover{background:rgba(255,255,255,.74)}.c-export .c-export-complete-box .left-text-box .c-export-complete-edit .complete-edit-iconBox{margin-right:12px}.c-export .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 #FFFFFF;font-size:17px;font-weight:500;color:#fff;line-height:20px;cursor:pointer;transition:all .3s}.c-export .c-export-complete-box .left-text-box .c-export-complete-download:hover{background:#FFFFFF;border-radius:8px;border:1px solid #FFFFFF;color:#000}.c-export .c-export-complete-box .left-text-box .c-export-complete-download:hover svg path{transition:all .3s;fill:#000}.c-export .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-complete-box .video-preview-box{position:relative;width:374px;height:374px;display:flex;justify-content:center;margin-right:30px}.c-export .c-export-complete-box .video-preview-box .banner{position:absolute;top:0;left:0}.c-export .c-export-complete-box .video-preview-box video{width:100%;object-position:center;outline:-webkit-focus-ring-color auto 0px}.app{width:100%;display:flex;justify-content:center;align-items:center}#app *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0}button{border:none}.main-btn{background:#FF822C;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;color:#fff;outline:none}.main-btn:hover{background:#E0640F}.convert-btn{display:block;width:180px;height:42px}.download-btn{display:block;width:180px;height:42px;margin:38px auto}.get-start-btn{display:block;width:180px;height:42px;margin:20px auto 25px}.step-3-height{width:100%;min-height:500px}