.main-1 {
  width: 100%;
  height: 6.4rem;
}
.main-1 .main-1t {
  width: 100%;
  height: 1.9rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  text-align: center;
  padding-top: 0.6rem;
  box-sizing: border-box;
  opacity: 0;
}
.main-1 .main-1c {
  width: 12rem;
  height: 4.5rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.main-1 .main-1c li {
  width: 3.4rem;
  height: 1.8rem;
  border: 1px solid #006fff;
  padding: 0.2rem;
  box-sizing: border-box;
  opacity: 0;
}
.main-1 .main-1c li .main-1cct {
  width: 100%;
  height: 0.64rem;
  display: flex;
}
.main-1 .main-1c li .main-1cct img {
  width: 0.44rem;
  height: 0.44rem;
}
.main-1 .main-1c li .main-1cct .main-1cctr {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #28323a;
  margin-left: 0.1rem;
}
.main-1 .main-1c li .main-1ccb {
  font-size: 0.16rem;
  color: #666;
}
.main-1 .main-1c li:nth-child(2),
.main-1 .main-1c li:nth-child(5) {
  margin: 0 0.9rem;
}
.main-2 {
  width: 100%;
  height: 6.4rem;
  background-color: #f4f5f9;
  box-sizing: border-box;
}
.main-2 .main-2content {
  width: 12rem;
  margin: 0 auto;
}
.main-2 .main-2title {
  height: 1.3rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  line-height: 1.3rem;
}
.main-2 .main-2t {
  width: 100%;
  height: 0.5rem;
  display: flex;
}
.main-2 .main-2t span {
  color: #006fff;
  margin-right: 0.05rem;
}
.main-2 .main-2t .main-2tt {
  margin-right: 0.2rem;
  font-size: 0.16rem;
  color: #28323a;
  height: 0.5rem;
  cursor: pointer;
}
.main-2 .main-2t .active {
  border-bottom: 0.05rem solid #006fff;
}
.main-2 .main-2c {
  width: 12rem;
  height: 4.5rem;
  position: relative;
}
.main-2 .main-2c .main-2cc {
  width: 100%;
  height: 4.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.main-2 .main-2c .main-2cc .main-2ccl {
  height: 4.5rem;
  padding: 0;
  opacity: 0;
}
.main-2 .main-2c .main-2cc .main-2ccl .main-2ccl1 {
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  padding-top: 0.46rem;
}
.main-2 .main-2c .main-2cc .main-2ccl .main-2ccl2 {
  width: 0.44rem;
  height: 0.08rem;
  background-color: #006fff;
  margin: 0.3rem 0;
}
.main-2 .main-2c .main-2cc .main-2ccl .main-2ccl3 {
  height: 1.67rem;
  font-size: 0.16rem;
  color: #666;
  padding-right: 0.8rem;
  line-height: 0.28rem;
}
.main-2 .main-2c .main-2cc .main-2ccl .main-2ccl4 {
  width: 1.76rem;
  height: 0.6rem;
  background-color: #006fff;
  font-size: 0.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.04rem;
}
.main-2 .main-2c .main-2cc .main-2ccl .main-2ccl4 a {
  color: #fff;
}
.main-2 .main-2c .main-2cc .main-2ccr {
  opacity: 0;
}
.main-2 .main-2c .main-2cc .main-2ccr img {
  width: 7.45rem;
  height: 3.02rem;
}
.main-3 {
  width: 100%;
  height: 6.4rem;
}
.main-3 .main-3t {
  width: 100%;
  height: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  opacity: 0;
}
.main-3 .main-3c {
  width: 12rem;
  height: 5rem;
  margin: 0 auto;
  display: flex;
  opacity: 0;
}
.main-3 .main-3c .main-3cc {
  width: 2.8rem;
  height: 4.2rem;
  margin-right: 0.2rem;
  border: 1px solid #006fff;
  padding: 0.6rem 0.55rem 0;
}
.main-3 .main-3c .main-3cc:last-child {
  margin-right: 0;
}
.main-3 .main-3c .main-3cc img {
  width: 1.68rem;
  height: 1.79rem;
  margin: 0 auto;
}
.main-3 .main-3c .main-3cc .main-3cc2 {
  height: 0.83rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #122337;
  text-align: center;
}
.main-3 .main-3c .main-3cc .main-3cc3 {
  width: 100%;
  font-size: 0.16rem;
  color: #122337;
  line-height: 0.24rem;
  text-align: center;
}
.main-4 {
  width: 100%;
  height: 6.4rem;
  background-color: #f4f5f9;
  overflow: hidden;
}
.main-4 .main-4t {
  width: 100%;
  height: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  opacity: 0;
}
.main-4 .main-4c {
  width: 10rem;
  height: 4.8rem;
  margin: 0 auto;
  position: relative;
}
.main-4 .main-4c .main-4cc1 {
  width: 10rem;
  height: 4.35rem;
  position: absolute;
  top: 0;
  left: 0;
}
.main-4 .main-4c .main-4cc1 li {
  width: 7.5rem;
  height: 0.82rem;
  margin: 0 auto;
  background-color: #f4f5f9;
  opacity: 0;
}
.main-4 .main-4c .main-4cc1 li img {
  width: 5.3rem;
  height: 100%;
}
.main-4 .main-4c .main-4cc1 li span:nth-child(2) {
  font-size: 0.2rem;
  font-weight: 500;
  color: #a6afb9;
  margin: 0 0.1rem;
}
.main-4 .main-4c .main-4cc1 li span:nth-child(3) {
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
}
.main-4 .main-4c .main-4cc1 li:nth-child(2) {
  width: 6.67rem;
}
.main-4 .main-4c .main-4cc1 li:nth-child(2) img {
  width: 4.45rem;
  height: 100%;
}
.main-4 .main-4c .main-4cc1 li:nth-child(3) {
  width: 5.87rem;
}
.main-4 .main-4c .main-4cc1 li:nth-child(3) img {
  width: 3.61rem;
  height: 100%;
}
.main-4 .main-4c .main-4cc1 li:nth-child(4) {
  width: 5.06rem;
}
.main-4 .main-4c .main-4cc1 li:nth-child(4) img {
  width: 2.76rem;
  height: 100%;
}
.main-4 .main-4c .main-4cc1 li:nth-child(5) {
  width: 4.26rem;
}
.main-4 .main-4c .main-4cc1 li:nth-child(5) img {
  width: 1.91rem;
  height: 100%;
}
.main-5 {
  width: 100%;
  height: 6.4rem;
}
.main-5 .main-5t {
  width: 100%;
  height: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  opacity: 0;
}
.main-5 .main-5c {
  width: 12rem;
  height: 4.8rem;
  margin: 0 auto;
  position: relative;
}
.main-5 .main-5c img {
  display: block;
  width: 7.77rem;
  height: 4.36rem;
  margin: 0 auto;
  opacity: 0;
}
.main-5 .main-5c .main-5c2 {
  position: absolute;
  width: 12rem;
  height: 1.5rem;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.main-5 .main-5c .main-5c2 li {
  float: left;
  width: 2.8rem;
  height: 1.5rem;
  margin-right: 0.2rem;
  padding: 0.2rem;
  background-color: #fff;
  border: 1px solid #006fff;
  box-sizing: border-box;
}
.main-5 .main-5c .main-5c2 li:last-child {
  margin-right: 0;
}
.main-5 .main-5c .main-5c2 li .main-5c2c1 {
  height: 0.38rem;
  padding-left: 0.44rem;
  font-size: 0.18rem;
  font-weight: bold;
  color: #122337;
  background: url('../images/xf99.png') left top no-repeat;
  background-size: 0.24rem 0.24rem;
}
.main-5 .main-5c .main-5c2 li .main-5c2c2 {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.24rem;
}
.main-5 .main-5c .main-5c2 li:nth-child(2) .main-5c2c1 {
  background: url('../images/xf109.png') left top no-repeat;
  background-size: 0.24rem 0.24rem;
}
.main-5 .main-5c .main-5c2 li:nth-child(3) .main-5c2c1 {
  background: url('../images/xf97.png') left top no-repeat;
  background-size: 0.24rem 0.24rem;
}
.main-5 .main-5c .main-5c2 li:nth-child(4) .main-5c2c1 {
  background: url('../images/xf98.png') left top no-repeat;
  background-size: 0.24rem 0.24rem;
}
.main-6 {
  width: 100%;
  height: 6.4rem;
  background-color: #f4f5f9;
  box-sizing: border-box;
}
.main-6 .main-6content {
  width: 12rem;
  margin: 0 auto;
}
.main-6 .main-6title {
  height: 1.3rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  line-height: 1.3rem;
}
.main-6 .main-6t {
  width: 100%;
  height: 0.5rem;
  display: flex;
}
.main-6 .main-6t span {
  color: #006fff;
  margin-right: 0.05rem;
}
.main-6 .main-6t .main-6tt {
  margin-right: 0.2rem;
  font-size: 0.16rem;
  color: #28323a;
  height: 0.5rem;
  cursor: pointer;
}
.main-6 .main-6t .active {
  border-bottom: 0.05rem solid #006fff;
}
.main-6 .main-6c {
  width: 100%;
  height: 4.5rem;
  position: relative;
}
.main-6 .main-6c .main-6cc {
  width: 100%;
  height: 4.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.main-6 .main-6c .main-6cc .main-6ccl {
  height: 4.5rem;
  padding: 0;
  opacity: 0;
}
.main-6 .main-6c .main-6cc .main-6ccl .main-6ccl1 {
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
  padding-top: 0.46rem;
}
.main-6 .main-6c .main-6cc .main-6ccl .main-6ccl2 {
  width: 0.44rem;
  height: 0.08rem;
  background-color: #006fff;
  margin: 0.3rem 0;
}
.main-6 .main-6c .main-6cc .main-6ccl .main-6ccl3 {
  height: 1.4rem;
  font-size: 0.16rem;
  color: #666;
  padding-right: 0.8rem;
  line-height: 0.28rem;
  box-sizing: border-box;
}
.main-6 .main-6c .main-6cc .main-6ccl .main-6ccl4 {
  width: 1.76rem;
  height: 0.6rem;
  background-color: #006fff;
  font-size: 0.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.04rem;
}
.main-6 .main-6c .main-6cc .main-6ccl .main-6ccl4 a {
  color: #fff;
}
.main-6 .main-6c .main-6cc .main-6ccr {
  position: relative;
  opacity: 0;
}
.main-6 .main-6c .main-6cc .main-6ccr img {
  position: absolute;
  width: 5.57rem;
  height: 3.39rem;
  left: 30%;
}
.main-6 .main-6c .main-6cc:last-child .main-6ccr img {
  width: 3.89rem;
  height: 3.97rem;
}
.main-8 {
  width: 100%;
  height: 6.4rem;
}
.main-8 .main-8l {
  height: 6.4rem;
  padding: 1.7rem 0 0 0.5rem;
}
.main-8 .main-8l .main-8l1 {
  font-size: 0.32rem;
  font-weight: bold;
  color: #122337;
}
.main-8 .main-8l .main-8l2 {
  width: 0.45rem;
  height: 0.08rem;
  margin: 26px 0;
  background-color: #006fff;
}
.main-8 .main-8l .main-8l3 {
  font-size: 0.16rem;
  color: #666;
  line-height: 0.28rem;
  padding-right: 2rem;
  box-sizing: border-box;
}
.main-8 .main-8l .main-8l4 {
  width: 1.75rem;
  height: 0.6rem;
  background-color: #006fff;
  font-size: 0.2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.04rem;
  margin-top: 0.6rem;
}
.main-8 .main-8r {
  height: 6.4rem;
  position: relative;
}
.main-8 .main-8r .main-8r1 {
  position: absolute;
  width: 6.76rem;
  height: 4.4rem;
  background: url('../images/xf92.png') no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}