/*事故列表*/
.detailpage-t{height: 6vh;width: 60%;margin: 0 auto;margin-top: 3vh;}
.detailpage-t>div{margin-right: 0.5vw;}
.detailpage-t>div>p{padding: 1vh 1.8vw;background-color: #000; color: #fff;cursor: pointer;font-size: 0.8vw;}
.detailpage-t>div ul{position: absolute;display: none;padding-top: 0.5vh;z-index: 999;}
.detailpage-t>div ul li {padding: 0.5vw 4vh;background-color: #000; color: #fff;cursor: pointer;font-size: 0.8vw;}
.detailpage-t div>.active{background: #CA291B}
.detailpage-t>div ul>.active{color: #CA291B}
.detailpage-t>div ul>.hover{color: #CA291B}
.detailpage{width: 60%;margin: 0 auto;margin-bottom: 3vh;}
.detailpage .detailpage-c-t span:nth-child(1){display: inline-block;width: 0.4vw;height: 3vh;border-radius: 5px;background: #CA291B;vertical-align: middle;margin-right: 0.5vw;}
.detailpage .detailpage-c-t span:nth-child(2){display: inline-block;font-size: 1.5vw;font-weight: bold;vertical-align: middle;font-family: Alimama ShuHeiTi-Bold;}
.detailpage .detailpage-c-t>div{display: flex;}
.detailpage .detailpage-c-t>div p img{width: 1.1vw;height: 1.1vw;vertical-align: middle;margin: auto;margin-right: 0.5vw;}
.detailpage .detailpage-c-t>div p input{width: 10vw;font-size: 0.8vw;height: 100%;}
.detailpage .detailpage-c-t>div p{border: 1px solid #000;border-right: none;padding-left: 0.5vw;}
.detailpage .detailpage-c-t>div div{font-size: 0.8vw;background-color: #CA291B;color: #fff;padding: 1vh 2vw;}
.detailpage-c-b{margin-top: 3vh;margin-bottom: 3vh;}
.detailpage-c-b .detailpage-c-b-l{width: 50%;height: 45vh;position: relative;line-height: 45vh;}
.detailpage-c-b .detailpage-c-b-l>img{width: 100%;vertical-align: middle;}
.detailpage-c-b .detailpage-c-b-l .content {position: absolute;bottom: 0px;height: 10vh;line-height: 4vh; background-color: rgba(202, 41, 27,0.8);padding: 2vh 1.2vw;width: 100%;box-sizing: border-box;}
.detailpage-c-b .detailpage-c-b-l .content .content-l{width: 90%;}
.detailpage-c-b .detailpage-c-b-l .content .content-l h1{font-size: 1.3vw;font-weight: bold;color: #fff;overflow: hidden;margin-bottom: 0.5vh;
    text-overflow:ellipsis;
    white-space: nowrap;}
.detailpage-c-b .detailpage-c-b-l .content .content-l p{font-size: 0.7vw;color: #fff;line-height:100%;}
.detailpage-c-b .detailpage-c-b-l .content .content-l p img{width: 1vw;height: 1vw;vertical-align: middle;margin-right: 0.5vw;}
.detailpage-c-b .detailpage-c-b-l .content .content-l p span{vertical-align: middle;display: inline-block;font-size: 0.7vw;}
.detailpage-c-b .detailpage-c-b-r{width: calc(50% - 20px);height: 45vh;padding: 0.5vw;box-sizing: border-box;background-color: #F4F4F4;overflow: hidden;padding-left: 3vw;}
.detailpage-c-b .detailpage-c-b-r ul {width: 100%;height: 100%;overflow-y: auto;}
.detailpage-c-b .detailpage-c-b-r ul::-webkit-scrollbar {
    width: 5px;
}
.detailpage-c-b .detailpage-c-b-r ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 5px rgba(202, 41, 27,1);
    background: rgba(202, 41, 27,1);
}
.detailpage-c-b .detailpage-c-b-r ul li {margin-bottom: 2vh;}
.detailpage-c-b .detailpage-c-b-r ul li h1{font-size: 1.2vw;font-weight: bold;margin-bottom: 0.5vh;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.detailpage-c-b .detailpage-c-b-r ul li p{font-size: 14px;}
.detailpage-c-b .detailpage-c-b-r ul li p img{width: 1vw;height: 1vw;vertical-align: middle;margin-right: 10px;}
.detailpage-c-b .detailpage-c-b-r ul li p span{vertical-align: middle;display: inline-block;font-size: 0.7vw;}
.detailpage .report{display: none;}
.detailpage .report .report-t{margin-bottom: 40px;}
.detailpage .report .report-t span:nth-child(1){display: inline-block;width: 0.4vw;height: 3vh;border-radius: 5px;background: #CA291B;vertical-align: middle;margin-right: 0.5vw;}
.detailpage .report .report-t span:nth-child(2){display: inline-block;font-size: 1.5vw;font-weight: bold;vertical-align: middle;font-family: Alimama ShuHeiTi-Bold;}
.detailpage .report .report-t >div{display: flex;}
.detailpage .report .report-t >div p img{width: 1.1vw;height: 1.1vw;vertical-align: middle;margin: auto;margin-right: 10px;}
.detailpage .report .report-t >div p input{width: 10vw;font-size: 0.8vw;height: 100%;}
.detailpage .report .report-t >div p{border: 1px solid #000;border-right: none;padding-left: 0.5vw;}
.detailpage .report .report-t >div div{font-size: 0.8vw;background-color: #CA291B;color: #fff;padding: 1vh 2vw;}
.detailpage .report .report-b {overflow:hidden;cursor: pointer;}
.detailpage .report .report-b .report-b-c{width: calc(100% / 3 - 20px);height: 30vh;position: relative;float: left;margin-bottom: 2vh;}
.detailpage .report .report-b .report-b-c:nth-child(3n-1){margin-left: 1vw;margin-right: 1vw;}
.detailpage .report .report-b .report-b-c img{width: 100%;height: 100%;}
.detailpage .report .report-b .report-b-c .content{position: absolute;bottom: 0px;background-color: rgba(255, 255, 255,0.8);padding: 2vh 1.2vw;width: 100%;box-sizing: border-box;}
.detailpage .report .report-b .report-b-c .content h1{font-size: 1.3vw;;font-weight: bold;overflow: hidden;margin-bottom: 0.5vh;
    text-overflow:ellipsis;
    white-space: nowrap;}
.detailpage .report .report-b .report-b-c .content p{font-size: 0.7vw;}
.detailpage .report .report-b .report-b-c .content p img{width: 1vw;height: 1vw;vertical-align: middle;margin-right: 10px;}
.detailpage .report .report-b .report-b-c .content p span{vertical-align: middle;display: inline-block;font-size: 14px;}
.detailpage .report .report-b .report-b-b{width: calc(100% / 3 - 20px);height: 30vh;position: relative;float: left;margin-bottom: 20px;background-image: url(../img/back.png); background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.detailpage .report .report-b .report-b-b:nth-child(3n-1){margin-left: 20px;margin-right: 20px;}
.detailpage .report .report-b .report-b-b .text{color: #0476F9;text-align: center;font-size: 1.2vw;font-weight: bold;margin-top: 6vh;padding: 0 10px;}
.detailpage .report .report-b .report-b-b .text p{padding: 0.2vh 0.5vw;margin-top: 20px;text-align: left;background-color: rgba(0, 0, 0, 0.5);display: inline-block;position: absolute;bottom: 0;right: 0;font-size: 1vw;}
.detailpage .report .report-b .report-b-b .text p img{width: 1vw;height: 1vw;vertical-align: middle;margin-right: 10px;}
.detailpage .report .report-b .report-b-b .text p span{vertical-align: middle;display: inline-block;font-size: 0.6vw;color: #fff;}
.detailpage .report .report-b .report-b-b .content{position: absolute;bottom: 0px;background-color: rgba(255, 255, 255,0.9);padding: 10px 15px;width: 100%;box-sizing: border-box;}
.detailpage .report .report-b .report-b-b .content h1{font-size: 1.2vw;font-weight: bold;overflow: hidden;margin-bottom: 5px;
    text-overflow:ellipsis;
    white-space: nowrap;}
.detailpage .report .report-b .report-b-b .content p{font-size: 14px;}
.detailpage .report .report-b .report-b-b .content p img{width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;}
.detailpage .report .report-b .report-b-b .content p span{vertical-align: middle;display: inline-block;font-size: 14px;}
.detailpage .report .report-c .btn{display: inline-block;padding: 5px 20px;margin-bottom: 20px;font-size: 20px;background-color: #CA291B;color: #fff;cursor: pointer;}
.fenpian{ display: flex; display: -webkit-flex; border:1px solid #F5F5F5; padding: 20px 0; border-left: none; border-right: none; margin: 50px 0;
justify-content: space-between;}
input::-webkit-input-placeholder{

    /* placeholder字体大小 */
    font-size: 0.8vw;
    }
body{
    background-color: #F4F4F4;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
 .escalation{width: 60%;margin: 0 auto;}
 .escalation .escalation-t{margin-bottom: 40px;}
 .escalation .escalation-t span:nth-child(1){display: inline-block;width: 0.4vw;height: 3vh;border-radius: 5px;background: #CA291B;vertical-align: middle;margin-right: 0.5vw;}
 .escalation .escalation-t span:nth-child(2){display: inline-block;font-size: 1.5vw;font-weight: bold;vertical-align: middle;font-family: Alimama ShuHeiTi-Bold;}
 .escalation .escalation-c .escalation-c-t{padding: 2vh 1.5vw;background-color: #fff;}
 .escalation .escalation-c .escalation-c-t h1{font-size: 0.8vw;font-weight: bold;}
 .escalation .escalation-c .escalation-c-t h1 span{color: #CA291B;}
 .escalation .escalation-c .escalation-c-t input{height: 4.8vh;width: 100%;border: 0.1vw #707070 solid;margin-top: 2vh;padding-left: 1vw;background-color: #fff;}
 .escalation .escalation-c .escalation-c-c{margin-top: 1vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-t div{padding-bottom: 2vh;font-size: 0.8vw;margin: 2vh 1.5vw;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-t div.active{color: #CA291B;border-bottom: 0.4vh #CA291B solid;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c{padding: 4vh 1.5vw;background-color: #fff;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType{margin-bottom: 6vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType h1{font-size: 0.8vw;font-weight: bold;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType h1 span{color: #CA291B;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType .option {margin-top: 2vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType .option p{width: 7.2vw;height: 4.8vh;line-height: 4.8vh;text-align: center;display: inline-block;border: 0.1vw solid #333333;margin-right: 1.5vw;font-size: 0.8vw;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentType .option p.active{color: #CA291B;border-color: #CA291B;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType{margin-bottom: 6vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType h1{font-size: 0.8vw;font-weight: bold;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType h1 span{color: #CA291B;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType .option {margin-top: 2vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType .option p{width: 7.2vw;height: 4.8vh;line-height: 4.8vh;text-align: center;display: inline-block;border: 0.1vw solid #333333;margin-right: 1.5vw;font-size: 0.8vw;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .pipelineType .option p.active{color: #CA291B;border-color: #CA291B;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause{margin-bottom: 6vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause h1{font-size: 0.8vw;font-weight: bold;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause h1 span{color: #CA291B;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause .option {margin-top: 2vh;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause .option p{width: 7.2vw;height: 4.8vh;line-height: 4.8vh;text-align: center;display: inline-block;border: 0.1vw solid #333333;margin-right: 1.5vw;font-size: 0.8vw;}
 .escalation .escalation-c .escalation-c-c .escalation-c-c-c .accidentCause .option p.active{color: #CA291B;border-color: #CA291B;}