@charset "UTF-8";
.header-culture {
  width: 10rem;
  height: 3.21875rem;
}

/* 内容 */
.contact-list {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.contact-list .banner {
  width: 100%;
  height: 5rem;
  margin: 0.46875rem auto 0 auto;
}

.contact-list .c-list {
  width: 100%;
  height: auto;
}

.contact-list .c-list .contact-nav2 {
  width: 100%;
  height: 1.5625rem;
  display: block;
  background: #ff3f40;
  border-radius: 0.3125rem;
  margin: 0.3125rem 0;
}

.contact-list .c-list .contact-nav2 h2 {
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  line-height: 1.5625rem;
  font-weight: normal;
}

.contact-list .c-list ul {
  width: 100%;
  height: 0rem;
  overflow: hidden;
  transition: height 1s;
  -moz-transition: height 1s;
  /* Firefox 4 */
  -webkit-transition: height 1s;
  /* Safari 和 Chrome */
  -o-transition: height 1s;
  /* Opera */
}

.contact-list .c-list ul li {
  width: 100%;
  height: 4.6875rem;
  background: #f0f0f0;
  border-radius: 0.3125rem;
  margin: 0.3125rem 0;
}

.contact-list .c-list ul li h3 {
  width: 100%;
  height: 1.5625rem;
  text-align: center;
  color: #000;
  border-bottom: 0.01563rem solid #d8d8d8;
  font-weight: normal;
  margin-bottom: 0.1875rem;
  overflow: hidden;
}

.contact-list .c-list ul li h3 span {
  width: 100%;
  height: 0.78125rem;
  display: block;
  font-size: 0.5rem;
  line-height: 0.78125rem;
  margin-top: 0.15625rem;
}

.contact-list .c-list ul li h3 i {
  width: 100%;
  height: 0.46875rem;
  display: block;
  font-size: 0.3125rem;
  line-height: 0.46875rem;
}

.contact-list .c-list ul li p {
  width: 4.375rem;
  height: 0.625rem;
  margin: 0 0 0 1.6875rem;
  line-height: 0.625rem;
  text-align: center;
  font-size: 0.3125rem;
  color: #646464;
  padding-left: 0.625rem;
}

.contact-list .c-list ul li p:nth-child(3) {
  background-position: 0.15625rem -2.625rem;
}

.contact-list .c-list ul li p:nth-child(4) {
  background-position: 0.15625rem -3.15625rem;
}

.contact-list .c-list ul li p:nth-child(5) {
  background-position: 0.15625rem -12.9375rem;
}

.contact-list .c-list ul li p a {
  width: 1.5625rem;
  height: 0.46875rem;
  display: inline-block;
  background: #ff0000;
  color: #fff;
  border-radius: 0.125rem;
  line-height: 0.46875rem;
  margin: 0.07813rem 0 0 0.07813rem;
}

.contact-list .c-list ul.on {
  height: auto;
}

.contact-list-2 {
  width: 10rem;
  height: 22.65625rem;
  margin: 0.9375rem auto 0.3125rem auto;
  background: url("../../../toys-wap-en/img/contact/contact-2.jpg") no-repeat top center;
  background-size: 100% auto;
  /* 售后服务 */
}

.contact-list-2 .j-email {
  width: 100%;
  height: auto;
  display: block;
}

.contact-list-2 .j-email h2 {
  width: 7.8125rem;
  height: 1.875rem;
  margin: 10.625rem auto 0 auto;
  text-align: center;
  font-size: 0.625rem;
  font-weight: bolder;
  line-height: 0.9375rem;
  color: #636363;
}

.contact-list-2 .j-email h2 span {
  width: 100%;
  height: 0.9375rem;
  display: block;
  text-align: left;
}

.contact-list-2 .j-email p {
  width: 7.8125rem;
  height: 3.125rem;
  display: block;
  margin: 1.25rem auto 0 auto;
  text-align: justify;
  line-height: 0.78125rem;
  text-justify: inter-ideograph;
  color: #636363;
}

.contact-list-2 .j-email em {
  width: 8.125rem;
  height: 0.625rem;
  display: block;
  margin: 1.25rem auto 0 auto;
  font-size: 0.625rem;
  line-height: 0.9375rem;
  color: #636363;
}

.contact-list-2 .j-email .j-tcode {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0.625rem 0 0 5.9375rem;
  background: #fff;
  overflow: hidden;
}

.contact-list-2 .j-email .j-tcode img {
  width: 2.96875rem;
  height: 2.96875rem;
  display: block;
  margin: 0.07813rem;
}

.contact-list-2 p {
  width: 100%;
  height: 0.9375rem;
  display: block;
  font-size: 0.3125rem;
  line-height: 0.9375rem;
  text-align: center;
  color: #000;
}