html{font-size:14px;font-family:sans-serif}body{margin:0;color:#5B6273}.web-app-container{position:relative;width:100%;height:100%;background-color:#F5F8FF;color:#5B6273}.web-app-container .navigation-side-bar{width:200px;height:100vh;background-color:#479CFA;position:fixed;top:0;left:0;z-index:10}.web-app-container .navigation-side-bar .school-name-section{padding:1.5rem 1rem;cursor:pointer;text-align:center}.web-app-container .navigation-side-bar .school-name-section .name{display:inline-block;color:white;font-size:1.2rem;vertical-align:top;text-align:center}.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{display:block;padding:1rem 2rem;font-size:1rem;color:white}.web-app-container .navigation-side-bar .menu.active{color:#FFE97A;background-color:#4596F0}.web-app-container .navigation-side-bar .menu:focus{text-decoration:none}.web-app-container .navigation-side-bar .menu .icon-down{float:right;margin-top:5px}.web-app-container .navigation-side-bar .sub-menu{display:block;padding:0.5rem 1rem;font-size:1rem;background-color:#6F89CD;color:white}.web-app-container .navigation-side-bar .sub-menu.active{color:#666666}.web-app-container .navigation-side-bar .account-menu{position:absolute;bottom:0;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 .navigation-side-bar .header-left{text-decoration:underline;cursor:pointer;position:relative;text-align:center}.web-app-container .navigation-side-bar .header-left .select-class{background:#8EAFF1 !important;border:1px solid #8EAFF1;color:white;margin-left:50%;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}.web-app-container .navigation-side-bar .header-left .icon{position:relative;width:1.6rem;height:0.15rem;-moz-border-radius:0.1rem;-webkit-border-radius:0.1rem;border-radius:0.1rem;top:50%;background-color:#999999;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.web-app-container .navigation-side-bar .header-left .icon:before,.web-app-container .navigation-side-bar .header-left .icon:after{content:' ';position:absolute;width:100%;height:0.15rem;-moz-border-radius:0.1rem;-webkit-border-radius:0.1rem;border-radius:0.1rem;background-color:#999999;top:-0.5rem;left:0}.web-app-container .navigation-side-bar .header-left .icon:after{top:auto;bottom:-0.5rem}.web-app-container .navigation-side-bar .header-left .list{position:absolute;display:block;background-color:rgba(0,0,0,0.5);padding:0.5rem 1rem;top:110%;left:50%;min-width:5.5rem;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;visibility:visible;opacity:1;-ms-transition:opacity 0.25s;-moz-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.web-app-container .navigation-side-bar .header-left .list:before{content:' ';position:absolute;display:block;box-sizing:content-box;width:0;height:0;border:solid 0.4rem transparent;border-bottom-color:rgba(0,0,0,0.35);bottom:100%;left:50%;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.web-app-container .navigation-side-bar .header-left .list .item{color:white;padding:0.2rem;white-space:nowrap;text-align:center;cursor:pointer;min-width:100px}.web-app-container .navigation-side-bar .header-left .list.hidden{visibility:hidden;opacity:0}.web-app-container .main-content{width:calc(100% - 200px);margin-left:200px;min-height:100vh}.web-app-container .main-content .answer-evaluation-page .no-answer-container{text-align:center;padding-top:150px;margin:0 auto}.web-app-container .main-content .answer-evaluation-page .no-answer-container .no-answer-label{font-size:18px;margin-top:15px}.web-app-container .main-content .answer-evaluation-page .question-list-container{padding:30px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail{width:100%;height:60px;background-color:#fff;border:1px solid #DCE6F1;border-radius:4px;display:flex;align-items:center;justify-items:center;font-size:12px;margin-bottom:10px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail>div{margin-left:20px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .question-status{padding:3px 5px;border-radius:2px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .question-status.unfinished-status{background:#4596F0;color:#fff}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .question-status.finished-status{background:#ECECEC;color:#5B6273}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .question-title{font-size:14px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .question-info{margin-top:3px}.web-app-container .main-content .answer-evaluation-page .question-list-container .question-list-detail .evaluation-btn{margin-left:auto;margin-right:20px;min-width:110px;text-align:center;font-size:14px}.web-app-container .main-content .answer-student-evaluation-page .ant-spin .ant-spin-spinning{height:100vh}.web-app-container .main-content .answer-student-evaluation-page .ant-spin .ant-spin-spinning .ant-spin-dot{top:35%}.web-app-container .main-content .answer-student-evaluation-page .page-title{color:#B0B3C0;padding:1rem;border-bottom:1px solid #EFEFEF;font-size:1.2rem}.web-app-container .main-content .answer-student-evaluation-page .page-title .cursor{cursor:pointer}.web-app-container .main-content .answer-student-evaluation-page .header{margin:10px;min-height:24px}.web-app-container .main-content .answer-student-evaluation-page .header .ant-btn{margin:0 5px}.web-app-container .main-content .answer-student-evaluation-page .header .header-label{font-size:14px;margin-right:15px}.web-app-container .main-content .answer-student-evaluation-page .header .right{float:right}.web-app-container .main-content .answer-student-evaluation-page .containter-left{position:relative;height:calc(100vh - 20px - 3.8rem);overflow:auto}.web-app-container .main-content .answer-student-evaluation-page .containter-left.show{width:50%;display:inline-block}.web-app-container .main-content .answer-student-evaluation-page .containter-left .header{margin:10px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .header .ant-btn{margin:0 5px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .header .header-label{font-size:14px;margin-right:15px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .header .right{float:right}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box{position:relative;margin:10px 0px;border-bottom:1px solid #EAECF3}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box.cursor{cursor:pointer}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left{display:inline-block;width:80%}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div{margin:10px 20px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div.question-mark{padding-left:15px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div.question-mark .question-basis{font-size:14px;color:#808594;white-space:normal}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div.question-mark .question-score{color:#AFB4C0;font-size:12px;margin-left:5px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div.question-mark .text{width:calc(100% - 80px);resize:none;vertical-align:top;border-color:#DCDFE7}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div.question-mark .error{font-size:14px;color:red;margin-left:15px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-left>div .checkbox-group-container .ant-checkbox-group .ant-checkbox-group-item{margin-left:0px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .box-right{position:absolute;top:50px;right:2%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .checkbox-group-container .ant-checkbox-group .ant-checkbox-group-item{display:block;margin-left:35px;font-size:16px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .description-container{margin:10px 20px;padding-left:15px}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .description-container .description-text{width:calc(100% - 80px);resize:none;vertical-align:top;border-color:#DCDFE7}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box:hover .show{display:block}.web-app-container .main-content .answer-student-evaluation-page .containter-left .main .question-box .delete-btn{display:inline-block}.web-app-container .main-content .answer-student-evaluation-page .containter-right{display:none;height:calc(100vh - 115px);background:white;margin-top:-1px;border-bottom:1px solid #d9d9d9}.web-app-container .main-content .answer-student-evaluation-page .containter-right.show{width:50%;display:inline-block;vertical-align:top;overflow:auto}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item{border-bottom:1px solid white}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item.no-data>.ant-collapse-header{text-align:center;background:white;color:#666666;margin-top:20px}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item.no-data>.ant-collapse-header>i{display:none}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-header{background:#F9F9F9;color:#AFB4C0;cursor:default}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-content-box .question-box{padding:10px 0px;border-bottom:1px solid #EAECF3}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-content-box .question-box:last-child{border-bottom:none}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-content-box .question-box .question-basis{font-size:14px}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-content-box .question-box .question-mark{padding-left:15px}.web-app-container .main-content .answer-student-evaluation-page .containter-right .ant-collapse-item .ant-collapse-content-box .question-box .question-mark .question-score{color:#AFB4C0;font-size:12px;margin-left:5px}.web-app-container .main-content .answer-student-evaluation-page .show-collapse{color:white;text-align:center;line-height:220px;width:20px;height:220px;background:#999999;position:absolute;top:40vh;right:-20px;-moz-border-radius:15px 0px 0px 15px;-webkit-border-radius:15px 0px 0px 15px;border-radius:15px 0px 0px 15px;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.web-app-container .main-content .answer-student-evaluation-page .show-collapse.show{-moz-border-radius:0px 15px 15px 0px;-webkit-border-radius:0px 15px 15px 0px;border-radius:0px 15px 15px 0px}.login-index-container{background:url("/assets/login_background-725f97f0755b21a66ce9369921b7645973e28b596165790f2c5c0babca2d1c2b.png") repeat;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("/assets/icon/login_user-3c9a7df429deb23b3f2ceb346ba9441bccbffbf45dc20e7a97ab871c6e436def.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("/assets/icon/login_password-a2411cc9fd70e730c1c33017e11e6c67cb0f52585dcc0fb0d5a411cf0691db62.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}.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:1rem;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}