/**aboutThePrenatal.wxss 产检须知**/

#scroll {
  width: 100%;
  height: 86px;
	white-space: nowrap;
  overflow:scroll;
  ovoverflow-x:hidden;
  position: absolute;
  top: 12px;
}

.scroll-view-item {
	display: inline-block;
  height: 30px;
	width: 14.2857%;
  margin-top: 44px;
  border-top: #f4879b 2px solid;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent; 
}

#icon-view {
  width: 42px;
  height: 42px;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.yearText {
  display: block;
  float: left;
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  color: #858585;
  margin-top: 2px;
  width: 100%;
}

.scale-line {
  background: #f4879b 1px;
  height: 9px;
  width: 2px;
  margin:0 auto;
}

#flag{
	position: absolute;
	width: 10px;
	height: 200px;
	background-color: red;
	top: 50px;
	left:calc(50% - 5px);
}


/*----------下方卡片----------*/
.aboutThePrenatal{
  background: #d8dbd4;
  height: 100%
}

/*八宫格*/
.aboutThePrenatal__grid{
  /*position: relative;*/
  background: white;
  border-radius: 4px;
  margin: 5px 3px 0rpx 3px;
}

.aboutThePrenatal__grid__round{
  position: relative;
}

/*周数与日期*/
.aboutThePrenatal__grid__time1{
  position: relative;
  height: 65px;
}
.aboutThePrenatal__grid__time-left{
  position: absolute;
  left: 15px;
}

.aboutThePrenatal__grid__time-left-num{

  left: 0px;
  top: 0rpx;
  font-size: 35px;
  color: #ee7e89;
  font: bold;
  line-height: 65px;
  margin-top: 3px;
  display: inline-block
}

.aboutThePrenatal__grid__time-left-week{
  left: 38px;
  line-height: 65px;
  top: 0rpx;
  font: bold;
  font-size: 17px;
  color: #5e5e5e;
  margin-top: 6px;
  display: inline-block
}

.aboutThePrenatal__grid__time-right{
  position: absolute;
  right: 15px;
  color: #979797;
  font: medium;
  font-size: 10px;
  line-height: 65px;
  margin-top: 10px;
}

.aboutThePrenatal__grid__round__bg{
  width: 39px;
  height: 39px;
  position: absolute;
  top: 0px;
  border-radius: 1000px;
  /*居中*/
  left: 50%;
  transform: translateX(-50%);
}

.aboutThePrenatal__grid__round__img{
  position: absolute;
  width: 39px;
  height: 39px;
  top: 0px;
  /*居中*/
  left: 50%;
  transform: translateX(-50%);
}

.aboutThePrenatal__grid__title{
  font-size: 12px;
  width: 80%;
  color: white;
  line-height: 13px;
  text-align:center;
}

.aboutThePrenatal_grid {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.aboutThePrenatal__grid_navigator{
  height: 40px;
  width: 33.333333%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*竖直分割线线 开始----------------------------------------------*/
.aboutThePrenatal__grid__navigator__leftline{
  position: absolute;
  width: 1px;
  right: 0px;
  top:10px;
  bottom: 0px;
  background: #d8dbd4
}

.aboutThePrenatal__grid__navigator__leftline2{
  position: absolute;
  width: 1px;
  right: 0px;
  top:0px;
  bottom: 10px;
  background: #d8dbd4
}
/*竖直分割线线 结束----------------------------------------------*/

/*底部分割线 开始 ----------------------------------------------------*/
.aboutThePrenatal__grid__navigator__bottomline{
  position: absolute;
  height: 1px;
  right: 0px;
  left:10px;
  bottom: 0px;
  background: #d8dbd4
}
.aboutThePrenatal__grid__navigator__bottomline2{
  position: absolute;
  height: 1px;
  right: 0px;
  left:0px;
  bottom: 0px;
  background: #d8dbd4
}
.aboutThePrenatal__grid__navigator__bottomline3{
  position: absolute;
  height: 1px;
  right: 10px;
  left:0px;
  bottom: 0px;
  background: #d8dbd4
}
/*底部分割线 结束 ------------------------------------------------------*/

/*粉红色的顶部title*/
.aboutThePrenatal__grid__toptitle{
  height: 30px;
  background: #ffacbb;
  color: white;
  font-size: 13px;
  font: medium;
  line-height: 30px;
  padding: 0rpx 15px 0rpx 15px;
}

/*须知内容*/
.aboutThePrenatal__grid__content{
  color: #5e5e5e;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 15px 70px 15px;
  font: lighter
}