body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App button{border-radius:4px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login{position:relative;width:100%;height:100vh;background-image:url(https://img.qupeiyin.cn/ugcdev/2020-07-21/accef8fec4e32a5832adbe26152917dd.jpg);background-size:100%}.login .login-container{width:520px;height:360px;border:1px solid #fff;border-radius:2px;background:hsla(0,0%,100%,.1);position:absolute;top:42%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login .login-container .avatar-box{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:36px}.login .login-container .avatar-box img{width:72px;height:72px;border-radius:3px;z-index:99}.login .login-container .input-box{display:flex;justify-content:center}.login .login-container .ant-input-affix-wrapper{width:360px;margin-bottom:24px}.login .login-container .login-btn{width:360px}.not-found{width:100%;height:100%;min-height:100vh;font-size:56px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#333}.ant-layout-sider-children{position:relative}.ant-layout-sider-children .fix-theme{width:100%;height:72px;display:flex;align-items:center;justify-content:space-around;position:absolute;bottom:0}.ant-layout-header{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;background:#fff}.ant-layout-header .userInfo{width:200px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around}.ant-layout-header .userInfo img{width:32px;height:32px;border-radius:50%;border:3px solid #fff}.flex{display:flex}.justfiy-content-betweent{justify-content:space-between}.align-item-center{align-items:center}.home-page{width:100%;height:100%;border-radius:5px;position:relative;overflow:hidden}.home-page .userInfo-top{width:100%;background:#fff;display:flex;height:100px;padding:14px 18px;box-sizing:border-box;justify-content:center}.home-page .userInfo-top .userInfo{width:200px;height:100%;text-align:center}.home-page .userInfo-top .userInfo .p1{font-size:22px;line-height:36px;color:#666;margin:0}.home-page .userInfo-top .userInfo .p1 span{font-size:16px}.home-page .userInfo-top .userInfo .p2{font-size:16px;line-height:36px;color:#999;margin:0}.home-page .userInfo-top .line{width:1px;height:100%;background:#999;margin:0 12px}.home-page .flex-container{margin-top:20px;width:100%;display:flex;position:relative}.home-page .flex-container .left-container{width:68%}.home-page .flex-container .left-container .add-wx-flex{width:100%;border-radius:5px;height:120px;background:#fff;display:flex;padding:0 20px;box-sizing:border-box}.home-page .flex-container .left-container .add-wx-flex .common-box{width:200px;height:100%;border-right:1px solid #999}.home-page .flex-container .left-container .add-wx-flex .common-box p{text-align:center;display:block;width:100%;margin:0;line-height:40px}.home-page .flex-container .left-container .add-wx-flex .common-box .p1{font-size:16px;color:#666}.home-page .flex-container .left-container .add-wx-flex .common-box .p2{font-size:16px;color:#333}.home-page .flex-container .left-container .add-wx-flex .common-box .p3{font-size:14px;color:#666}.home-page .flex-container .left-container .add-wx-flex .common-box .p3 span{font-size:20px}.home-page .flex-container .left-container .after-sale{width:100%;border-radius:5px;height:120px;background:#fff;display:flex;padding:0 20px;box-sizing:border-box}.home-page .flex-container .left-container .after-sale .common-box{width:200px;height:90px;border-right:1px solid #999}.home-page .flex-container .left-container .after-sale .common-box p{text-align:center;display:block;width:100%;margin:0;line-height:45px}.home-page .flex-container .left-container .after-sale .common-box .p1{font-size:16px;color:#999}.home-page .flex-container .left-container .after-sale .common-box .p2{font-size:24px}.home-page .flex-container .left-container .class-table{width:100%;margin-top:20px;border-radius:6px;overflow:hidden}.home-page .flex-container .left-container .class-table .title-container{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-sizing:border-box;background:#fff}.home-page .flex-container .right-container{width:30%;background:#fff;border-radius:6px}.home-page .flex-container .right-container .title-container{border-radius:6px;width:100%;height:60px;line-height:60px;padding:0 18px;box-sizing:border-box;background:#fff}.main-page{width:100%;padding:0 20px;background:#fff;height:100%;border-radius:5px;overflow:auto}.main-page .box{width:100%;height:20px}.main-page .header-search{width:100%}.ant-modal-body .common-input-style textarea.ant-input{width:240px;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-form-item-control-input{width:120px!important}.ant-form-horizontal .ant-form-item-control{width:auto!important}.user-details{width:100%;background:#fff;height:100%;border-radius:5px;display:flex;overflow:auto}.user-details .left-info{width:30%;height:100%;border-right:1px solid #e9e9e9}.user-details .left-info .avatar-box{width:100%;height:100px;margin:32px 0 30px;display:flex;align-items:center;justify-content:center}.user-details .left-info .avatar-box .avatar{width:80px;height:80px;position:relative}.user-details .left-info .avatar-box .avatar img{width:100%;height:100%;border-radius:50%}.user-details .left-info .avatar-box .avatar .vip-tag{width:32px;height:20px;position:absolute;bottom:0;right:0;background:#e70000;color:#fff;text-align:center;line-height:18px;border-radius:10px}.user-details .left-info .common-style{width:100%;height:42px;margin-bottom:12px;display:flex;align-items:center;color:#666}.user-details .left-info .common-style .introduce-title{width:100px;height:42px;line-height:42px;text-align:right;margin-right:12px;color:#333}.user-details .left-info .common-style input{width:180px}.user-details .left-info .flex-btn{width:100%;padding:0 24px;box-sizing:border-box;display:flex;justify-content:flex-end}.user-details .left-info .flex-btn button{margin-right:12px}.user-details .right-info{width:70%!important;padding:18px;box-sizing:border-box;height:100%}.user-details .right-info .flex-btn{width:100%;padding:0 24px;box-sizing:border-box;display:flex;justify-content:flex-end}.user-details .right-info .flex-btn button{margin-right:12px}.user-details .right-info .level-container{min-width:420px;padding:12px 16px;box-sizing:border-box;border-bottom:1px solid #e5e5e5}.user-details .right-info .level-container .level-list{width:100%;line-height:36px;display:flex;justify-content:space-between}.user-details .right-info .level-container .level-list .level-left,.user-details .right-info .level-container .level-list .level-right{width:50%;text-align:left}.user-details .right-info .level-container .level-list .information{width:100%}.ant-modal-body .common-input-style .introudce{width:160px!important;margin-right:24px}.ant-modal-body .common-input-style input{width:240px}.MyModal{width:640px!important}.exClass.main-page,.exClass.main-page .main-page{overflow-y:scroll}.exClass.main-page .flex{display:flex}.exClass.main-page .search-box{padding:30px 5px}.exClass.main-page .search-box .item{width:360px}.exClass.main-page .search-box .item label{white-space:nowrap;line-height:36px;margin-right:15px}.exClass.main-page .search-box .btn-search{margin-right:15px}.exClass.main-page .search-box .ant-input{width:150px}.exClass.main-page .avatar{width:80px;height:80px;background-color:#000}.ant-picker-range{width:240px!important}.ant-picker-input input,.ant-picker-range input{width:80px!important}.exDetail.main-page{overflow-y:scroll}.exDetail.main-page .search-box{padding:10px 5px 30px}.exDetail.main-page .search-box .item{min-width:280px}.exDetail.main-page .search-box .item label{white-space:nowrap;line-height:36px;margin-right:15px;min-width:70px}.exDetail.main-page .search-box .btn-search{margin-right:15px}.exDetail.main-page .search-box .ant-input{width:150px}.exDetail.main-page .bread{padding:20px 0}.ant-input-group.ant-input-group-compact{width:100%;display:flex!important}.data-page{width:100%;height:100%;overflow-y:auto;border-radius:3px;position:relative}.data-page .achieve-content{width:100%;display:flex}.data-page .achieve-content .common-achieve{width:23%;background:#fff;padding:12px;box-sizing:border-box;margin-bottom:28px;margin-right:2%}.data-page .achieve-content .common-achieve .achieve-title{font-size:16px;color:#999;display:flex;justify-content:space-between}.data-page .achieve-content .common-achieve .achieve-center{font-size:24px;color:#333;height:60px;border-bottom:1px solid #e5e5e5}.data-page .achieve-content .common-achieve .achieve-bottom{font-size:16px;line-height:30px;color:#666}.data-page .achieve-echart{width:100%;padding:16px;background-color:#fff;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:20px}.data-page .achieve-echart .left-echart{width:70%;overflow:auto}.data-page .achieve-echart .right-list{width:28%;overflow:auto}.data-page .achieve-echart .right-list .p-title{width:100%;text-align:left;line-height:42px;font-weight:600}.data-page .achieve-echart .right-list .rank-list{width:100%;padding:0 12px;box-sizing:border-box;display:flex}.data-page .achieve-echart .right-list .rank-list .rank-index{width:20px;height:20px;margin-right:20px;border-radius:50%;background:#666;color:#fff;text-align:center;line-height:20px}.data-page .achieve-echart .right-list .rank-list .rank-index.active{background:#e5e5e5;color:#333}.data-page .achieve-echart .right-list .rank-list .rank-name{width:160px;height:20px;line-height:20px}.data-page .table-content{width:100%;padding:16px;background-color:#fff;box-sizing:border-box}.overview.data-page{overflow-x:hidden}.overview.data-page p{padding:0!important;margin:0!important}.overview.data-page .middle .ant-card-body{padding:24px 24px 15px}.overview.data-page .middle .header{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.overview.data-page .middle .content{padding-top:10px}.overview.data-page .large{margin-bottom:20px}.overview.data-page .large .ant-card-body{padding:0!important}.overview.data-page .large .content{padding:24px}.overview.data-page .large .footer{border-top:1px solid #f0f0f0;padding:24px}.overview.data-page .large .detail{width:150px}.overview.data-page .opacity-0{opacity:0}.overview.data-page .font-size-36{font-size:36px}.overview.data-page .rank{-webkit-padding-start:0;padding-inline-start:0}.overview.data-page .rank .header{list-style:none;padding-bottom:10px}.overview.data-page .rank .item{list-style:none;padding:10px 0}.overview.data-page .ant-space-item{margin:0!important}.board.data-page{overflow-x:hidden}.board.data-page p{padding:0!important;margin:0!important}.board.data-page .middle .ant-card-body{padding:24px 24px 15px}.board.data-page .middle .header{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.board.data-page .middle .content{padding-top:10px}.board.data-page .content-box{background-color:#fff;margin-top:30px;padding:24px;box-sizing:border-box}.board.data-page .content-box .item{min-width:280px;padding:0 10px}.board.data-page .content-box .item label{white-space:nowrap;line-height:36px;margin-right:15px;min-width:70px}.board.data-page .ant-space-item{margin:0!important}.staff-page{width:100%;min-height:100%;position:relative;background:#fff;border-radius:5px;padding:16px;box-sizing:border-box;display:flex;overflow:auto}.staff-page .tree-container{width:36%}.staff-page .table-container{width:64%;padding:16px;box-sizing:border-box}.staff-page .table-container .bottom-container{width:100%;display:flex;justify-content:center;margin-bottom:24px}.staff-page .table-container .bottom-container button{margin-right:18px}.staff-page .ant-form-item-control-input{width:200px}.staff-page .tree--item{margin-right:10px;display:flex}.staff-page .tree--item .tree--label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70px;margin-right:10px}.role-page{width:100%;background:#fff;height:100%;overflow-y:auto;border-radius:5px}.role-page .btn-box{width:100%;height:60px;padding:12px;box-sizing:border-box;display:flex;justify-content:flex-end}.role-page .btn-box button{margin-left:24px}.role-page .flex-container{display:flex;width:100%;height:auto;overflow:auto}.role-page .flex-container .left-container{width:24%;padding:20px;box-sizing:border-box}.role-page .flex-container .left-container .list-box{width:100%;display:flex;justify-content:flex-end;align-items:center;height:42px;border-bottom:1px solid #e5e5e5;cursor:pointer}.role-page .flex-container .left-container .list-box .role-name{width:100px;text-align:center}.role-page .flex-container .left-container .list-box .seat-box{width:18px}.role-page .flex-container .left-container .list-box button{margin-right:12px}.role-page .flex-container .left-container .list-box.active{color:#00d9ff}.role-page .flex-container .left-container .add-box{width:100%;height:36px;display:flex;align-items:center;justify-content:center}.role-page .flex-container .left-container .add-box button{border:none}.role-page .flex-container .right-container{width:76%;padding:20px;box-sizing:border-box}.role-page .flex-container .right-container .flex-box{margin-bottom:16px}.role-page .flex-container .right-container .flex-box .sub-box{margin:16px 36px}.role-page .flex-container .right-container .flex-box .sub-box .function-box{margin:10px 24px}.teacher-page{width:100%;background:#fff;min-height:100%;border-radius:5px;overflow:auto}.teacher-page .btn-box{width:100%;height:60px;padding:12px;box-sizing:border-box;display:flex;justify-content:flex-end}.teacher-page .btn-box button{margin-left:24px}.teacher-page .flex-container{display:flex;width:100%;height:auto;overflow:auto}.teacher-page .flex-container .left-container{width:24%;padding:20px;box-sizing:border-box}.teacher-page .flex-container .right-container{width:76%;padding:20px;box-sizing:border-box}.teacher-page .tree--label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70px;margin-right:10px}.ant-modal-body .ant-form-item-control-input,.ant-modal-body .t-input,.t-input{width:200px!important}.ant-modal-body .common-input-style .introudce{width:100px;height:32px;line-height:32px;text-align:right}.ant-modal-body .common-input-style .introudce span{color:red}.ant-modal-body .common-input-style .introudce-name{width:100px;text-align:right;display:flex;align-items:center;justify-content:flex-end}.ant-modal-body .common-input-style .introudce-name span{color:red}.ant-modal-body .common-input-style .show-name{width:auto;line-height:32px}.ant-modal-body .common-input-style .introudce-upload{width:100px;height:102px;line-height:102px;text-align:right}.ant-modal-body .common-input-style .introudce-upload span{color:red}.ant-modal-body .common-input-style .introudce-upload .ant-upload-picture-card-wrapper{width:50%}.ant-modal-body .ant-form-item-control-input-content{width:100%;position:relative;overflow:hidden}.ant-modal-body .ant-form-item-control-input-content img{height:auto;width:100px}.avatar-uploader>.ant-upload{width:128px;height:128px}.menu-page{width:100%;height:100%;position:relative;background:#fff;border-radius:5px;padding:16px;box-sizing:border-box;display:flex;overflow:auto}.menu-page .tree-container{width:36%}.menu-page .table-container{width:64%;padding:16px;box-sizing:border-box}.menu-page .table-container .bottom-container{width:100%;display:flex;justify-content:space-between;margin-bottom:24px}.menu-page .table-container .bottom-container button{margin-right:18px}.ant-modal-body .common-input-style{margin-bottom:18px;display:flex;line-height:32px}.ant-modal-body .common-input-style .introudce-auth{width:100px;height:32px;line-height:32px;text-align:right;margin-right:16px}.ant-modal-body .common-input-style .introudce-auth span{color:red}.ant-modal-body .common-input-style input{width:200px}.tag-page{height:100%;border-radius:5px;padding:16px;box-sizing:border-box;overflow:auto}.tag-page,.tag-page .add-group{width:100%;position:relative;background:#fff}.tag-page .add-group{height:72px;margin-top:-20px}.tag-page .add-group .add-btn{float:right;right:0;top:12px;margin-left:12px}.tag-page .add-group .back-btn{float:left;left:0;top:12px;margin-left:12px}.tag-page .group-list{position:relative;width:100%;border-bottom:1px solid #e5e5e5}.tag-page .group-list p{font-size:24px;line-height:32px;margin:0}.ant-tag{margin-bottom:6px!important}.ant-modal-body .tag-container{width:100%;height:240px;overflow:auto;display:flex;flex-wrap:wrap}.ant-modal-body .tag-container .tag-del{margin-right:10px;margin-bottom:10px}.login-page{width:100%;height:100vh;position:relative;background-color:#2d3a4b;overflow:auto;background-size:100%}.login-page .login-info{width:300px;height:200px;padding:24px 0;box-sizing:border-box;background-color:hsla(0,0%,100%,.8);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px}.login-page .login-info .text-input{width:100%;padding:0 12px;box-sizing:border-box;display:flex;margin-top:12px;line-height:32px}.login-page .login-info .text-login{width:100%;margin-top:12px;display:flex;justify-content:center}.user-page .userInfo .img-style{width:100%;display:flex;align-items:center;height:64px}.user-page .userInfo .img-style .avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;position:relative}.user-page .userInfo .img-style .avatar img{width:42px;height:42px;display:block}.user-page .userInfo .text-info{width:100%;line-height:36px;padding:0 12px;box-sizing:border-box}.btn-container{width:100%;height:50px;position:relative;background:#f1f1f1}.btn-container button{margin-top:8px;margin-right:12px;float:right}.tab-container{width:100%;border-bottom:1px solid #f1f1f1}.tab-container .text-info{width:100%;line-height:32px;padding:0 12px;box-sizing:border-box}.ant-modal-body{position:relative;overflow:auto}.ant-modal-body .text-container{width:100%;display:flex}.ant-modal-body .text-container .introudce{width:160px!important;height:32px;line-height:32px;margin-bottom:12px}.ant-modal-body .text-container .introudce span{color:red}.ant-modal-body .text-container .ant-input{width:220px}.user-page{width:100%;height:100%;position:relative;background:#fff;overflow:auto}.user-page .teacher-list{width:100%;line-height:50px;padding:0 12px;box-sizing:border-box;border-bottom:1px solid #e5e5e5}.user-page .teacher-list .name{font-size:24px;margin-right:12px}
/*# sourceMappingURL=main.d430e8f3.chunk.css.map */