/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
html,body{
  width: 100%;
  height: 100%;
  font-family: "microsoft yahei";
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling : touch;

}

h1,h2,h3,h4,h5,h6{
  font-size:100%}
a{
  text-decoration:none;
  outline: none;
}
a:hover{
  text-decoration:none;
  text-underline: none;
}
img{
  border:0}
ul,li{
  list-style: none;
}
i{
  font-style: normal;
}
table{
  border-collapse:collapse;
  border-spacing:0}
button{
  cursor: pointer;
}
input,select,button,a,textarea{
  border: 0;
  outline: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input:-moz-placeholder{
  color: #c9c9c9;
}
input:-ms-input-placeholder{
  color: #c9c9c9;
}
input::-webkit-input-placeholder{
  color: #c9c9c9;
}
/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸*/
.body-box{
  width: 100%;
  /* margin:100px auto; */
  background: #fff;
}
.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:50%;
  left:20px;
  z-index:99;
  width:23px;
  height:37px;
  margin-top:-18.5px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024121219362402857/cms/image/9e8f3359-c57e-4baf-ae6a-aa073e977751.png?d=1740384970968) no-repeat;
  background-size: cover;
  cursor:pointer;
}
.timer-right{
  position:absolute;
  top:50%;
  right:20px;
  z-index:99;
  width:23px;
  height:37px;
  margin-top:-18.5px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024121219362402857/cms/image/5e90d8dc-7e25-4674-9b60-f693f1ff97d3.png?d=1740384996016) 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;
}
.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: #006ed9;
  transition: all .3s;
  cursor:pointer;
}
.timer-scale-cont.hov .time-circle{
  width:80px;
  height:80px;
  line-height: 80px;
  font-size:24px;
  background: #0054a3;
}
.line-scale{
  display:inline-block;
  vertical-align:middle;
  width:150px;
  height:22px;
  margin:0 2px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024121219362402857/cms/image/cacc60ab-841e-485b-9acd-a97f4af05984.png?d=1740385039608) no-repeat;
  background-size: cover;
}
.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(https://omo-oss-image.thefastimg.com/portal-saas/pg2024121219362402857/cms/image/1f6f1011-61c6-45cc-a744-9627c73dcd32.png?d=1740385205111) 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 #1b65ac;
}
.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(/img/icon_circle.png) no-repeat;
  background-size: cover;
}
.incident-record{
  display:inline-block;
  padding-left:71px;
  line-height:2;
  font-size: 16px;
  color:#333;
}
.incident-record a{
  font-size:14px;
  color:#1d69a3;
}
