.taskdetail-box{width:100%;height:100%}.taskdetail-box .taskdetail-conter{width:1200px;height:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.taskdetail-box .taskdetail-conter .taskdetail-left{width:320px;background-color:#fff;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.taskdetail-box .taskdetail-conter .taskdetail-left .left-pli .left-pli_st1{font-size:12px;color:#909399}.taskdetail-box .taskdetail-conter .taskdetail-left .left-pli .left-pli_st2{font-size:14px;color:#303133}.taskdetail-box .taskdetail-conter .taskdetail-left .left-pli .left-pli_st3{font-size:20px;font-weight:500;color:#2254f4;line-height:1.5}.taskdetail-box .taskdetail-conter .taskdetail-left .left-pli .left-pli_st4{font-size:12px;color:#303133}.taskdetail-box .taskdetail-conter .taskdetail-left .left-pli+.left-pli{margin-top:16px}.taskdetail-box .taskdetail-conter .taskdetail-left .left-but{background-color:#2254f4;border-radius:4px;font-size:12px;color:#fff;text-align:center;padding:10px 0;margin-top:32px;cursor:pointer}.taskdetail-box .taskdetail-conter .taskdetail-left .left-but i{font-size:12px;margin-right:5px}.taskdetail-box .taskdetail-conter .taskdetail-left .left-but:hover{opacity:.9}.taskdetail-box .taskdetail-conter .taskdetail-right{margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:100%;overflow:auto;background-color:#fff;padding:20px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.taskdetail-box .taskdetail-conter .taskdetail-right .right-h1{font-size:20px;color:rgba(0,0,0,.85);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-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}.taskdetail-box .taskdetail-conter .taskdetail-right .right-h2{display:inline-block;font-size:12px;font-weight:400;border-radius:4px;background-color:#909399;color:#fff;padding:2px 5px;margin-left:10px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul{margin-top:30px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_head{font-size:16px;color:#2254f4}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-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;padding:40px 0}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__step{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-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;margin-right:10px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__step .step-icon{margin-right:8px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background-color:#c0c4cc;border-radius:100%;color:#fff;font-size:14px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__step .step-title{padding-right:16px;font-weight:500;color:#c0c4cc;font-size:16px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__step .step-line{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;border-top:2px dotted #d8dce6}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__step:last-child{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-right:0}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__active .step-icon{background-color:#2254f4}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__active .step-title{color:#2254f4}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-progress .progress__active .step-line{border-top:2px dotted #2254f4}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_particulars{padding:30px 0}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_particulars p{line-height:2;color:#303133}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_particulars img{width:100%}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_norm{padding:20px}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_norm .norm-li{font-size:16px;color:#2254f4;line-height:2;cursor:pointer}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul .right-ul_norm .norm-li:hover{text-decoration:underline}.taskdetail-box .taskdetail-conter .taskdetail-right .right-ul+.right-ul{border-bottom:1px solid #e5e5e5}