.body-box{width:100%;margin:0 auto;background:#fff}
.timer-shaft-box{width:100%;box-sizing:border-box}
.timer-shaft{position:relative;width:100%;height:82px;overflow:hidden}
.timer-left{position:absolute;top:50%;left:20px;z-index:89;width:23px;height:37px;margin-top:-18.5px;background:url(images/icon_left.png) no-repeat;background-size:cover;cursor:pointer}
.timer-right{position:absolute;top:50%;right:20px;z-index:89;width:23px;height:37px;margin-top:-18.5px;background:url(images/icon_right.png) no-repeat;background-size:cover;cursor:pointer}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left:80px;font-size:0;white-space:nowrap}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;user-select:none;}
.time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;border-radius:50%;background:#e2302e;transition:all .3s;cursor:pointer}
.timer-scale-cont.hov .time-circle{width:80px;height:80px;line-height:80px;font-size:24px;background:#ff8d3d}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;background:url(images/icon_scale.png) no-repeat;background-size:cover}
.timer-shaft-content{width:100%;margin-top:45px;font-size:0;box-sizing:border-box;white-space:nowrap}
.shaft-detail-cont{width:100%; height:0px; opacity:0; -webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}

.timer-year{padding-left:20px;font-weight:700;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:700;color:#333; transform:translateX(-50px); -webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.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;padding-left:71px;line-height:2;font-size:14px;color:#333;transform:translateX(50px); -webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.incident-record a{font-size:14px;color:#1d69a3}

.shaft-detail-cont.show{height:auto; opacity:1;}
.shaft-detail-cont.show .month-detail-box .month-title{transform:translateX(0);}
.shaft-detail-cont.show .month-detail-box .incident-record{transform:translateX(0);}