.tw-header:before{content:"";display:table}.tw-header{height:.41667rem;width:10rem;background:url(../img/top-bg.a9eddd3b.png) no-repeat;background-size:100% 100%;position:relative}.tw-header .logo{width:.80556rem;height:.27778rem;margin:.06944rem 0 0 .22917rem;background:url(../img/login-logo.3da1664d.png) no-repeat;background-size:100% 100%;display:inline-block;cursor:pointer;color:#fff;font-weight:600;font-size:22Px}.tw-header .nav{display:inline-block;position:absolute;top:0;left:1.80556rem;color:#fff}.tw-header .nav .nav_item{display:inline-block;line-height:.41667rem;padding:0 .11806rem;margin-right:.29861rem;font-size:16Px;cursor:pointer}.tw-header .nav .active{position:relative}.tw-header .nav .active span{position:relative;z-index:2}.tw-header .nav .active:before{height:.02778rem;background:#027dff;z-index:1}.tw-header .nav .active:after,.tw-header .nav .active:before{content:"";display:block;width:100%;position:absolute;top:0;left:0}.tw-header .nav .active:after{height:100%;background:#000}.tw-header .user_info{position:absolute;right:0;top:0}.tw-header .user_info b{width:1Px;height:.11111rem;line-height:.11111rem;background:#fff;display:inline-block;vertical-align:middle;-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.tw-header .user_info .info_item{color:#fff;font-size:14Px;height:.41667rem;line-height:.41667rem;text-align:right;display:inline-block;margin-right:.27778rem;cursor:pointer}.tw-header .user_info .info_item img{width:.15278rem;height:.15278rem;border-radius:50%;background-size:100% 100%;display:inline-block;margin-right:.09722rem;vertical-align:sub;position:relative;bottom:-.02083rem}.tw-header .user_info .extra1{margin-right:.15972rem}.tw-header .user_info .extra2{margin-right:.22222rem;margin-left:.20139rem}.tw-header .user_info .extra3{margin-right:0;margin-left:.20139rem}.TaskCompletion .main{background-color:#f3f5f7}.TaskCompletion .main .red{color:#fc4f64}.TaskCompletion .main .green{color:#00a725}.TaskCompletion .main .gray{color:#666}.TaskCompletion .main .left{margin:0 auto;width:8.88889rem;padding-bottom:.26389rem;position:relative}.TaskCompletion .main .left .result{background:#fff;border:0 solid #c1c1c1;-webkit-box-shadow:0 .01389rem .03472rem 0 hsla(0,0%,48.2%,.5);box-shadow:0 .01389rem .03472rem 0 hsla(0,0%,48.2%,.5);padding-bottom:.13889rem;width:8.88889rem;min-height:4.02778rem}.TaskCompletion .main .left .result .result_nav{padding-left:.21528rem;height:.74306rem;border-bottom:1Px solid #ddd}.TaskCompletion .main .left .result .result_nav .nav_item{min-width:.48611rem;margin-right:.33333rem;display:inline-block;line-height:.43056rem;height:.43056rem;cursor:pointer;text-align:center;font-weight:700;color:#333;font-size:18Px}.TaskCompletion .main .left .result .result_nav .active{width:100%;text-align:center}.TaskCompletion .main .left .result .result_nav .title-tips{width:3.75rem;margin:auto;font-size:.09722rem;color:#666}.TaskCompletion .main .left .result .result_nav .title-tips span{padding-right:.06944rem}.TaskCompletion .main .left .result .content .line_box{font-size:14Px;color:#333;padding:.15278rem .20139rem 0 .21528rem;cursor:pointer}.TaskCompletion .main .left .result .content .line_box .line{height:.34722rem;line-height:.34722rem;border-bottom:1Px solid #ddd;overflow:hidden;white-space:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.TaskCompletion .main .left .result .content .line_box .line .line_title{width:5rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.TaskCompletion .main .left .result .content .line_box .line .el-button{display:inline-block}.TaskCompletion .main .left .result .content .task-table{width:6.25rem;margin:auto}.TaskCompletion .main .left .result .content .task-table .el-table__row td{cursor:pointer}.TaskCompletion .main .left .result .content .task-table .difficulty{border-radius:.02083rem;margin:.03rem .1rem .03rem 0;padding:.03472rem;cursor:pointer}.TaskCompletion .main .left .result .content .task-table .difficulty-1{color:#fc4f64;background:#ffedef;border:.00694rem solid #fc4f64}.TaskCompletion .main .left .result .content .task-table .difficulty-1:hover{color:#fff;background:#fc4f64}.TaskCompletion .main .left .result .content .task-table .difficulty-2{color:#f19b2c;background:#fff3e3;border:.00694rem solid #f19b2c}.TaskCompletion .main .left .result .content .task-table .difficulty-2:hover{color:#fff;background:#f19b2c}.TaskCompletion .main .left .result .content .task-table .difficulty-3{color:#efc416;background:#fdf8e3;border:.00694rem solid #efc416}.TaskCompletion .main .left .result .content .task-table .difficulty-3:hover{color:#fff;background:#efc416}.TaskCompletion .main .left .result .content .task-table .difficulty-4{color:#57c22d;background:#eef9ea;border:.00694rem solid #57c22d}.TaskCompletion .main .left .result .content .task-table .difficulty-4:hover{color:#fff;background:#57c22d}.TaskCompletion .main .left .result .content .task-table .difficulty-5{color:#3b99d9;background:#ebf5fb;border:.00694rem solid #3b99d9}.TaskCompletion .main .left .result .content .task-table .difficulty-5:hover{color:#fff;background:#3b99d9}.TaskCompletion .main .left .result .content .task-table .difficulty-6{color:#9c44cc;background:#f5ecfa;border:.00694rem solid #9c44cc}.TaskCompletion .main .left .result .content .task-table .difficulty-6:hover{color:#fff;background:#9c44cc}.TaskCompletion .main .left .result .content .task-table .difficulty-7{color:#0f2067;background:#e7e8f0;border:.00694rem solid #0f2067}.TaskCompletion .main .left .result .content .task-table .difficulty-7:hover{color:#fff;background:#0f2067}.TaskCompletion .main .left .result .content .multiple-choice{padding:0 .20833rem}.TaskCompletion .main .left .result .content .multiple-choice .question{margin:.13889rem}.TaskCompletion .main .left .result .content .multiple-choice .question .header .que_title{font-size:.11111rem;color:#333;font-weight:700}.TaskCompletion .main .left .result .content .multiple-choice .question .header .que_desc{color:#777;font-size:.08333rem;margin:.06944rem 0}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .choice-box{margin:.06944rem 0;width:100%}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .pre-text{white-space:pre}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .correct{border-color:#67c23a}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled.is-checked .el-checkbox__inner:after{border-color:#fff}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled .el-checkbox__label{color:#606266}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled.error .el-checkbox__inner{background-color:#f56c6c;border-color:#f56c6c;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled.error .el-checkbox__inner:before{border-radius:10px;display:inline-block;content:"";width:80%;height:80%;background:url(../img/error.cd953fef.png) no-repeat 50%/100% 100%}.TaskCompletion .main .left .result .content .multiple-choice .question .choice-item .is-disabled.error .el-checkbox__inner:after{display:none}.TaskCompletion .main .left .result .content .learning{padding:0 .20833rem}.TaskCompletion .main .left .result .content .learning h2{font-size:.11111rem;margin:.10417rem 0 .06944rem}.TaskCompletion .el-checkbox__input{vertical-align:top;position:relative;top:2px}.TaskCompletion .el-checkbox__label{white-space:normal}.explain-box{width:70%;min-height:50%;overflow-y:scroll}.explain-box::-webkit-scrollbar{display:none}