﻿.content {
  background: #fafafa;
  padding-bottom: 1.5rem;
}
.content .border {
  width: 100%;
  height: 2.64rem;
  background: url(../image/about_border.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.content .border h1,
.content .border h2 {
  position: absolute;
  left: 16%;
}
.content .border h1 {
  font-size: .28rem;
  top: 40%;
  color: #fff;
}
.content .border h2 {
  color: #fff;
  font-size: .24rem;
  top: 58%;
}
.content .wapper {
  padding-top: .44rem;
  width: 100%;
}
.wapperBody {
  padding-left: .6rem;
}
.content .wapper .founder {
  vertical-align: top;
  display: inline-block;
  width: 1.84rem;
  height: 2.58rem;
  background: url(../image/about_founder.png) no-repeat;
  background-size: 100%;
  margin-right: .3rem;
}
.content .wapper .founderInfo {
  display: inline-block;
  width: 64%;
}
.content .wapper .founderInfo h2 {
  color: #222222;
  font-size: .19rem;
  font-weight: bold;
  margin-bottom: .1rem;
}
.content .wapper .founderInfo .p {
  color: #222222;
  font-size: .12rem;
  margin-bottom: .22rem;
}
.content .wapper .founderInfo .hand {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.content .wapper .founderInfo .hand .btn {
  width: 4rem;
  height: .53rem;
  background: #b16c2a;
  border-radius: .02rem;
  color: #fff;
  line-height: .53rem;
  text-align: center;
  font-size:0.2rem;
}
.time {
  display: none;
}
.content .letter {
  background-color: #eee;
  margin-top: 1.08rem;
  text-align: center;
  padding-top: .54rem;
  padding-bottom: .44rem;
}
.content .letter h2 {
  color: #B16C2A;
  font-size: .24rem;
  margin-bottom: .2rem;
}
.content .letter ul {
  width: 6rem;
  margin: 0 auto;
}
.content .letter li {
  color: #222;
  font-size: .18rem;
  margin-bottom: .1rem;
}
.content .show .showTop ul,
.content .show .showBottom ul {
  width: 75%;
  overflow: hidden;
  margin: 0 auto;
}
.content .show .tips {
  color: #B16C2A;
  font-size: .28rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: .40rem;
  margin-top: .45rem;
  font-weight: 700;
}
.content .show .showTop li {
  box-shadow: .02rem .02rem #eee;
  width: 1.2rem;
  height: 1.7rem;
  display: inline-block;
  margin-right: .1rem;
  margin-bottom: .1rem;
}
.content .show .showTop li img {
  width: 1.2rem;
  vertical-align: top;
  object-fit: contain;
}
.content .show .showBottom li {
  box-shadow: .02rem .02rem #eee;
  width: 1.7rem;
  height: 1.7rem;
  display: inline-block;
  margin-right: .1rem;
  margin-bottom: .1rem;
}
.content .show .showBottom li img {
  width: 1.7rem;
  height: 1.7rem;
  object-fit: contain;
}
.about {
  color: #b16c2a;
}

.header .ul .about {
  color: #B16C2A;
}

