/*-----faq------*/
.faq{padding:80px 0;}
.faq h1 {margin:0;text-align:center;font-size:48px;}
.faq ul{margin:50px 0 0;padding:0;}
.faq ul li {margin:0 0 15px 0;border:1px solid #ccc;padding:20px;cursor:pointer;}
.faq ul li .tit{height:30px;overflow:hidden;color:#202020;cursor:pointer;}
.faq ul li .tit .date-month{float:left;width:20px;line-height:30px;height:30px;font-size:16px;display:block;text-align:center;}
.faq ul li .tit h4{font-size:16px;color:#222;line-height:30px;height:30px;margin:0 0 0 30px;}

.faq ul li .con{color:#666;}
.faq ul li .con .date-day{float:left;width:20px;line-height:30px;height:30px;font-size:16px;display:block;text-align:center;}
.faq ul li .con .t{margin:0 0 0 30px;font-size:16px;line-height:21px;color:#666;padding:3px 0 0;}
.faq ul li .con .t p{padding:0;margin:0;}

@media screen and (min-width:768px){
  .faq ul li:hover{border-left:3px solid var(--bg-color);padding:20px 20px 20px 19px;box-shadow: rgba(0,0,0,0.09) 0px 6px 9px 0px;}
}

@media screen and (max-width:1171px) {
  .faq h1{font-size: 42px;}
}


@media screen and (max-width:768pzx){
  .faq{padding:50px 0;}
  .faq h1{font-size: 38px;}
}

@media screen and (max-width:576px){
  .faq{padding:30px 0;}
  .faq ul li{padding:13px;}
}

@media screen and (max-width:480px){
  .faq ul li{padding:10px;}
  .faq h1{font-size: 36px;}
}