@keyframes overFlowHidden{to{overflow:hidden}}@keyframes overFlowVisible{to{overflow:visible}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clickable{cursor:pointer;user-select:none}.steps-wrapper.dark .steps__back-btn{color:#333;position:fixed}.steps-wrapper.dark .page-step__steps{position:fixed}.steps-wrapper.dark .page-step__steps .step-group__progress{color:#666}.steps-wrapper.dark .page-step__steps .step-item-wrapper{background:#d7dbed}.steps-wrapper.dark .page-step__steps .step-item-wrapper.step-item--active{background:#666}.autogen-list-wrapper{text-align:center;margin-top:80px;padding:0 32px;position:relative;height:100%;box-sizing:border-box;overflow:scroll}.autogen-list-wrapper .toptitle{position:fixed;width:100%;z-index:2;background:#fff;top:0;left:0;right:0;height:164px;text-align:center;align-items:center;display:flex;justify-content:center;flex-direction:column}.autogen-list-wrapper .toptitle .select_tip{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;margin:0 120px;color:#333;padding:9px 0}.autogen-list-wrapper .toptitle .select_tip .blue{color:#3955f6}.autogen-list-wrapper .shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.autogen-list-wrapper .toptip{display:flex;align-items:center;flex-direction:column;margin-top:180px}.autogen-list-wrapper .toptip .title{font-size:20px;color:#333;line-height:28px;text-align:center;display:flex;align-items:center;margin:0}.autogen-list-wrapper .toptip .title i{font-size:34px;margin-right:8px}.autogen-list-wrapper .toptip .error{color:#ff5454}.autogen-list-wrapper .toptip .result_text{margin:20px 0 0 0;font-size:16px;font-weight:500;line-height:22px;color:#999}.autogen-list-wrapper .button-group{margin-top:34px}.autogen-list-wrapper .button-group .tetris-button{min-width:130px;height:38px}.autogen-list-wrapper .autogen-loading{background:#fff url(../img/autogen_loading.966690f8.gif) no-repeat 50%;position:absolute;width:100%;height:600px;z-index:100}.autogen-list-wrapper .autogen-loading p{font-weight:400;position:absolute;top:50%;color:#333;line-height:22px;margin-top:106px;width:100%;text-align:center}.autogen-list-wrapper .title{font-size:26px;color:#333;margin:0;font-family:PingFangSC-Medium,PingFang SC;font-weight:500}.autogen-list-wrapper .subtitle{font-size:14px;color:#999;margin:8px 0}.autogen-list-wrapper .page-list{display:flex;flex-direction:row;flex-wrap:wrap;overflow:scroll;margin-top:84px;justify-content:space-between;padding:0 65px}.autogen-list-wrapper .page-list .empty{width:218px;display:flex;margin:0 12px 24px 12px;border:1px solid #fff;height:0}.autogen-list-wrapper .page-list .page-item{width:218px;height:396px;overflow:hidden;margin:0 12px 24px 12px;box-shadow:0 2px 5px 0 rgba(0,0,0,.06);position:relative;border-radius:4px;border:1px solid #fff}.autogen-list-wrapper .page-list .page-item iframe{border:0;width:375px;transform:scale(.58);transform-origin:left top;height:800px;pointer-events:none}.autogen-list-wrapper .page-list .page-item.selected{border:1px solid #4e90ff}.autogen-list-wrapper .page-list .page-item .checkbox{position:absolute;right:12px;top:12px;margin:0;background:#fff;font-size:21px;z-index:1;color:#dadfe3;border-radius:2px;width:20px;height:20px;cursor:pointer}.autogen-list-wrapper .page-list .page-item .checkbox.checked{color:#4090ff}.autogen-list-wrapper .page-list .page-item .preview{position:absolute;height:48px;width:100%;color:#fff;background:rgba(0,0,0,.5);bottom:0;text-align:center;display:none;justify-content:center;align-items:center;font-size:14px;cursor:pointer;z-index:1}.autogen-list-wrapper .page-list .page-item .preview i{margin-right:8px}.autogen-list-wrapper .page-list .page-item:hover .preview{display:flex}.autogen-list-wrapper .loadmore{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;padding:10px 20px;background:#f8f9fa;color:#999;margin:0 77px 120px 77px;cursor:pointer}.autogen-list-wrapper .loadmore .icon{width:30px;color:inherit}.autogen-list-wrapper .loadmore:hover{color:#3955f6}.autogen-list-wrapper .loadmore .tetris-loading{font-size:16px}.column-footer{border-top:1px solid #dadfe3;z-index:10}.column-footer .save-button{border-radius:19px;display:inline-flex;align-items:center;padding:0;width:120px;height:38px;justify-content:center;color:#fff;background:#4e90ff;border-color:#409eff}.column-footer .checkbox-wrapper{margin-right:22px;align-items:center;line-height:20px}.column-footer .checkbox-wrapper .el-checkbox{margin-right:8px}.step-bg{background:url(../img/step-bottom.0a671455.png) no-repeat 100% 100%/cover;position:fixed;bottom:0;width:100%;height:180px;z-index:-1}.saveresult-list-wrapper{text-align:center;margin-top:234px;padding:0 32px;justify-content:center}.saveresult-list-wrapper,.saveresult-list-wrapper .toptip{display:flex;align-items:center;flex-direction:column}.saveresult-list-wrapper .toptip .title{font-size:20px;color:#333;line-height:28px;text-align:center;display:flex;align-items:center;margin:0}.saveresult-list-wrapper .toptip .title i{font-size:34px;margin-right:8px}.saveresult-list-wrapper .toptip .warning{color:#faad15}.saveresult-list-wrapper .toptip .success{color:#50c518}.saveresult-list-wrapper .toptip .error{color:#ff5454}.saveresult-list-wrapper .toptip .question{color:#ecedf0}.saveresult-list-wrapper .toptip .result_text{margin:32px 0 48px 0;font-size:16px;font-weight:500;line-height:22px;color:#999}.saveresult-list-wrapper .button-group{display:flex;width:280px;align-items:center;flex-direction:row;justify-content:space-around}.saveresult-list-wrapper .button-group .tetris-button{min-width:130px;height:38px}.public-wrapper{padding:80px 0 0 0!important;overflow:scroll}.public-wrapper .form-item .is-disabled{opacity:.5}.public-wrapper .form-item .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color:#f0f9ff!important;border:1px solid #2f88ff}.public-wrapper .form-item.public-list-wrapper{display:flex;align-items:flex-start}.public-wrapper .retry-tip{margin:10px 0 16px 0;font-size:14px;color:#666}.public-wrapper .retry-tip .retry{color:#4e90ff;margin-left:16px}.public-wrapper .public-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.public-wrapper .public-list .empty{width:138px;display:flex;margin:0 25px 25px 0;border:1px solid #fff;height:0}.public-wrapper .public-list .page-item{width:175px;height:310px;overflow:hidden;margin:0 25px 25px 0;position:relative;border-radius:4px;border:1px solid #fff}.public-wrapper .public-list .page-item .loading{height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;background:url(/tetris-portal/img/loading_bg.87409d17.png) no-repeat 100% 100%/cover;position:absolute;z-index:10;left:-1px;right:-1px}.public-wrapper .public-list .page-item .loading p{color:#999;font-size:12px;text-align:center}.public-wrapper .public-list .page-item .loading .tetris-loading{width:20px;height:20px}.public-wrapper .public-list .page-item iframe{border:0;width:375px;transform:scale(.4666666);transform-origin:left top;height:800px;pointer-events:none}