.topbar-logo{height:52px;line-height:52px;font-size:20px;color:#fff}.topbar-logo span{font-size:22px}.topbar-logo span img{vertical-align:top;height:50px;padding:1px 0}.avatar{cursor:default;border-radius:50%;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:0;overflow:hidden}.avatar img{max-height:100%;max-width:100%}.avatar img,.avatar span{margin:0!important}.avatar-blue{background:#348fe4;color:#fff}.avatar-white{background:#fff;color:#348fe4}.avatar-34{width:34px;height:34px}.avatar-20{width:20px;height:20px}.avatar-40{width:40px;height:40px}.topbar-dropdown-menus{color:#1a1a1a;background-color:#fff;border:1px solid rgba(27,31,35,.15);border-radius:4px;-webkit-box-shadow:0 3px 12px rgba(27,31,35,.15);box-shadow:0 3px 12px rgba(27,31,35,.15);background-clip:padding-box;padding:5px 0;cursor:default}.topbar-dropdown-menus .item{height:28px;line-height:28px;font-size:13px;overflow:hidden;padding:0 10px 0 15px;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar-dropdown-menus .item span{margin-left:5px}.topbar-dropdown-menus .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar-dropdown-menus .info .name{margin-top:10px;font-size:14px}.topbar-dropdown-menus .info .name+.name{margin-top:5px;color:silver}.topbar-dropdown-menus .icon{width:20px;margin:0!important;text-align:center;color:#909399}.topbar-dropdown-menus .item:hover{color:#fff;background:#348fe4;cursor:pointer}.topbar-dropdown-menus .item:hover .icon{color:#fff}.topbar-dropdown-menus .divider{background-color:#e1e4e8;height:1px}.topbar-dropdown-menus .enterprise-change{padding:15px 15px 15px 10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.topbar-dropdown-menus .enterprise-change span{margin-left:5px}.topbar-dropdown-menus .enterprise-change:hover .enterprise-change-ul{display:block}.topbar-dropdown-menus .enterprise-change-ul{display:none;position:absolute;right:100%;top:-1px;background:#fff;border:1px solid #dcdfe6;min-width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.topbar-dropdown-menus .enterprise-li{padding:10px 15px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e1e4e8;position:relative;padding-right:50px}.topbar-dropdown-menus .enterprise-li.actived{color:#348fe4}.topbar-dropdown-menus .enterprise-li:last-of-type{border:none}.topbar-dropdown-menus .enterprise-li .avatar{margin-right:5px}.topbar-dropdown-menus .logout{cursor:pointer;padding:15px;text-align:center;color:red}.topbar-dropdown-menus .enterprise-li-icon:last-of-type{position:absolute;right:15px}.topbar-dropdown-menus .enterprise-li-icon i{font-size:20px}.topbar-avatar{height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar-avatar .avatar-img{width:34px;height:34px;border-radius:17px}.topbar-avatar .avatar-more{margin-left:3px;font-size:12px}.layout-topbar{cursor:default;height:52px;min-height:52px;background:#348fe4;color:#fff;padding:0 10px;z-index:1988}.layout-topbar,.layout-topbar .left,.layout-topbar .middle,.layout-topbar .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-topbar .right{width:400px}.layout-topbar .middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-topbar .middle,.layout-topbar .right-slot{width:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.topbar-popover{padding:0!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;min-width:200px!important;right:30px}.topbar__system-nav{margin-left:25px;cursor:pointer}.topbar__system-nav .el-dropdown-link{color:#fff;letter-spacing:.1rem}.questionnaire__preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:2020}.questionnaire__preview .preview-head{height:65px;width:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2021}.questionnaire__preview .preview-head .preview-head-tab{width:80px;height:65px;background-color:#fff;border-right:1px solid #e6ebf5;cursor:pointer}.questionnaire__preview .preview-head .preview-head-tab img.mobile{width:16px;height:24px;margin-left:33px;margin-top:12px}.questionnaire__preview .preview-head .preview-head-tab img.pc{width:24px;height:21px;margin-left:30px;margin-top:12px}.questionnaire__preview .preview-head .preview-head-tab img.close{width:22px;height:22px;margin-left:30px;margin-top:12px}.questionnaire__preview .preview-head .preview-head-tab p{font-family:PingFangSC-Medium;font-size:12px;color:#9499b0;line-height:12px;text-align:center;margin-top:8px}.questionnaire__preview .preview-head .preview-head-tab p.big-margin{margin-top:9px}.questionnaire__preview .preview-head .tab-active{background-color:#348fe4}.questionnaire__preview .preview-head .tab-active p{color:#fff}.questionnaire__preview .fn-hide{display:none}.questionnaire__preview .preview-body{position:absolute;top:80px;right:0;left:0;bottom:0}.questionnaire__preview .preview-body .answer-tips{font-size:12px;color:#9499b0;line-height:12px;text-align:center}.questionnaire__preview .preview-body iframe{border:none;width:100%;height:100%}.questionnaire__preview .preview-body .preview-page-mobile{width:391px;height:768px;position:absolute;left:50%;top:26px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:1;text-align:center}.questionnaire__preview .preview-body .preview-page-mobile .mobile_preview_header{display:block;position:absolute;top:0;left:0;height:40px;width:387px;background:#eeeff2;text-align:center;line-height:40px;border-top-right-radius:50px;border-top-left-radius:50px}.questionnaire__preview .preview-body .preview-page-mobile .mobile_preview_header .mobile_preview_header_icon{display:inline-block;width:65px;height:10px;background:#c8c9cc;border-radius:9px;vertical-align:middle;margin-top:18px}.questionnaire__preview .preview-body .preview-page-mobile .mobile_preview_frame{width:375px;min-height:294px;height:667px;max-height:calc(100vh - 166px);top:40px;left:0;border:6px solid #eeeff2;position:relative;background-color:#fff;display:block}.questionnaire__preview .preview-body .preview-page-mobile .mobile_preview_footer{display:block;position:absolute;bottom:0;left:0;height:52px;width:387px;background:#eeeff2;text-align:center;line-height:45px;border-bottom-right-radius:50px;border-bottom-left-radius:50px}.questionnaire__preview .preview-body .preview-page-mobile .mobile_preview_footer .mobile_preview_footer_icon{display:inline-block;width:43px;height:43px;background:#c8c9cc;border-radius:50%;vertical-align:middle}.questionnaire__preview .preview-body .preview-page-pc{background-color:#fff;position:absolute;left:0;top:-15px;right:0;bottom:0}.questionnaire-manage-layout{margin:0;padding:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.questionnaire-manage-layout .layout-page-container{height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}