html{font-size:14px;font-family:sans-serif}body{margin:0;color:#5B6273}.web-app-container .navigation-side-bar{width:200px;height:100vh;background-color:#479CFA;position:fixed;top:0;left:0;z-index:10;display:flex;flex-direction:column}.web-app-container .navigation-side-bar .school-name-section{padding:1.5rem 1rem}.web-app-container .navigation-side-bar .school-name-section .name{display:inline-block;color:white;font-size:1.2rem;vertical-align:top;padding-left:0.5rem;text-align:center;width:86%}.web-app-container .navigation-side-bar .menu-box{overflow-y:auto}.web-app-container .navigation-side-bar .seperator{height:0.3rem;border-bottom:1px solid #DDDDDD;margin-bottom:0.3rem}.web-app-container .navigation-side-bar .menu-title{display:block;padding:1.3rem 0 10px 28px;text-align:left;font-size:0.8rem;color:#C6E2FF;font-weight:400}.web-app-container .navigation-side-bar .menu{display:block;padding:0.5rem 0 0.5rem 30px;color:#fff;font-size:1rem}.web-app-container .navigation-side-bar .menu.active{color:#FFE97A;background-color:#4596F0}.web-app-container .navigation-side-bar .menu .icon-down{float:right;margin-top:5px}.web-app-container .navigation-side-bar .menu::before{content:'|';margin-right:5px}.web-app-container .navigation-side-bar .account-menu{position:sticky;margin-top:auto;background-color:#4596F0;width:100%;padding:1rem;cursor:pointer}.web-app-container .navigation-side-bar .account-menu .user-name{text-align:center;color:white;font-size:1rem}.web-app-container .navigation-side-bar .account-menu .sub-menu{padding:0;position:absolute;bottom:150%;background-color:rgba(0,0,0,0.3);width:60%;left:20%}.web-app-container .navigation-side-bar .account-menu .sub-menu:after{content:' ';border:8px solid transparent;border-top:6px solid rgba(0,0,0,0.3);position:absolute;top:100%;left:50%;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.web-app-container .navigation-side-bar .account-menu .sub-menu.hidden{display:none}.web-app-container .navigation-side-bar .account-menu .sub-menu .item{color:white;padding:0.5rem 1rem;text-align:center;font-size:1rem}.web-app-container .main-content{margin-left:200px;padding:20px 20px 0px 20px;min-width:1000px;background-color:#FAFCFF;min-height:100vh}.web-app-container .main-content .comments-page .search-container{width:200px;position:relative;float:right}.web-app-container .main-content .comments-page .search-container .search-input{width:200px;height:40px;position:absolute;border-radius:25px;z-index:1}.web-app-container .main-content .comments-page .search-container .search-icon{position:absolute;right:4px;top:4px;background:#4DA1FF;width:32px;height:32px;border-radius:20px;padding:7px;z-index:2;cursor:pointer}.web-app-container .main-content .comments-page .comments-list{padding-top:65px}.web-app-container .main-content .comments-page .comments-list .comment-detail{display:flex;justify-content:space-between;background-color:#FFFFFF;border:1px solid #DCE6F1;border-radius:5px;height:65px;align-items:center;margin-bottom:30px}.web-app-container .main-content .comments-page .comments-list .comment-detail .comment-tag{padding:5px 10px;background:#4DA1FF;border-radius:3px;color:#fff;margin:0 20px;cursor:pointer}.web-app-container .main-content .comments-page .comments-list .comment-detail .comment-tag.need-comment{background-color:#ECECEC;color:#5B6273}.web-app-container .main-content .comments-page .comments-list .comment-detail .need-comment-tag{margin:0 20px;color:#4DA1FF;cursor:pointer}.web-app-container .main-content .comments-page .pagination-container{float:right;margin-bottom:20px}.web-app-container .main-content .make-comments-page .container-header{font-size:16px}.web-app-container .main-content .make-comments-page .container-header .header-left{color:#5B6273;display:inline-block}.web-app-container .main-content .make-comments-page .container-header .header-right{color:#4DA1FF;float:right;cursor:pointer}.web-app-container .main-content .make-comments-page .video-container{display:flex}.web-app-container .main-content .make-comments-page .video-container .video-thumb-container{background-color:#736F6F;width:215px;height:720px;overflow:auto}.web-app-container .main-content .make-comments-page .video-container .video-thumb-container .video-thumb-detail{width:200px;height:180px;color:#fff;position:relative}.web-app-container .main-content .make-comments-page .video-container .video-thumb-container .video-thumb-detail .play-label{width:100%;line-height:150px;text-align:center;font-size:14px;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,0.57);border:4px solid #4A9FFF;border-radius:1px}.web-app-container .main-content .make-comments-page .video-container .video-thumb-container .video-thumb-detail .video-thumb{width:200px;height:150px;object-fit:cover;cursor:pointer}.web-app-container .main-content .make-comments-page .video-container .video-thumb-container .video-thumb-detail .video-time{text-align:right;margin:2px 5px 0 0}.web-app-container .main-content .make-comments-page .video-container .video-play-container .video-context{width:calc(100vw - 470px);height:720px;background:#D8D8D8}.web-app-container .main-content .make-comments-page .video-container .video-play-container .comment-input{margin-top:10px;background:#FFFFFF;border:1px solid #DCE6F1;border-radius:4px;height:80px;font-size:14px}.web-app-container .main-content .make-comments-page .video-container .video-play-container .comment-input.ant-input-disabled{color:rgba(0,0,0,0.6)}.web-app-container .main-content .make-comments-page .video-container .video-play-container .submit-btn{margin-top:10px}.web-app-container .main-content .student-comments-list-page .container-header{font-size:20px;color:#5B6273;margin-bottom:20px}.web-app-container .main-content .student-comments-list-page .files-container{background:#FFFFFF;border:1px solid #DCE6F1;border-radius:4px;margin-bottom:10px;padding:20px;font-size:14px}.web-app-container .main-content .student-comments-list-page .files-container .lesson-title{font-weight:bold;margin-bottom:10px}.web-app-container .main-content .student-comments-list-page .files-container .video-thumb-container{display:flex;flex-wrap:wrap}.web-app-container .main-content .student-comments-list-page .files-container .video-thumb-container .video-thumb-detail{width:200px;height:180px;position:relative;margin:10px}.web-app-container .main-content .student-comments-list-page .files-container .video-thumb-container .video-thumb-detail .play-label{width:100%;line-height:150px;text-align:center;font-size:14px;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,0.57);border:4px solid #4A9FFF;border-radius:1px}.web-app-container .main-content .student-comments-list-page .files-container .video-thumb-container .video-thumb-detail .video-thumb{width:200px;height:150px;object-fit:cover;cursor:pointer}.web-app-container .main-content .student-comments-list-page .files-container .video-thumb-container .video-thumb-detail .video-time{text-align:right}.web-app-container .main-content .student-comments-list-page .files-container .text{white-space:pre-wrap}.web-app-container .main-content .reports-page .search-container{margin:0 auto;width:300px;float:none}.web-app-container .main-content .reports-page .search-container .search-input{width:300px}.web-app-container .main-content .reports-page .comment-detail{cursor:pointer}.web-app-container .main-content .student-report-page .page-header{font-size:18px;display:flex;margin-bottom:10px}.web-app-container .main-content .student-report-page .page-header .header-label{margin-right:30px}.web-app-container .main-content .student-report-page .question-container{padding:20px;margin:10px 0;border:1px solid #DCE6F1;border-radius:5px;background-color:#fff}.web-app-container .main-content .student-report-page .question-container .question-header{font-size:16px;display:flex}.web-app-container .main-content .student-report-page .question-container .question-header .question-tag{color:#fff;padding:3px 15px;font-size:12px;border-radius:15px;margin-left:20px}.web-app-container .main-content .student-report-page .question-container .question-header .question-tag.low{background-color:#FF5D4F}.web-app-container .main-content .student-report-page .question-container .question-header .question-tag.normal{background-color:#8BE448}.web-app-container .main-content .student-report-page .question-container .question-header .question-tag.high{background-color:#72A1FF}.web-app-container .main-content .student-report-page .question-container .question-header .question-tag.none{background-color:#9B9B9B}.web-app-container .main-content .student-report-page .question-container .process-container{height:15px;display:flex;margin:15px 10px;position:relative}.web-app-container .main-content .student-report-page .question-container .process-container .item1{background:#FF5D4F;height:15px;border-radius:10px 0 0 10px}.web-app-container .main-content .student-report-page .question-container .process-container .item2{background:#8BE448;height:15px}.web-app-container .main-content .student-report-page .question-container .process-container .item3{background:#72A1FF;height:15px;border-radius:0 10px 10px 0}.web-app-container .main-content .student-report-page .question-container .process-container .level-icon{width:50px;height:50px;position:absolute;background:url("/assets/level_icon-ac6d07b67f9e2131f8fd6f7b4b8f7b927c82ee9d705dd2df7e71e89497ab8533.png") no-repeat;background-size:50px;left:-25px;top:-17.5px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;cursor:pointer;padding:5px 10px;position:relative}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail:hover{background-color:#F3F4F5}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .start-container{display:flex}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .start-container .star{width:25px;height:25px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .start-container .star.defalut{background:url("/assets/defalut_star-d4182e080eb53c7e53e9c3b02d7471f06dd8ecbb13b67bec14feb863b385f735.png") no-repeat;background-size:25px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .start-container .star.ghost{background:url("/assets/ghost_star-0ceced8c8823ec425fa20a8ea01583300221a8cd85ca7a2cd6df41c01aa3207c.png") no-repeat;background-size:25px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .start-container .star.half{background:url("/assets/half_star-cc4a96af4d73e836a1e0e90cdb10ad49fc32aaf3611748d14a385fdc52d31447.png") no-repeat;background-size:25px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .count{margin:0 20px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-detail .next-arrow{position:absolute;right:10px;top:10px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer{display:flex;flex-wrap:wrap}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer .answer-container{margin:10px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer .answer-container .answer-img{width:150px;object-fit:contain;cursor:pointer}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer .answer-container .answer-label{font-size:13px}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer .answer-container .answer-label.correct{color:#50D100}.web-app-container .main-content .student-report-page .question-container .knowledge-container .knowledge-answer .answer-container .answer-label.incorrect{color:#D10000}.web-app-container .main-content .point-detail-page .question-detail{margin-bottom:10px;font-size:14px}.web-app-container .main-content .point-detail-page .question-detail .question-title{font-size:16px}.web-app-container .main-content .point-detail-page .question-detail .choice-item{font-size:14px;display:block;padding:5px}.web-app-container .main-content .point-detail-page .question-detail .choice-item .ant-checkbox-disabled+span{color:#666}.web-app-container .main-content .point-detail-page .question-detail .choice-item .ant-radio-disabled+span{color:#666}.web-app-container .main-content .point-detail-page .question-detail .img-container{display:flex;flex-wrap:wrap}.web-app-container .main-content .point-detail-page .question-detail .img-container .photo{padding:10px;width:150px;object-fit:contain;cursor:pointer}.web-app-container .main-content .point-detail-page .photos-container .photo{padding:10px;width:300px;object-fit:contain;cursor:pointer}.web-app-container .main-content .test-reports-page .header-item{padding:5px}.web-app-container .main-content .test-reports-page .header-item .ant-btn-primary[disabled]{color:rgba(0,0,0,0.25) !important;background-color:#f7f7f7 !important;border-color:#d9d9d9 !important}.web-app-container .main-content .test-reports-page .page-content{display:flex}.web-app-container .main-content .test-reports-page .page-left{flex:1}.web-app-container .main-content .test-reports-page .page-right{width:120px;margin:10px;background-color:#fff;box-shadow:0px 2px 4px #efefef}.web-app-container .main-content .test-reports-page .page-right .title{font-size:16px;padding:5px 10px}.web-app-container .main-content .test-reports-page .page-right .student-item{display:flex;padding:5px 10px;font-size:14px;align-items:center;cursor:pointer}.web-app-container .main-content .test-reports-page .page-right .student-item.selected{background-color:#E8EEFA}.web-app-container .main-content .test-reports-page .page-right .student-item .tag{width:10px;height:10px;border-radius:10px;display:block;margin-right:5px}.web-app-container .main-content .test-reports-page .page-right .student-item .tag.good{background-color:#72A1FF}.web-app-container .main-content .test-reports-page .page-right .student-item .tag.ordinary{background-color:#8BE448}.web-app-container .main-content .test-reports-page .page-right .student-item .tag.bad{background-color:#FF5D4F}.web-app-container .main-content .test-reports-page .page-header{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;padding:5px;box-shadow:0px 2px 4px #efefef;align-items:center}.web-app-container .main-content .test-reports-page .page-process{box-shadow:0px 2px 4px #efefef;margin:15px 0;padding:10px;background-color:#fff}.web-app-container .main-content .test-reports-page .page-process .process-label{padding:5px 0}.web-app-container .main-content .test-reports-page .page-process .process-label .process-text{margin-left:20px}.web-app-container .main-content .test-reports-page .process-container{display:flex;position:relative}.web-app-container .main-content .test-reports-page .process-container .item-box{text-align:center}.web-app-container .main-content .test-reports-page .process-container .item-box>div{white-space:nowrap}.web-app-container .main-content .test-reports-page .process-container .label1{font-size:16px;color:#FF5D4F}.web-app-container .main-content .test-reports-page .process-container .label2{font-size:16px;color:#8BE448}.web-app-container .main-content .test-reports-page .process-container .label3{font-size:16px;color:#72A1FF}.web-app-container .main-content .test-reports-page .process-container .item1{background:#FF5D4F;height:15px}.web-app-container .main-content .test-reports-page .process-container .item2{background:#8BE448;height:15px}.web-app-container .main-content .test-reports-page .process-container .item3{background:#72A1FF;height:15px}.web-app-container .main-content .test-reports-page .process-container .level-icon{width:50px;height:50px;position:absolute;background:url("/assets/level_icon-ac6d07b67f9e2131f8fd6f7b4b8f7b927c82ee9d705dd2df7e71e89497ab8533.png") no-repeat;background-size:50px;left:-25px;top:-17.5px}.web-app-container .main-content .student-test-reports-page .page-title{font-size:18px;margin:0 20px}.web-app-container .main-content .student-test-reports-page .page-header{display:flex;background-color:#fff;justify-content:space-around;border:1px solid #e9e9e9;margin:20px;font-size:14px}.web-app-container .main-content .student-test-reports-page .page-header .header-item{padding:5px}.web-app-container .main-content .student-test-reports-page .categories-details-section{margin:0 1rem}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards{width:48%;margin:0 1%;display:inline-block}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards.right{float:right}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .questions-card{border:none}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .ant-card-head{background:#FAFCFF;border:none;padding:5px}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .ant-card-body{padding:10px;border:1px solid #e9e9e9}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item{display:flex;margin:15px 0;cursor:pointer}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item .tag{width:80px;text-align:center;margin-right:20px}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item .tag.good{background-color:#C4D7FF;color:#25418E}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item .tag.ordinary{background-color:#C7F8A2;color:#486B2B}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item .tag.bad{background-color:#FDBAAF;color:#7A2424}.web-app-container .main-content .student-test-reports-page .categories-details-section .questions-cards .question-item .tag.none{color:rgba(0,0,0,0.25);background-color:#f5f5f5}.web-app-container .main-content .pie-reports-page .main{min-height:700px}.web-app-container .main-content .pie-reports-page .point{position:absolute;transform:translateX(-50%)}.web-app-container .main-content .pie-reports-page .point .point-item{display:flex;align-items:center}.web-app-container .main-content .pie-reports-page .point .point-item .icon{width:10px;height:10px;display:block;margin-right:7px;border-radius:5px}.web-app-container .main-content .pie-reports-page .point .point-item .icon.icon1{background:#72A1FF}.web-app-container .main-content .pie-reports-page .point .point-item .icon.icon2{background:#8BE448}.web-app-container .main-content .pie-reports-page .point .point-item .icon.icon3{background:#FF5D4F}.web-app-container .main-content .domains-page .ant-tree li{margin-left:10vw;font-size:14px}.web-app-container .main-content .domains-page .ant-tree li .operation-btn{color:#4A9FFF;cursor:pointer;margin-left:10px;font-size:16px}.web-app-container .main-content .personnel-management-page .search-container{width:250px;position:relative;margin:10px auto 20px}.web-app-container .main-content .personnel-management-page .search-container .search-input{width:250px;height:40px;border-radius:25px;z-index:1}.web-app-container .main-content .personnel-management-page .search-container .search-icon{position:absolute;right:4px;top:4px;background:#4DA1FF;width:32px;height:32px;border-radius:20px;padding:7px;z-index:2;cursor:pointer}.web-app-container .main-content .personnel-management-page .school-list .ant-row{display:flex;flex-wrap:wrap;align-items:center}.web-app-container .main-content .personnel-management-page .school-list .add-btn{color:#479CFA}.web-app-container .main-content .personnel-management-page .school-list .ant-card{margin:10px 0}.web-app-container .main-content .personnel-management-page .school-list .ant-card .ant-card-body{font-size:14px;text-align:center;cursor:pointer}.web-app-container .main-content .personnel-management-page .school-list .ant-list-empty-text{text-align:center}.web-app-container .main-content .school-detail-page{width:100%}.web-app-container .main-content .school-detail-page .page-header{font-size:1.4rem;margin-bottom:20px}.web-app-container .main-content .school-detail-page .grade-box{margin-bottom:2rem}.web-app-container .main-content .school-detail-page .grade-box .grade-name{font-size:1.3rem}.web-app-container .main-content .school-detail-page .grade-box .class-box{display:inline-block;min-width:180px;position:relative;margin:1.5rem 1.5% 0 0;box-shadow:0 1px 3px rgba(71,130,196,0.16);background:#fff;vertical-align:middle;cursor:pointer;text-align:center}.web-app-container .main-content .school-detail-page .grade-box .class-box:hover{text-align:left}.web-app-container .main-content .school-detail-page .grade-box .class-box:hover .edit-class-btn .btn{display:inline-block}.web-app-container .main-content .school-detail-page .grade-box .class-box .class-content{color:#5B6273;margin:0.7rem 1rem}.web-app-container .main-content .school-detail-page .grade-box .class-box .class-content .text-bg{font-size:1.2rem;margin-bottom:0.7rem}.web-app-container .main-content .school-detail-page .grade-box .class-box .class-content .text-sm{font-size:1rem}.web-app-container .main-content .school-detail-page .grade-box .class-box .add-class{color:#479CFA;font-size:1.1rem;text-align:center}.web-app-container .main-content .school-detail-page .grade-box .class-box .edit-class-btn{position:absolute;display:inline-block;top:1rem;right:0.7rem;color:#479CFA}.web-app-container .main-content .school-detail-page .grade-box .class-box .edit-class-btn .btn{display:none}.web-app-container .main-content .school-detail-page .grade-box .class-box .edit-class-btn .btn.delete-btn{margin-left:10px}.web-app-container .main-content .class-detail-page .page-header{font-size:1.4rem;margin-bottom:20px}.web-app-container .main-content .class-detail-page .page-header .create-btn{float:right;color:#4A9FFF;font-size:1rem;margin-right:30px;cursor:pointer}.web-app-container .main-content .class-detail-page .container-title .title-text{font-size:1.4rem;line-height:3rem}.web-app-container .main-content .class-detail-page .container-title>div{margin-right:3rem;display:inline-block;cursor:default}.web-app-container .main-content .class-detail-page .container-title .button{padding:5px 15px;font-size:0.8rem;line-height:1.5rem;background:white;-moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;color:#479CFA;box-shadow:0 1px 3px rgba(71,130,196,0.16);cursor:pointer}.web-app-container .main-content .class-detail-page .container-title .button .icon-plus{display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;font-size:1rem;color:white;background:#479CFA;height:1.5rem;width:1.5rem;line-height:1.4rem;text-align:center;margin-right:0.5rem}.web-app-container .main-content .class-detail-page .details{width:100%}.web-app-container .main-content .class-detail-page .details .detail-box{display:inline-block;width:260px;height:4.5rem;position:relative;margin:1.5rem 1.5% 0 0;text-align:center}.web-app-container .main-content .class-detail-page .details .detail-box.teacher-detail-box .btn-group>div{width:100%;line-height:2.5rem}.web-app-container .main-content .class-detail-page .details .detail-box.teacher-detail-box .btn-group>div .icon{width:1rem;height:1rem;display:inline-block;background-size:1rem 1rem;background-repeat:no-repeat;margin-top:0.1rem;margin-right:0.3rem}.web-app-container .main-content .class-detail-page .details .detail-box.teacher-detail-box .default-avatar{background-size:5rem 5rem}.web-app-container .main-content .class-detail-page .details .detail-box>div{width:100%;height:100%;position:absolute;background:#fff;overflow:hidden;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;top:0;left:0;box-shadow:0 1px 3px rgba(71,130,196,0.16)}.web-app-container .main-content .class-detail-page .details .detail-box>div:hover{width:114%;height:132%;top:-16%;left:-7%;box-shadow:1px 1px 10px rgba(89,132,180,0.19)}.web-app-container .main-content .class-detail-page .details .detail-box>div:hover .btn-group{display:block}.web-app-container .main-content .class-detail-page .details .detail-box>div .avatar{width:5rem;height:5rem;margin:1rem 10%;display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:inline-block;background-size:100% 100%}.web-app-container .main-content .class-detail-page .details .detail-box>div .text{display:inline-block;width:calc(80% - 5rem);margin-top:1rem;vertical-align:top;font-size:1.2rem}.web-app-container .main-content .class-detail-page .details .detail-box>div .text .text-bg span{background:#EAEEF3;font-size:1rem;line-height:1.2rem;height:1.2rem;display:inline-block;padding:0 0.2rem;margin-left:0.4rem}.web-app-container .main-content .class-detail-page .details .detail-box>div .text .text-sm{color:#AFB3BF;font-size:1rem}.web-app-container .main-content .class-detail-page .details .detail-box>div .btn-group{width:100%;height:2.5rem;background:#FAFCFF;margin-top:-0.5rem;display:none;position:absolute;bottom:0}.web-app-container .main-content .class-detail-page .details .detail-box>div .btn-group>div{display:inline-block;width:24%;text-align:center;font-size:0.9rem;cursor:pointer}.web-app-container .main-content .class-detail-page .details .detail-box>div .btn-group>div .icon{width:1rem;height:1rem;display:inline-block;background-size:1rem 1rem;background-repeat:no-repeat;margin-top:0.1rem;margin-right:0.3rem}.web-app-container .main-content .class-detail-page .details .detail-box>div .btn-group>div .have-border{display:inline-block;width:100%;height:1.3rem;margin-top:0.6rem;border-right:2px solid #E4F0FC}.web-app-container .main-content .class-detail-page .details .detail-box>div .btn-group>div .have-border .icon{width:1rem;height:1rem;display:inline-block;background-size:1rem 1rem;background-repeat:no-repeat;margin-top:0.1rem;margin-right:0.3rem}.web-app-container .main-content .class-detail-page .add-student{color:#479CFA;font-size:16px;margin:20px;cursor:pointer;display:inline-block}.web-app-container .main-content .import-info-page .rule-declaration{margin-top:10px}.web-app-container .main-content .import-info-page .rule-declaration .text-tab{padding-left:40px}.web-app-container .main-content .import-info-page .rule-declaration .text-tab .underline{color:#108ee9;cursor:pointer;text-decoration:underline}.web-app-container .main-content .import-info-page .import-container .import-box{position:relative;width:80px;height:28px;display:inline-block;top:8px;margin-left:10px;margin-right:5px}.web-app-container .main-content .import-info-page .import-container .import-box .import-btn{background-color:#F9F9F9;width:80px;height:28px;text-align:center;line-height:28px;color:#333333;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;position:absolute;top:0;left:0;border:1px solid #9396A7}.web-app-container .main-content .import-info-page .import-container .import-box .import-file{display:inline-block;width:80px;height:28px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;opacity:0;z-index:100}.web-app-container .main-content .import-info-page .import-container .info-submit{margin-left:10px}.web-app-container .main-content .import-info-page .results .fail-text{color:red}.web-app-container .main-content .courses-management-page .page-header{font-size:1.2rem;margin-bottom:20px}.web-app-container .main-content .courses-management-page .page-header .operation-btn{float:right;margin-right:30px}.web-app-container .main-content .courses-management-page .course-list .create-btn{margin-bottom:15px}.web-app-container .main-content .courses-management-page .course-list .course-card{margin-bottom:20px}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body{padding:0;display:flex;flex-wrap:wrap}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body .ant-card-grid{padding:10px 24px;display:flex;flex-direction:column;justify-content:center}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body .ant-card-grid .day-course-container{line-height:30px;color:#333}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body .ant-card-grid .day-course-container a{color:#999}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body .ant-card-grid .day-course-container .material-image-box{max-width:80px;width:100%;font-size:0;margin:auto}.web-app-container .main-content .courses-management-page .course-list .course-card .ant-card-body .ant-card-grid .day-course-container .material-image-box .material-image{object-fit:contain;width:100%}.web-app-container .main-content .questions-management-page .add-question-btn{position:absolute;top:5px;right:-100px}.web-app-container .main-content .questions-management-page .edit-container{padding:20px 0;background-color:white;box-shadow:0 1px 3px rgba(71,130,196,0.16);border-radius:4px}.web-app-container .main-content .questions-management-page .edit-container .create-post-module{position:relative}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .file-type-switch{padding:2rem 1.5rem 0}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos{margin:0.3rem;padding-bottom:0.2rem;display:flex;flex-wrap:wrap}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card{position:relative;width:75px;height:75px;background-color:#F5F8FF;border:1px solid #D7E6F7;margin:0 0.5rem 0.8rem 0;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card.error-uploaded{background-color:rgba(255,255,255,0.7)}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card.error-uploaded .file-img{padding:20%;position:absolute;top:-10%}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card img{width:100%;height:100%}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card .file-remove{position:absolute;top:0;right:0;width:20px;height:20px;text-align:center;background-color:rgba(255,255,255,0.7);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-ms-transform:translate(30%, -30%);-moz-transform:translate(30%, -30%);-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);box-shadow:0 0 1px 1px;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card .file-remove .anticon{vertical-align:middle;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card .file-name{width:100%;text-align:center;position:absolute;left:0;bottom:0;word-break:break-all;line-height:14px}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card.uploading{vertical-align:top;text-align:center;line-height:90px}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .file-card.uploading .spin{vertical-align:middle}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .add-post-photo{position:relative;display:inline-block;width:75px;height:75px;background-color:#F5F8FF;border:1px solid #D7E6F7;margin:0 0.5rem 0.8rem 0;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .add-post-photo:before{position:absolute;content:' ';width:25px;height:2px;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#479CFA}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .add-post-photo:after{position:absolute;content:' ';width:2px;height:25px;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#479CFA}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .photos .add-post-photo.hide{display:none}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .error-massage{margin:0 1.5rem;padding-top:0.5rem;color:red;line-height:40px;text-align:center}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text{margin:1rem 1.5rem 2rem;border:1px solid #EDF1F5;display:block;padding:0.5rem 1rem;resize:none;width:calc(100% - 3rem);font-size:1.2rem;outline:none}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text::-webkit-input-placeholder{color:#AFB3BF}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text:-ms-input-placeholder{color:#AFB3BF}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text::-moz-placeholder{color:#AFB3BF;opacity:1}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text:-moz-placeholder{color:#AFB3BF;opacity:1}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text-count-message{position:relative;top:-2rem;padding:0 1.5rem;text-align:right}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text-count-message .red-font{color:red}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section{border-top:1px solid rgba(71,130,196,0.16)}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related{position:relative;display:inline-block;height:1.6rem;line-height:1.6rem;margin:1rem 1.5rem;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon{position:relative;display:inline-block;width:1.3rem;height:1.3rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:1px solid #AFB3BF}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon:before{content:' ';display:block;position:absolute;top:53%;left:18%;width:30%;height:2px;background-color:#AFB3BF;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon:after{content:' ';display:block;position:absolute;top:46%;left:29%;width:66%;height:2px;background-color:#AFB3BF;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon.selected{border-color:#479CFA;background-color:#479CFA}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon.selected:before,.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .icon.selected:after{background-color:white}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .description{display:inline-block;vertical-align:top;color:#5B6273;margin:0 0.5rem}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .description.selected{color:#479CFA}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container{position:absolute;width:506px;top:3.4rem;left:-1.5rem;box-shadow:0 1px 3px rgba(71,130,196,0.16);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white;z-index:100}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container:after{position:absolute;content:' ';top:-0.9rem;left:5.5rem;width:0;height:0;border-style:solid;border-width:1rem;border-color:white white transparent transparent;-ms-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);box-shadow:1px -1px 1px rgba(71,130,196,0.16)}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container .students{padding:1rem 0}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container .students .student-item{display:inline-block;text-align:center;width:80px;padding:0.3rem 9px;margin:0.2rem 2px;border:1px solid transparent;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container .students .student-item:hover{color:#479CFA}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container .students .student-item.selected{color:#479CFA;border-color:#E0EBF8}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .students-related .students-list-container .visibility-setting{padding:0 2rem 1rem}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .record-date{position:relative;display:inline-block;float:right;height:2.6rem;line-height:2.6rem;font-size:1.2rem;margin:0.5rem 1rem;color:#479CFA;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .record-date .calendar-container{position:absolute;top:3.6rem;left:50%;width:290px;border:1px solid #d9d9d9;background-color:white;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .actions-section .submit-btn{display:inline-block;float:right;height:3.6rem;line-height:2.6rem;font-size:1.2rem;padding:0.5rem 2.5rem;background-color:#479CFA;color:white;cursor:pointer}.web-app-container .main-content .questions-management-page .edit-container .create-post-module .text-image-text-box{height:25px;line-height:25px;color:#AFB3BF;padding:0 5px 5px;display:flex;justify-content:space-between}.web-app-container .main-content .questions-management-page .ant-btn-primary[disabled]{background-color:#f7f7f7 !important;border-color:#d9d9d9 !important}.web-app-container .main-content .question-detail-page .ant-input-disabled{background-color:#fff;color:rgba(0,0,0,0.5)}.web-app-container .main-content .question-detail-page .ant-select-disabled .ant-select-selection{background-color:#fff;color:rgba(0,0,0,0.5)}.web-app-container .main-content .students-management-page .page-header .add-student{margin:20px}.web-app-container .main-content .students-management-page .ant-table-thead th{text-align:center}.web-app-container .main-content .students-management-page .row{text-align:center}.web-app-container .main-content .students-management-page .edit-info{cursor:pointer}.web-app-container .main-content .students-management-page .delete-btn{color:#479CFA;margin-left:5px;font-size:14px;cursor:pointer}.material-management-page .select-material-modal{width:730px !important}.material-management-page .select-material-modal .ant-modal-body{max-height:500px;overflow:auto}.material-management-page .select-material-modal .search-container .search-input{left:0}.material-management-page .select-material-modal .search-container .search-icon{right:4px}.material-management-page .select-material-modal .ant-card{margin:10px !important;cursor:pointer;position:relative}.material-management-page .select-material-modal .ant-card.selected{box-shadow:0 1px 6px rgba(0,0,0,0.2);border-color:transparent}.material-management-page .select-material-modal .ant-card .material-image-box .material-image{height:150px !important}.material-management-page .select-material-modal .ant-card .material-image-box .anticon{font-size:24px;position:absolute;right:3px;top:3px;color:#4DA1FF}.material-management-page .select-material-modal .ant-modal-footer{text-align:center}.material-management-page .search-container{width:300px;position:relative;margin:0 auto}.material-management-page .search-container .search-input{width:300px;height:40px;position:absolute;border-radius:25px;z-index:1;left:-100px}.material-management-page .search-container .search-icon{position:absolute;right:104px;top:4px;background:#4DA1FF;width:32px;height:32px;border-radius:20px;padding:7px;z-index:2;cursor:pointer}.material-management-page .search-container .operation-btn{position:absolute;top:5px;right:0}.material-management-page .materials-list{padding-top:50px;display:flex;flex-wrap:wrap}.material-management-page .materials-list .ant-card{margin:10px 20px}.material-management-page .materials-list .ant-card .ant-card-actions{margin:0;padding:0;list-style:none;background:#fafafa;border-top:1px solid #e8e8e8;zoom:1;display:flex;text-align:center;font-size:20px;cursor:pointer}.material-management-page .materials-list .ant-card .ant-card-actions .li{width:50%;cursor:pointer}.material-management-page .materials-list .ant-card .material-image-box{width:100%;font-size:0}.material-management-page .materials-list .ant-card .material-image-box .material-image{object-fit:contain;width:100%;height:230px}.material-management-page .materials-list .ant-card .ant-card-body{padding:10px;text-align:center}.questions-popover .question-detail{display:flex;flex-wrap:nowrap;justify-content:space-between}.class-manage-add-class-modal{width:100%}.class-manage-add-class-modal .modal-title{font-size:1.3rem;text-align:center;margin:1.5rem 0}.class-manage-add-class-modal .grade-box{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.class-manage-add-class-modal .grade-box .grade-label{margin-right:15px}.class-manage-add-class-modal .cascader-box{display:flex;justify-content:center;align-items:center}.class-manage-add-class-modal .ant-input-group-wrapper{width:70%;margin:1rem 15%}.class-manage-add-class-modal .ant-input-group-wrapper .ant-input-wrapper{height:2.8rem;letter-spacing:0.3rem}.class-manage-add-class-modal .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon{background:#fff}.class-manage-add-class-modal .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon .red{color:#EF5356}.class-manage-add-class-modal .ant-input-group-wrapper .ant-input-wrapper input{height:2.8rem}.class-manage-add-class-modal .text{margin:1rem 10%;width:80%}.class-manage-add-class-modal .btn{cursor:pointer;color:#fff;background:#479CFA;-moz-border-radius:1.1rem;-webkit-border-radius:1.1rem;border-radius:1.1rem;height:2.2rem;display:inline-block;line-height:2.2rem;font-size:1.1rem;width:8rem;text-align:center;margin:1rem calc(50% - 4rem)}.class-manage-add-class-modal .btn:hover,.class-manage-add-class-modal .btn:focus{color:#fff;background:#108ee9}.class-manage-add-class-modal .btn-no-bg{margin:2rem 0;font-size:1.1rem;text-align:right;color:#479CFA;display:inline-block;width:5rem;margin-left:calc(95% - 5rem);margin-bottom:0.5rem;cursor:pointer}.class-manage-add-class-modal .form-line{text-align:center;padding:0.5rem 0}.class-manage-add-class-modal .form-line .select-label{display:inline-block;min-width:80px;text-align:right;margin-right:20px}.class-manage-add-class-modal .form-line .select-label .red{color:#EF5356}.class-manage-add-class-modal .form-line .select-dom{width:250px}.copy-course-modal .ant-modal-content{min-width:700px}.class-manage-page-modal .material-form-item .ant-form-item-children{display:flex;align-items:center}.class-manage-page-modal .material-form-item .ant-form-item-children .material-icon{width:120px;height:120px;object-fit:contain}.class-manage-page-modal .material-form-item .ant-form-item-children .ant-btn{margin-left:20px}.class-manage-page-modal .ant-list{margin:0 20px 20px}.class-manage-page-modal .ant-list .ant-list-item{font-size:14px;padding:5px 0;display:block}.class-manage-page-modal .grade-name{font-size:14px;font-weight:bold}.class-manage-page-modal .class-name{margin-left:15px}.class-manage-page-modal .confirm{cursor:pointer;color:#fff;background:#479CFA;-moz-border-radius:1.1rem;-webkit-border-radius:1.1rem;border-radius:1.1rem;height:2.2rem;display:inline-block;line-height:2.2rem;font-size:1.1rem;width:8rem;text-align:center;margin:1rem calc(50% - 4rem)}.class-manage-page-modal .info-box{display:flex;align-items:center;margin:15px 0;font-size:14px}.class-manage-page-modal .info-box .info-label{width:20%;text-align:center}.class-manage-page-modal .info-box .ant-input{width:200px}.class-manage-page-modal .info-box .class-list-box{display:flex;flex-wrap:wrap;align-content:flex-start}.class-manage-page-modal .info-box .class-list-box .class-record{text-align:center;display:inline-block;cursor:pointer;height:35px;line-height:35px;margin:5px 5px;padding:0 5px;border:1px dashed #efefef}.class-manage-page-modal .info-box .class-list-box .class-record.selected{border:1px solid #E0EBF8;color:#4DA1FF}.class-manage-page-modal .search-container{width:300px;position:relative;margin:0 auto}.class-manage-page-modal .search-container .search-input{width:300px;height:40px;border-radius:25px;z-index:1}.class-manage-page-modal .search-container .search-icon{position:absolute;right:4px;top:4px;background:#4DA1FF;width:32px;height:32px;border-radius:20px;padding:7px;z-index:2;cursor:pointer}.class-manage-page-modal .search-container .operation-btn{position:absolute;top:5px;right:0}.class-manage-page-modal .create-post-module{position:relative}.class-manage-page-modal .create-post-module .file-type-switch{padding:2rem 1.5rem 0}.class-manage-page-modal .create-post-module .photos{margin:0.3rem;padding-bottom:0.2rem;display:flex;flex-wrap:wrap}.class-manage-page-modal .create-post-module .photos .file-card{position:relative;width:75px;height:75px;background-color:#F5F8FF;border:1px solid #D7E6F7;margin:0 0.5rem 0.8rem 0;cursor:pointer}.class-manage-page-modal .create-post-module .photos .file-card.error-uploaded{background-color:rgba(255,255,255,0.7)}.class-manage-page-modal .create-post-module .photos .file-card.error-uploaded .file-img{padding:20%;position:absolute;top:-10%}.class-manage-page-modal .create-post-module .photos .file-card img{width:100%;height:100%}.class-manage-page-modal .create-post-module .photos .file-card .file-remove{position:absolute;top:0;right:0;width:20px;height:20px;text-align:center;background-color:rgba(255,255,255,0.7);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-ms-transform:translate(30%, -30%);-moz-transform:translate(30%, -30%);-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);box-shadow:0 0 1px 1px;cursor:pointer}.class-manage-page-modal .create-post-module .photos .file-card .file-remove .anticon{vertical-align:middle;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%}.class-manage-page-modal .create-post-module .photos .file-card .file-name{width:100%;text-align:center;position:absolute;left:0;bottom:0;word-break:break-all;line-height:14px}.class-manage-page-modal .create-post-module .photos .file-card.uploading{vertical-align:top;text-align:center;line-height:90px}.class-manage-page-modal .create-post-module .photos .file-card.uploading .spin{vertical-align:middle}.class-manage-page-modal .create-post-module .photos .add-post-photo{position:relative;display:inline-block;width:75px;height:75px;background-color:#F5F8FF;border:1px solid #D7E6F7;margin:0 0.5rem 0.8rem 0;cursor:pointer}.class-manage-page-modal .create-post-module .photos .add-post-photo:before{position:absolute;content:' ';width:25px;height:2px;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#479CFA}.class-manage-page-modal .create-post-module .photos .add-post-photo:after{position:absolute;content:' ';width:2px;height:25px;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#479CFA}.class-manage-page-modal .create-post-module .photos .add-post-photo.hide{display:none}.class-manage-page-modal .create-post-module .error-massage{margin:0 1.5rem;padding-top:0.5rem;color:red;line-height:40px;text-align:center}.class-manage-page-modal .create-post-module .text{margin:1rem 1.5rem 2rem;border:1px solid #EDF1F5;display:block;padding:0.5rem 1rem;resize:none;width:calc(100% - 3rem);font-size:1.2rem;outline:none}.class-manage-page-modal .create-post-module .text::-webkit-input-placeholder{color:#AFB3BF}.class-manage-page-modal .create-post-module .text:-ms-input-placeholder{color:#AFB3BF}.class-manage-page-modal .create-post-module .text::-moz-placeholder{color:#AFB3BF;opacity:1}.class-manage-page-modal .create-post-module .text:-moz-placeholder{color:#AFB3BF;opacity:1}.class-manage-page-modal .create-post-module .text-count-message{position:relative;top:-2rem;padding:0 1.5rem;text-align:right}.class-manage-page-modal .create-post-module .text-count-message .red-font{color:red}.class-manage-page-modal .create-post-module .actions-section{border-top:1px solid rgba(71,130,196,0.16)}.class-manage-page-modal .create-post-module .actions-section .students-related{position:relative;display:inline-block;height:1.6rem;line-height:1.6rem;margin:1rem 1.5rem;cursor:pointer}.class-manage-page-modal .create-post-module .actions-section .students-related .icon{position:relative;display:inline-block;width:1.3rem;height:1.3rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:1px solid #AFB3BF}.class-manage-page-modal .create-post-module .actions-section .students-related .icon:before{content:' ';display:block;position:absolute;top:53%;left:18%;width:30%;height:2px;background-color:#AFB3BF;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.class-manage-page-modal .create-post-module .actions-section .students-related .icon:after{content:' ';display:block;position:absolute;top:46%;left:29%;width:66%;height:2px;background-color:#AFB3BF;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.class-manage-page-modal .create-post-module .actions-section .students-related .icon.selected{border-color:#479CFA;background-color:#479CFA}.class-manage-page-modal .create-post-module .actions-section .students-related .icon.selected:before,.class-manage-page-modal .create-post-module .actions-section .students-related .icon.selected:after{background-color:white}.class-manage-page-modal .create-post-module .actions-section .students-related .description{display:inline-block;vertical-align:top;color:#5B6273;margin:0 0.5rem}.class-manage-page-modal .create-post-module .actions-section .students-related .description.selected{color:#479CFA}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container{position:absolute;width:506px;top:3.4rem;left:-1.5rem;box-shadow:0 1px 3px rgba(71,130,196,0.16);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white;z-index:100}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container:after{position:absolute;content:' ';top:-0.9rem;left:5.5rem;width:0;height:0;border-style:solid;border-width:1rem;border-color:white white transparent transparent;-ms-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);box-shadow:1px -1px 1px rgba(71,130,196,0.16)}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container .students{padding:1rem 0}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container .students .student-item{display:inline-block;text-align:center;width:80px;padding:0.3rem 9px;margin:0.2rem 2px;border:1px solid transparent;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container .students .student-item:hover{color:#479CFA}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container .students .student-item.selected{color:#479CFA;border-color:#E0EBF8}.class-manage-page-modal .create-post-module .actions-section .students-related .students-list-container .visibility-setting{padding:0 2rem 1rem}.class-manage-page-modal .create-post-module .actions-section .record-date{position:relative;display:inline-block;float:right;height:2.6rem;line-height:2.6rem;font-size:1.2rem;margin:0.5rem 1rem;color:#479CFA;cursor:pointer}.class-manage-page-modal .create-post-module .actions-section .record-date .calendar-container{position:absolute;top:3.6rem;left:50%;width:290px;border:1px solid #d9d9d9;background-color:white;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100}.class-manage-page-modal .create-post-module .actions-section .submit-btn{display:inline-block;float:right;height:3.6rem;line-height:2.6rem;font-size:1.2rem;padding:0.5rem 2.5rem;background-color:#479CFA;color:white;cursor:pointer}.class-manage-page-modal .create-post-module .text-image-text-box{height:25px;line-height:25px;color:#AFB3BF;padding:0 5px 5px;display:flex;justify-content:space-between}.view-video-modal .ant-modal-content{width:732px}.view-video-modal .ant-modal-content .video-context{width:700px;height:500px}.view-video-modal .ant-modal-content .photo-context{width:700px;object-fit:contain}.domains-modal .question-image{width:350px;object-fit:contain}.domains-modal .question-detail{margin-bottom:5px;font-size:14px}.domains-modal .question-detail .choice-item{font-size:14px;display:block;padding:0 5px}.domains-modal .question-detail .choice-item .ant-checkbox-disabled+span{color:#666}.domains-modal .question-detail .choice-item .ant-radio-disabled+span{color:#666}.login-index-container{background:url("/assets/login_background-3609871743ed7752c0156db59566a33fc33b6846c445acf71b773fe9ad8b3a39.png") no-repeat fixed center;background-size:100vw 100vh;width:100vw;min-width:960px;height:100vh;min-height:700px;position:relative}.login-index-container .login-index-title{font-size:1.4rem;position:absolute;top:18%;text-align:center;transform:translate(-50%, 0px);left:50%;font-weight:300;color:#5B6273;background-size:30px 30px;line-height:37px;height:35px}.login-index-container .login-index-title.title{font-size:1.8rem;top:16%}.login-index-container .login-index-title.summay{top:21%}.login-index-container .login-box{position:absolute;top:27%;left:50%;margin-left:-250px;width:500px}.login-index-container .login-box .login-index-box-title{height:80px;line-height:85px;text-align:center;font-size:1.2rem}.login-index-container .login-box .ant-input-affix-wrapper{width:70%;margin-left:15%;font-size:14px;border:1px solid #7691D9;margin-bottom:10px;border-radius:25px;overflow:hidden}.login-index-container .login-box .ant-input-affix-wrapper.login-user-icon{background:rgba(255,255,255,0.8) url("/icon/login_user.png") no-repeat 20px 15px;background-size:16px}.login-index-container .login-box .ant-input-affix-wrapper.login-password-icon{background:rgba(255,255,255,0.8) url("/icon/login_password.png") no-repeat 20px 15px;background-size:16px}.login-index-container .login-box .ant-input-affix-wrapper .anticon:before{color:#AFB4C0}.login-index-container .login-box .ant-input-affix-wrapper .login-input-code{position:absolute;top:10px;right:10px;width:90px;z-index:10;background-color:#7691D9;border-radius:10px;color:white;border:none}.login-index-container .login-box .ant-input-affix-wrapper .login-index-input{border-radius:0px;font-size:14px;height:50px;border:none;margin-left:40px;width:275px;padding:0px 15px;background-color:transparent}.login-index-container .login-box .ant-input-affix-wrapper .login-index-input:hover,.login-index-container .login-box .ant-input-affix-wrapper .login-index-input:focus{box-shadow:none}.login-index-container .login-box .ant-input-affix-wrapper input::-webkit-input-placeholder{color:#7691D9;text-align:center}.login-index-container .login-box .ant-input-affix-wrapper input:-moz-placeholder{color:#7691D9;text-align:center}.login-index-container .login-box .ant-input-affix-wrapper input::-moz-placeholder{color:#7691D9;text-align:center}.login-index-container .login-box .ant-input-affix-wrapper input:-ms-input-placeholder{color:#7691D9;text-align:center}.login-index-container .login-box .login-input-box{width:70%;margin-left:15%;height:50px;line-height:50px;position:relative;border-bottom:1px solid #d9d9d9}.login-index-container .login-box .login-input-box .login-input-code{position:absolute;top:10px;right:5px;width:95px}.login-index-container .login-box .login-input-box .login-index-input{border-width:0;border-radius:0px;font-size:14px}.login-index-container .login-box .login-input-box .login-index-input:hover,.login-index-container .login-box .login-input-box .login-index-input:focus{border-width:0;box-shadow:none}.login-index-container .login-box .login-index-box-error{color:red;font-size:14px;text-align:center;height:20px;line-height:23px;margin-top:15px}.login-index-container .login-box .login-index-box-btn{text-align:center;margin-bottom:15px}.login-index-container .login-box .login-index-box-btn .login-btn{width:350px;height:50px;border-radius:25px;font-size:14px;background-color:#7691D9 !important}.login-index-container .login-box .login-index-label{font-size:14px;text-align:center;margin-top:15px;margin-bottom:15px;height:15px;color:#5B6273}.login-index-container .login-box .login-index-description{position:absolute;bottom:-40px;left:50%;font-size:0.9rem;font-weight:lighter;transform:translate(-50%, 0px);color:#fff;width:300px}.login-index-container .login-index-footer{color:#5B6273;position:absolute;bottom:3rem;font-size:0.9rem;font-weight:lighter;text-align:center;min-width:800px;transform:translate(-50%, 0px);left:50%}.login-index-container .login-index-footer-2{color:#5B6273;position:absolute;bottom:2rem;font-size:0.9rem;font-weight:lighter;text-align:center;min-width:800px;transform:translate(-50%, 0px);left:50%}.ant-btn-primary{background-color:#4596F0 !important;border-color:#4596F0 !important}.sidebar-change-password-modal .ant-modal-header{border-bottom:1px solid #e9e9e9}.sidebar-change-password-modal .ant-modal-body{padding:0 16px}.sidebar-change-password-modal .ant-modal-body .input-password-row{margin:16px 30px}.sidebar-change-password-modal .ant-modal-body .input-password-row .guide{width:30%;padding-right:10px;text-align:right;display:inline-block}.sidebar-change-password-modal .ant-modal-body .input-password-row .value{width:70%}.sidebar-change-password-modal .ant-modal-body .message{margin-left:33%;color:red}.sidebar-change-password-modal .ant-modal-footer{text-align:right}.sidebar-change-password-modal .ant-modal-footer button{margin:0px 60px 20px 0px;padding:4px 40px;-moz-border-radius:0.1rem;-webkit-border-radius:0.1rem;border-radius:0.1rem}