* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.dfc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex {
  display: flex;
}

.flex-al-c {
  align-items: center;
}


.container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F6FC;
  padding: 0 30px 50px;
  position: relative;
}
.copyright {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  
}
.copyright a {
  text-decoration: none; /* 去除默认的下划线 */
	outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
  font-size: 16px;
}

.main {
  width: 100%;
  max-width: 1680px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 60px 40px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main h2 {
  font-size: 40px;
  color: #131522;
  font-weight: 500;
  line-height: 1em;
}

.main .content {
  width: 100%;
  max-width: 1220px;
  background: #FAFBFC;
  border-radius: 2px;
  border: 1px solid #F3F6FC;
  padding: 30px 50px 50px;
  margin: 50px 0 30px;
}

.content p {
  font-size: 16px;
  color: #131522;
  line-height: 30px;
}

.p2 {
  text-indent: 25px;
}

.p3 {
  text-align: right;
}

.ts {
  font-size: 16px;
  color: #8691A8;
  line-height: 16px;
  margin-top: 16px;
  text-align: center;
}

.ts .red {
  color: #FF4A4A;
}

.bns {
  width: 200px;
  height: 50px;
  background: #FFAF80;
  border-radius: 25px;
  font-size: 16px;
  color: #131522;
  line-height: 50px;
  text-align: center;
  display: block;
  text-decoration: none;
}

.bns:hover {
  background: #f3a374;
}


.con-h5 {
  display: none;
  width: 100%;
  min-height: 100vh;
  padding: .2rem;
  background-color: #F3F6FC;
}

.ms {
  width: 100%;
  background: #FFFFFF;
  border-radius: .16rem;
  padding: 0 .3rem .4rem;
}

.ms .top {
  width: 100%;
  height: 1.2rem;
  border-bottom: 1px solid #F3F6FC;
  font-size: .34rem;
  font-weight: 500;
  color: #1A1E34;
  line-height: 1.2rem;
  text-align: center;
}

.ms .cns {
  width: 100%;
  padding: .3rem 0;
  border-bottom: 1px solid #F3F6FC;
}

.cns p {
  font-size: .28rem;
  line-height: .48rem;
  color: #505880;
  margin-top: .15rem;
}

.cns .m2 {
  text-indent: .2rem;
}

.ms .m3 {
  font-size: .3rem;
  color: #1A1E34;
  text-align: right;
  line-height: 1em;
  margin-top: .4rem;
}

.ms .m4 {
  font-size: .3rem;
  color: #1A1E34;
  text-align: right;
  line-height: 1em;
  margin-top: .3rem;
}

.mns {
  width: 2.4rem;
  height: .78rem;
  background: #FFAF80;
  border-radius: .39rem;
  font-size: .3rem;
  color: #131522;
  line-height: .78rem;
  text-align: center;
  display: block;
  text-decoration: none;
  margin: .4rem auto .2rem;
}

.mns:hover {
  background: #f3a374;
}

.mtime {
  font-size: .28rem;
  color: #8991B6;
  text-align: center;
}

.mtime .red {
  color: #FF4A4A;
}