.body-box{width:100%;margin:50px auto;position: relative;}

.timer-shaft-box{width:100%;box-sizing: border-box;padding: 0 1.1333rem}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
.timer-left{position:absolute;top:2.2333rem;left:3%;z-index:99;width:0.5333rem;height:0.5333rem;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: 100% 100%;cursor:pointer;}
.timer-right{position:absolute;top:2.2333rem;;right:3%;z-index:99;width:0.5333rem;height:0.5333rem;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: 100% 100%;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;font-size: 0;white-space: nowrap;padding-left: 0.6333rem}
.timer-scale-cont{display:inline-block;height:100%;line-height:30px;}
.time-circle{display:inline-block;vertical-align:middle;height:110px;line-height: 10px;text-align: center;font-size:0.32rem;color:#fff;border-radius: 50%;cursor:pointer;position: relative;margin: 0 -17px}
.time-circle::after{
    background: url(../images/2.png) no-repeat;position: absolute;content: "";width: 9px;height: 35px;top: 34px;left: 50%;transform: translateX(-50%);
}
.timer-scale-cont.hov .time-circle{height:130px;line-height: 30px;font-size:0.48rem;margin: 0 -24px}
.timer-scale-cont.hov .time-circle::after{
    background: url(../images/1.png) no-repeat;top: 44px
}
.line-scale{display:inline-block;vertical-align:middle;width:250px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: 100% 100%;}


.timer-shaft-content{width:100%;margin-top:0.4rem;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
/* .month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;} */
.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.month-detail-box p{padding-left:0.8rem;line-height:2;font-size:14px;color:#333;position: relative;color: #fff;margin-bottom: 10px}
.incident-record a{font-size:14px;color:#1d69a3;}
.month-detail-box p:before{content: '';position:absolute;top:8%;left:0rem;width:0.4267rem;height:0.2667rem;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

@media (max-width: 1200px){
    .month-detail-box p{
        line-height: initial;
        font-size: 12px;
    }
}
@media (min-width: 1200px) { 
    .body-box{width:1200px;margin:50px auto;}

    .timer-shaft-box{width:100%;padding:30px 40px;box-sizing: border-box;}
    .timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
    .timer-left{position:absolute;top:100px;left:-20px;z-index:99;width:40px;height:40px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: 100% 100%;cursor:pointer;}
    .timer-right{position:absolute;top:100px;;right:-20px;z-index:99;width:40px;height:40px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: 100% 100%;cursor:pointer;}
    .timer-scale{position:absolute;top:0;left:0;height:80px;font-size: 0;white-space: nowrap;padding: 0 50px}
    .timer-scale-cont{display:inline-block;height:100%;line-height:30px;}
    .time-circle{display:inline-block;vertical-align:middle;height:110px;line-height: 10px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;cursor:pointer;position: relative;margin: 0 -17px}
    .time-circle::after{
        background: url(../images/2.png) no-repeat;position: absolute;content: "";width: 9px;height: 35px;top: 34px;left: 50%;transform: translateX(-50%);
    }
    .timer-scale-cont.hov .time-circle{height:130px;line-height: 30px;font-size:24px;margin: 0 -24px}
    .timer-scale-cont.hov .time-circle::after{
        background: url(../images/1.png) no-repeat;top: 44px
    }
    .line-scale{display:inline-block;vertical-align:middle;width:250px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: 100% 100%;}


    .timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
    .shaft-detail-cont{display: none;width:100%;}
    .timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
    .icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
    .timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
    .month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
    /* .month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;} */
    .month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
    .month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
    .incident-record{display:inline-block;line-height:2;font-size:18px;color:#333;position: relative;color: #fff;margin-bottom: 10px}
    .incident-record a{font-size:14px;color:#1d69a3;}
    .incident-record:before{content: '';position:absolute;top:50%;transform: translateY(-50%);left:0px;width:32px;height:20px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
}