*, ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
html, body {
  background-color: #F5F5F7;
}
input, select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(250, 255, 189);
  background-image: none;
  color: rgb(0, 0, 0);
}
select, input, button:focus {
  outline: none;
}
p {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  padding-inline-start: inherit;
  padding-inline-start: initial;
  padding-inline-start: unset;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
h4,h3 {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
#app{
  position: fixed;
  width:100%;
  height:100%;
  background-color: #F5F5F7;
}
.about-topz{
  width:100%;
  height:1.04rem;
  background: #FFFFFF;
}
.about-topCenterz{
  display: flex;
  margin: 0rem 0.3rem;
  display: flex;
  height:100%;
}
.about-topCenterz div{
  display: flex;
  border-bottom: 1px solid #E6E6E6;
  float:left;
  width:100%;
}
.about-topCenterz p{
  flex:1;
  line-height: 1.04rem;
  font-size:0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.about-topCenterz img{
  display: block;
  width:0.14rem;
  height:0.24rem;
  margin-top: 0.4rem;
}
.about-topCenterz span{
  font-size:0.28rem;
  font-family: AlibabaPuHuiTiR;
  color: #666666;
  line-height: 1.04rem;
  margin-right: 0.08rem;
  display: block;
}
.detail{
  margin-top: 0.2rem;
  height:1.84rem;
  background: #FFFFFF;
}
.detail p{
  font-size: 0.28rem;
  font-family: AlibabaPuHuiTiR;
  color: #333333;
  text-align: justify;
  margin: 0rem 0.26rem;
}
.content{
  height:100%;
  background: #FFFFFF;
}
.content p{
  font-size: 0.28rem;
  font-family: AlibabaPuHuiTiR;
  color: #333333;
  text-align: justify;
  margin: 0rem 0.26rem;
  line-height: 0.5rem;;
  padding-top: 0.3rem;
}

.content a{
  color: #FF8D00;
}
.btn{
  font-size: 0.3rem;
  background-color: #FF8D00;
  color: white;
  padding: 0.25rem;
  text-align: center;
  width: 80%;
  height: 0.3rem;;
  line-height: 0.3rem;;
  margin: 1.2rem auto;
  z-index: 5;
  border-radius:0.4rem;;
}
.icp{
  text-align: center;
  font-size: 0.28rem;
  font-family: AlibabaPuHuiTiR;
  color: #666666;
  line-height: 1.04rem;
  position: fixed;
  bottom: 0.8rem;
  left:0rem;
  right:0rem;
}
.about-bottom{
  width: 100%;
  background: #FFFFFF;
  padding: 0.3rem 0.3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-div{
  width: 77%;
  display: flex;
  flex-direction: column;
}
.about-div p{
  font-size: 0.30rem;
  line-height: 0.8rem;
  color: #333333;
}
.about-div span {
  font-size: 0.26rem;
  color: #909090;
}
.opac{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  z-index: 99;
}
.box{
  box-sizing: border-box;
  padding-top: .01rem;
  /* padding-bottom: .5rem; */
  width: 100%;
  background: white;
  border-radius: .2rem .2rem 0 0;
  position: absolute;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  z-index: 100;
  bottom: 0px;
  height: 9rem;
}
.titBox{
  font-size: .36rem;
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin-top: .3rem;
  padding-bottom: .3rem;
  border-bottom: .02rem solid #D8D8D8;
}
.messageBox{
  padding: .2rem .2rem;
  font-size: .3rem;
}
.tipsBox{
  font-size: .32rem;
}
.tipsBoxLast{
  font-size: .3rem;
  color: red;
  margin-top: .5rem;
}
.btnBox{
  display: flex;
  justify-content: space-around;
  margin-top: .2rem;
  position: absolute;
  bottom: .3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.btnBox p:first-child{
  background: #fed7c8;
  border-radius: .07rem;
}
.btnBox p:last-child{
  background: #FF8052;
  border-radius: .07rem;
  color: white;
}
.btnP {
  width: 45%;
  color: #FF8052;
  font-size: .32rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
}

.opacClose{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 99;
}
.boxClose{
  box-sizing: border-box;
  padding-top: .01rem;
  /* padding-bottom: .5rem; */
  width: 80%;
  background: white;
  border-radius: .2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 100;
}
.titBoxClose{
  font-size: .36rem;
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin-top: .3rem;
  padding-bottom: .3rem;
  /* border-bottom: .02rem solid #D8D8D8; */
}
.messageBoxClose{
  padding: 0 .5rem .32rem;
  font-size: .3rem;
}
.tipsBoxClose{
  font-size: .32rem;
}
.tipsBoxLastClose{
  font-size: .3rem;
  color: red;
  margin-top: .5rem;
}
.btnBoxClose{
  display: flex;
  justify-content: space-around;
  margin-top: .2rem;
  border-top: 1px solid #D8D8D8;
}
.btnBoxClose p:first-child{
  border-right: 1px solid #D8D8D8;
  color: #8f8f8f;
}
.btnPClose {
  width: 50%;
  color: #FF8052;
  font-size: .32rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
}