@charset "utf-8";

.list li {
	display: block;
    margin-top: 30px;
    text-align: center;
	border: 1px solid #d70e1e;
}

.list li:hover {
	background: #d70e1e;
}

.list li a {
	color: #d70e1e;
    text-decoration: none;
    font-family: "微软雅黑";
    font-size: 55px;
    font-weight: 900;
	display: block;
	width: 100%;
	height: 100px;
	line-height: 100px;
}

.list li:hover a {
	color: #fff;
}

.togglebox {
  margin: 0 auto;
  background: #fff;
  transform: translateZ(0);
}

.togglebox input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.togglebox label {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  color: #d70e1e;
}

.togglebox label[for*='1'] {
  border: 0;
}

.togglebox label:after {
  content: '\f078';
  position: absolute;
  top: 0px;
  right: 20px;
  font-family: fontawesome;
  transform: rotate(0deg);
  transition: .3s transform;
}

.togglebox section {
  display: block;
  transition: .3s all;
  overflow: hidden;
}

/* #toggle1:checked ~ label[for*='1']:after,
#toggle2:checked ~ label[for*='2']:after,
#toggle3:checked ~ label[for*='3']:after,
#toggle4:checked ~ label[for*='4']:after {
  transform: rotate(0deg);
}

#toggle1:checked ~ #content1,
#toggle2:checked ~ #content2,
#toggle3:checked ~ #content3,
#toggle4:checked ~ #content4 {
  display: block;
} */