.productBox{
  background:#f8f8f8;
  padding:10px 5px;
}
.productBox span{
  display:inline-block;
  font-style:normal;
  margin:0;
  color:#ccc
}
.productBox .c{
  display:none;
  transition: all .5s ease;
}
.productBox .c .c-it{
  color:rgb(134, 134, 134);
  text-indent: 10px;
  font-size:10px;
  height:30px;
  line-height: 30px;
  margin:0;
  border-bottom:1px dashed  #ccc;
  cursor:pointer
}
.productBox .c .c-it aside{
  display:inline-block
}
.productBox .itemTitle{
  height:30px;
  display:flex;
  margin-bottom:10px;
  cursor:pointer
}
.productBox .itemTitle span:nth-of-type(1){
  height:inherit;
  width:30px;
  background:rgba(0, 0, 0, 0.651);
  line-height: 30px;
  text-align: center;
  font-size:30px;
  border-right:1px solid #fff;
}
.productBox .itemTitle span:nth-of-type(2){
  flex:1;
  text-align:center;
  line-height: 30px;
  color:#fff;
  background:rgb(151, 20, 20)
}
.w3_agileits_about_grid_right{
  padding-left:50px
}
.w3_agileits_about_grid_right .r-c{

}
.w3_agileits_about_grid_right .r-c .h3 span{
  padding:5px 8px;
  width:auto;
  font-size:20px;
  background-color: rgb(151, 20, 20);
  color:#fff;
  border-radius: 3px;
}
.r-c .c-c .cc h4{
  color:rgb(151, 20, 20);
  margin-top:20px;
  margin-bottom:20px;
  font-weight: 600;
}
.r-c .c-c .cc p{
  font-weight: 600;
}

