.auditDetails-page .auditDetails-step-right ul li:nth-child(4){position:absolute;right:33px;top:40px;padding-left:30px}.auditDetails-page .auditDetails-step-right ul li:nth-child(4):before{content:"";display:inline-block;position:absolute;height:91px;top:14px;left:4px;border:1px dashed #e8e8e8}.auditDetails-page{background:#fff;position:relative;height:100vh}.auditDetails-page .auditDetails-step-left{position:absolute;width:100%}.auditDetails-page .auditDetails-step-left ul li{position:relative;color:#a2a2a2}.auditDetails-page .auditDetails-step-left ul li:first-child{position:absolute;left:33px;top:340px;padding-right:30px}.auditDetails-page .auditDetails-step-left ul li:first-child .dot{left:unset;right:-1px;z-index:2}.auditDetails-page .auditDetails-step-left ul li:first-child:before{content:"";display:inline-block;position:absolute;height:47px;top:14px;left:125px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-left ul li:nth-child(2){position:absolute;left:33px;top:240px;padding-right:30px}.auditDetails-page .auditDetails-step-left ul li:nth-child(2) .dot{left:unset;right:-1px;z-index:2}.auditDetails-page .auditDetails-step-left ul li:nth-child(2):before{content:"";display:inline-block;position:absolute;height:91px;top:14px;left:125px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-left ul li.active .dot,.auditDetails-page .auditDetails-step-left ul li.actived .dot,.auditDetails-page .auditDetails-step-left ul li.warning-active .dot{background:#27a5f9;z-index:3}.auditDetails-page .auditDetails-step-left ul li.active .dot:before,.auditDetails-page .auditDetails-step-left ul li.actived .dot:before,.auditDetails-page .auditDetails-step-left ul li.warning-active .dot:before{content:"";display:inline-block;width:17px;height:17px;background:rgba(39,165,249,0);border-radius:50%;position:absolute;top:-4px;left:-4px;border:1px solid #27a5f9;box-sizing:border-box;z-index:3}.auditDetails-page .auditDetails-step-left ul li.active .dot{background:#27a5f9}.auditDetails-page .auditDetails-step-left ul li.active .dot:before{border:1px solid #27a5f9}.auditDetails-page .auditDetails-step-left ul li.actived .dot{background:#6a92c2}.auditDetails-page .auditDetails-step-left ul li.actived .dot:before{border:none}.auditDetails-page .auditDetails-step-left ul li.warning-active .dot{background:#ff8950}.auditDetails-page .auditDetails-step-left ul li.warning-active .dot:before{border:1px solid #ff8950}.auditDetails-page .auditDetails-step-left ul li .dot{width:9px;height:9px;background:#e8e8e8;position:absolute;left:0;border-radius:50%;top:5px}.auditDetails-page .auditDetails-step-left ul li .name{font-size:15px;line-height:20px;font-weight:400;width:80px}.auditDetails-page .auditDetails-step-left ul li .time{width:80px;margin-top:8px;font-size:12px;line-height:14px;font-weight:400}.auditDetails-page .auditDetails-step-left ul li #xline3{width:calc(50% - 159px);border:1px dashed #e8e8e8;position:fixed;top:400px;left:159px}.auditDetails-page .auditDetails-step-right{position:absolute;width:100%}.auditDetails-page .auditDetails-step-right ul li{position:relative;color:#a2a2a2}.auditDetails-page .auditDetails-step-right ul li:nth-child(3){position:absolute;right:33px;top:140px;padding-left:30px}.auditDetails-page .auditDetails-step-right ul li:nth-child(3):before{content:"";display:inline-block;position:absolute;height:91px;top:14px;left:4px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-right ul li:nth-child(2){position:absolute;right:33px;top:240px;padding-left:30px}.auditDetails-page .auditDetails-step-right ul li:nth-child(2):before{content:"";display:inline-block;position:absolute;height:91px;top:14px;left:4px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-right ul li:first-child{position:absolute;right:33px;top:340px;padding-left:30px}.auditDetails-page .auditDetails-step-right ul li.active .dot,.auditDetails-page .auditDetails-step-right ul li.actived .dot,.auditDetails-page .auditDetails-step-right ul li.warning-active .dot{background:#27a5f9;z-index:3}.auditDetails-page .auditDetails-step-right ul li.active .dot:before,.auditDetails-page .auditDetails-step-right ul li.actived .dot:before,.auditDetails-page .auditDetails-step-right ul li.warning-active .dot:before{content:"";display:inline-block;width:17px;height:17px;background:rgba(39,165,249,0);border-radius:50%;position:absolute;top:-4px;left:-4px;border:1px solid #27a5f9;box-sizing:border-box;z-index:3}.auditDetails-page .auditDetails-step-right ul li.active .dot{background:#27a5f9}.auditDetails-page .auditDetails-step-right ul li.active .dot:before{border:1px solid #27a5f9}.auditDetails-page .auditDetails-step-right ul li.actived .dot{background:#6a92c2}.auditDetails-page .auditDetails-step-right ul li.actived .dot:before{border:none}.auditDetails-page .auditDetails-step-right ul li.warning-active .dot{background:#ff8950}.auditDetails-page .auditDetails-step-right ul li.warning-active .dot:before{border:1px solid #ff8950}.auditDetails-page .auditDetails-step-right ul li .dot{width:9px;height:9px;background:#e8e8e8;position:absolute;left:0;border-radius:50%;top:5px}.auditDetails-page .auditDetails-step-right ul li .name{font-size:15px;line-height:20px;font-weight:400;width:80px}.auditDetails-page .auditDetails-step-right ul li .name .error-color{color:#ff8950}.auditDetails-page .auditDetails-step-right ul li .time{width:80px;margin-top:8px;font-size:12px;line-height:14px;font-weight:400}.auditDetails-page .auditDetails-step-right ul li #xline1{position:fixed;width:calc(50% - 159px);border:1px dashed #e8e8e8;top:400px;right:159px}.auditDetails-page .auditDetails-step-right ul li #xline2{position:fixed;height:47px;top:354px;right:158px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-middle{position:absolute;width:100%}.auditDetails-page .auditDetails-step-middle ul li:first-child{position:absolute;left:50%;top:470px;text-align:center;margin-left:-65px}.auditDetails-page .auditDetails-step-middle ul li:first-child .dot{left:50%;right:unset;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-20px}.auditDetails-page .auditDetails-step-middle ul li:first-child:before{content:"";display:inline-block;position:absolute;height:50px;top:-70px;left:64px;border:1px dashed #e8e8e8}.auditDetails-page .auditDetails-step-middle ul li.active .dot{background:#27a5f9}.auditDetails-page .auditDetails-step-middle ul li.actived .dot{background:#6a92c2}.auditDetails-page .auditDetails-step-middle ul li .dot{width:9px;height:9px;background:#e8e8e8;position:absolute;left:0;border-radius:50%;top:5px}.auditDetails-page .auditDetails-step-middle ul li .name{font-size:14px;color:#fff;line-height:16px;font-weight:400}.auditDetails-page .auditDetails-step-middle ul li .time{margin-top:6px;font-size:12px;color:#fff;line-height:14px;font-weight:400}.auditDetails-page .addMaterial{color:#27a5f9;line-height:16px;font-weight:400;font-size:10px;z-index:2;margin-top:7px}.auditDetails-page .right-icon{width:12px;height:12px;vertical-align:text-top;position:relative;top:1px;left:2px}.auditDetails-page .card-box{padding:10px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border-radius:4px}.auditDetails-page .auditDetails-step-left .active .card-box .name,.auditDetails-page .auditDetails-step-left .actived .card-box .name,.auditDetails-page .auditDetails-step-left .warning-active .card-box .name,.auditDetails-page .auditDetails-step-right .active .card-box .name,.auditDetails-page .auditDetails-step-right .actived .card-box .name,.auditDetails-page .auditDetails-step-right .warning-active .card-box .name{color:#333}.auditDetails-page .auditDetails-step-left .active .card-box .time,.auditDetails-page .auditDetails-step-left .actived .card-box .time,.auditDetails-page .auditDetails-step-left .warning-active .card-box .time,.auditDetails-page .auditDetails-step-right .active .card-box .time,.auditDetails-page .auditDetails-step-right .actived .card-box .time,.auditDetails-page .auditDetails-step-right .warning-active .card-box .time{color:#999}.auditDetails-page .card-start{background:#6a92c2;border-radius:25px;padding:0 20px;width:130px;height:50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box}