.screen-box[data-v-77e2db29]{overflow:hidden;background-size:100% 100%;background:#000;width:100vw;height:100vh}.screen-wrapper[data-v-77e2db29]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;position:relative;overflow:hidden;z-index:100;transform-origin:left top}.login-container .el-input[data-v-cef2bccc]{display:inline-block;height:60px;width:85%;font-size:16px}.login-container .el-input input[data-v-cef2bccc]{background:transparent;border:0;border-radius:0;height:60px}.login-container .el-form-item[data-v-cef2bccc]{border:1px solid hsla(0,0%,100%,.1);border-radius:5px;color:#454545}.login-container .el-icon-lock[data-v-cef2bccc],.login-container .el-icon-user-solid[data-v-cef2bccc]{font-size:20px}.login-container .login-form[data-v-cef2bccc]{position:relative;width:520px;max-width:100%;margin:0 auto;overflow:hidden}.login-container .tips[data-v-cef2bccc]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-cef2bccc]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-cef2bccc]{color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-cef2bccc]{position:relative}.login-container .title-container .title[data-v-cef2bccc]{font-size:26px;color:#eee;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-cef2bccc]{position:absolute;right:10px;top:7px;font-size:16px;color:red;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50px;height:50px}.el-message-box{width:100%}#index{color:#d3d6dd;overflow:hidden;min-width:100%;min-height:100%}#index.pageisScale{position:relative;width:100vw;height:100vh}#index .bg,#index .maintainbg{width:100%;height:100%;box-sizing:border-box;background-size:cover;background-position:50%}#index .host-body .title_wrap{background-color:rgba(22,40,58,.9254901961);background-size:cover;background-position:50%;width:100%;height:80px}#index .host-body .title{color:transparent;height:80px;display:flex;align-items:center;justify-content:space-between}#index .host-body .title .LogoTitle{display:flex;flex-direction:column;align-items:center}#index .host-body .title .logo{float:left;margin-top:5px;width:40px;height:40px}#index .host-body .title .title-text{display:flex;align-items:center;font-size:20px;font-weight:700;width:100%;text-overflow:ellipsis;white-space:nowrap;letter-spacing:3px;float:left;color:#fff}#index .host-body .title .el-menu.el-menu--horizontal{border-bottom:0 solid #e6e6e6}#index .host-body .title .el-menu-item{background-color:transparent!important;display:flex;flex-direction:column;align-items:center;font-size:15px;color:#fff!important}#index .host-body .title .el-menu-item.is-active{font-size:15px;color:#1296db!important}#index .host-body .title .user-info-content{display:flex;float:right;flex-direction:row;align-content:flex-end;justify-content:flex-end;align-items:stretch;flex-wrap:wrap}#index .host-body .title .user-info{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:stretch;flex-wrap:wrap}#index .host-body .title .user-info .user-name{display:flex;align-items:center;font-size:15px;margin-right:5px;float:right;color:#fff}#index .host-body .title .user-info .quitLoginBtn{margin-right:15px}#index .host-body .Xtitle_tab{background-size:cover;background-position:50%;height:85px;z-index:10;margin-left:100px;margin-right:100px}#index .host-body .Xtitle_tab .tabBtnContentDiv{display:flex;align-items:center}#index .host-body .Xtitle_tab .tabBtnContentDiv .tabBtnContent{display:flex;flex-direction:row;justify-content:center}#index .host-body .Xtitle_tab .tabBtnContentDiv .tabBtn{width:230px;border-radius:10px;margin-left:10px;height:48px;display:flex;align-items:center}#index .host-body .admin-host-body-main{display:flex;flex-direction:row}#index .host-body .admin-host-body-main .body-right{width:100%}#index .host-body .admin-host-body-main .imgicon{width:30px;height:30px;margin:5px}#index .host-body .teacher-host-body-main{display:flex;flex-direction:row}#index .host-body .teacher-host-body-main .teacher-body-left{width:100%}#index .host-body .teacher-host-body-main .teacher-body-right{width:20%;border:1px solid #1296db;border-radius:10px;margin-top:10px;margin-left:10px;margin-right:10px}.index_home .pagetab{position:absolute;top:-35px;display:flex}.index_home .pagetab .item{width:130px;height:36px;border-radius:18px 0 0 18px;color:#00fbf8;text-indent:26px;line-height:36px;font-size:16px;margin-right:20px;background:linear-gradient(90deg,rgba(76,245,255,.5),rgba(76,245,255,0))}.setting{position:fixed;width:100%;height:100%;z-index:999;top:0;left:0}.setting .left_shu{color:#000;font-weight:900;position:relative;text-indent:10px;padding:16px 0 10px 0}.setting .left_shu:before{display:block;content:" ";height:16px;width:4px;border-radius:2px;background:#0072ff;position:absolute;left:0}.setting .setting_dislog{background-color:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;z-index:0;right:0;top:0}.setting .setting_inner{box-sizing:border-box;background:#fff;width:340px;height:100%;position:absolute;right:0;top:0;z-index:1;color:#000;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.setting .setting_inner .setting_header{font-size:20px;color:#000;font-weight:900;text-align:center;line-height:40px}.setting .setting_inner .setting_body{padding:0 16px;box-sizing:border-box;position:relative}.setting .setting_inner .setting_item{font-size:14px;line-height:1.5}.setting .setting_inner .setting_item .setting_label{color:#555454}.setting .setting_inner .setting_item .setting_label_tip{font-size:12px;color:#838282}.setting .setting_inner{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s}.settingShow .setting_inner{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.yh-setting-fade-enter-active{-webkit-animation:yh-setting-fade-in .3s;animation:yh-setting-fade-in .3s}.yh-setting-fade-leave-active{-webkit-animation:yh-setting-fade-out .3s;animation:yh-setting-fade-out .3s}@-webkit-keyframes yh-setting-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yh-setting-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes yh-setting-fade-out{0%{opacity:1}to{opacity:0}}@keyframes yh-setting-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes rtl-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rtl-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@-webkit-keyframes rtl-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes rtl-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}