.ai-extract-portrait-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:calc(100% - 165px)}.ai-extract-portrait-container .portrait-upload-scene{padding:48px 56px}.ai-extract-portrait-container.loading .extract-loading-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ai-extract-portrait-container .upload-area .upload-item{position:relative;width:42%}.ai-extract-portrait-container .upload-area .upload-item .close-icon{position:absolute;top:-32px;right:20px;color:#fff;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;border-radius:24px;background:rgba(0,0,0,.7);cursor:pointer}.ai-extract-portrait-container .upload-area .upload-item .video-player-wrapper,.ai-extract-portrait-container .upload-area .upload-item .video-wrapper{width:100%!important}.ai-extract-portrait-container .background-setting-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 86px)}.ai-extract-portrait-container .background-setting-container h2{position:relative;height:55px;line-height:55px;font-size:16px;font-weight:500;padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(242,246,252,.3);color:#242933;border-bottom:1px solid rgba(175,185,204,.2)}.ai-extract-portrait-container .background-setting-container .left-wrapper{width:440px;height:calc(100% - 55px)}.ai-extract-portrait-container .background-setting-container .right-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 55px);margin-left:30px;padding:32px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.ai-extract-portrait-container .background-setting-container .right-wrapper .player-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ai-extract-portrait-container .background-setting-container .right-wrapper .player-row>div{position:relative}.ai-extract-portrait-container .background-setting-container .right-wrapper .generate-btn-wrapper{margin-top:40px;text-align:center}.ai-extract-portrait-container .background-setting-container .right-wrapper h3{position:relative;font-size:16px;font-weight:500;color:#242933;margin-bottom:16px}.ai-extract-portrait-container .background-setting-container .right-wrapper h3 .replace-text-wrapper{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ai-extract-portrait-container .background-setting-container .right-wrapper h3 .replace-text-wrapper .replace-text{font-size:14px;font-weight:400;color:#ff9b22;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ai-extract-portrait-container .background-setting-container .right-wrapper .video-name{display:block;text-align:center;margin-top:16px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;margin-right:auto}.ai-extract-portrait-container .background-setting-container .right-wrapper .player-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:560px;height:315px;background:rgba(175,185,204,.3)}.ai-extract-portrait-container .background-setting-container .right-wrapper .player-placeholder:before{content:"请在左侧选择背景视频";color:#a2abbd}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper{height:90%;padding:20px 24px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper .upload-btn-wrapper{display:inline-block;width:100%;height:100%;border-radius:4px;border:1px dashed #a2abbd}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper .upload-btn{width:100%;height:100%;background:none;border:none;outline:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper .upload-btn i{color:#aaa}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper .upload-btn span{color:#242933}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:184px;flex-basis:184px;height:101px;list-style:none;margin-bottom:30px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;-webkit-transition:all .3s;transition:all .3s}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul li .checked-btn{position:absolute;top:5px;right:10px;opacity:0;font-size:20px;color:#ff9b22}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul li.checked{border-color:#ff9b22}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul li.checked .checked-btn{opacity:1}.ai-extract-portrait-container .background-setting-container .bg-template-list-wrapper ul img{display:block;width:100%}.ai-extract-portrait-container .generate-result-container{overflow:hidden;height:calc(100vh - 166px)}.ai-extract-portrait-container .generate-result-container .video-player-wrapper{margin:56px auto 20px auto}.ai-extract-portrait-container .generate-result-container .success-btns-wrapper{margin-top:36px;text-align:center}.ai-extract-portrait-container .generate-result-container button{margin:0 15px}.ai-extract-portrait-container .error-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 166px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ai-extract-portrait-container .error-wrapper>span{font-size:14px;font-weight:400;color:#242933;margin-top:20px;margin-bottom:27px}.ai-extract-portrait-container .example-container{margin-top:24px;font-size:14px}.ai-extract-portrait-container .example-container p{margin-bottom:20px;color:#242933}.ai-extract-portrait-container .example-container i{color:#faad14;margin-right:3px}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:1850px){.ai-extract-portrait-container .background-setting-container .left-wrapper{width:240px}}