.control-wrapper{display:flex;align-items:center;justify-content:center}.control-wrapper .play-wrapper .anticon{cursor:pointer}.control-wrapper .progress-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin:0 6px}.control-wrapper .progress-wrapper .progress-bar{flex:1;height:6px;border-radius:3px;background:#f8f8f8;overflow:hidden;cursor:pointer}.control-wrapper .progress-wrapper .progress-bar .progress{width:100%;height:100%;background:rgba(0,0,0,.6);cursor:pointer}.control-wrapper .progress-wrapper .time-text{width:60px;font-size:14px;text-align:center}.control-wrapper .ant-progress-steps-outer{cursor:pointer}.control-wrapper .ant-progress{margin:0}.control-wrapper .voice{display:flex;align-items:center;justify-content:center;width:20px}.home{height:100%;overflow:auto}.home .setting-container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 0;position:fixed;left:0;top:0;right:0;z-index:10}.home .setting-container .bottom,.home .setting-container .top{display:flex;align-items:center;justify-content:center;margin-top:16px}.home h2{text-align:center}.home .ant-select{height:32px}.home .upload-video-wrapper{position:relative;width:320px;height:100px;margin:0 16px 0 32px}.home .upload-video-wrapper .ant-upload-wrapper .ant-upload-drag .ant-upload-btn{display:flex;align-items:center;justify-content:center}.home .upload-video-wrapper .preview-video{position:absolute;left:0;top:0;bottom:0;right:0;background:#fafafa}.home .upload-video-wrapper .preview-video .preview{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.home .upload-video-wrapper .preview-video .delete-wrapper{position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.home .mode-wrapper{display:flex;align-items:center;justify-content:center}.home .mode-wrapper .text{margin-right:6px}.home .simulator-container{width:100%;padding-top:228px}.home .simulator-container .bottom-area{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.home .simulator-container .bottom-area .mask-area{position:absolute;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);right:0;color:#fff;font-size:12px}.home .simulator-wrapper{display:flex;align-items:center;width:100%}.home .simulator-wrapper .bg_src{position:absolute;left:0;top:0;z-index:2}.home .simulator-wrapper .video-wrapper{overflow:hidden;position:relative;flex:1}.home .simulator-wrapper .video-wrapper.full{overflow:auto}.home .simulator-wrapper .video-cover{flex:1;position:relative}.home .simulator-wrapper .video-cover:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:2px solid #3b3bda}.home .simulator-wrapper .video{width:100%;height:100%}.home .simulator-wrapper .video.full{position:absolute;left:0;top:0}.home .simulator-wrapper .simulator{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:left top}.home .simulator-wrapper .simulator div[class*=iphone]{border-radius:11%/4.7%}.home .simulator-wrapper .radio{margin-top:16px;text-align:center}.home .dragger-wrapper{position:absolute;z-index:10!important;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home .dragger-wrapper .handle{background-color:blue;cursor:pointer;border:none;display:block!important}@media (max-width:1600px){.home h2{font-size:18px}.home .mode-wrapper{margin-right:8px!important}.home .mode-wrapper span{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}#app,body,html{overflow:hidden;height:100%}#app{width:100%;display:flex;flex-direction:column}img{display:block}