.main {
  width: 100%;
  margin-top: 0.2rem;
  padding: 0 0.1rem;
}

.outlist {
  width: 100%;
}

.outlist .three {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.outlist .three li {
  width: 1.08rem;
  height: 0.87rem;
  background: #ffffff;
  border: 0.01rem solid #ffffff;
  box-shadow: 0 0.03rem 0.18rem 0 #0000001a;
  border-radius: 0.08rem;
  padding-top: 0.12rem;
}
.outlist .three li:nth-child(n + 1) {
  padding-top: 0.15rem;
}
.outlist .three li a {
  display: block;
}

.outlist .three li a p {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 0.12rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.outlist .three li a img {
  margin: 0 auto;
}
.outlist .three li:nth-child(1) a img {
  display: block;
  width: 0.24rem;
  height: 0.25rem;
  margin-bottom: 0.08rem;
}
.outlist .three li:nth-child(2) a img {
  display: block;
  width: 0.24rem;
  height: 0.19rem;
  margin-bottom: 0.11rem;
}
.outlist .three li:nth-child(3) a img {
  display: block;
  width: 0.29rem;
  height: 0.2rem;
  margin-bottom: 0.1rem;
}

.outlist .two {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
}

.outlist .two li {
  width: 1.7rem;
  height: 0.87rem;
  background: #ffffff;
  border: 0.01rem solid #ffffff;
  box-shadow: 0 0.03rem 0.18rem 0 #0000001a;
  border-radius: 0.08rem;
}

.outlist .two li a {
  display: block;
}
.outlist .two li a p {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 0.12rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}
.outlist .two li a img {
  margin: 0 auto;
}
.outlist .two li:nth-child(1) {
  padding-top: 0.14rem;
}
.outlist .two li:nth-child(2) {
  padding-top: 0.1rem;
}
.outlist .two li:nth-child(1) a img {
  display: block;
  width: 0.22rem;
  height: 0.21rem;
  margin-bottom: 0.09rem;
}

.outlist .two li:nth-child(2) a img {
  display: block;
  width: 0.18rem;
  height: 0.22rem;
  margin-bottom: 0.11rem;
}

.outpiclist {
  width: 100%;
  margin-top: 0.2rem;
}

.outpiclist ul li {
  float: left;
  width: 1.7rem;
  height: 0.78rem;
}

.outpiclist ul li:nth-child(1) {
  background: url(../img/outpic_bg1.png) no-repeat center;
  background-size: cover;
}
/* .outpiclist ul li:nth-child(2) {
  background: url(../img/outpic_bg2.png) no-repeat center;
  background-size: cover;
  margin-left: 0.1rem;
}
.outpiclist ul li:nth-child(3) {
  background: url(../img/outpic_bg3.png) no-repeat center;
  background-size: cover;
} */
.outpiclist ul li:nth-child(2) {
  background: url(../img/outpic_bg4.png) no-repeat center;
  background-size: cover;
  margin-left: 0.1rem;
}

.outpiclist ul li:nth-child(n + 3) {
  margin-top: 0.12rem;
}
.outpiclist ul .innerHave {
  position: relative;
}
.outpiclist ul .innerHave a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 0.52rem;
  height: 0.21rem;
  border: 0.5px solid #231db4;
  border-radius: 0.13rem;
  font-weight: 400;
  font-size: 0.1rem;
  color: #26239c;
  letter-spacing: 0;
  bottom: 0.15rem;
}

.outpiclist ul .innerHave a:nth-child(1) {
  left: 0.12rem;
}
.outpiclist ul .innerHave a:nth-child(2) {
  left: 0.68rem;
}

.outpiclist ul .innerNo a {
  display: block;
  height: 100%;
}

.tab-box1 {
  margin-top: 0.2rem;
}

.tab-box {
  width: 100%;
}

.tab-box .hd {
  width: 100%;
  /* padding-left: 0.15rem; */
}

.tab-box .hd ul {
  display: flex;
  height: 100%;
}

.tab-box .hd ul li {
  /* height: 0.4rem; */
}

.tab-box .hd ul li:nth-child(n + 2) {
  margin-left: 0.3rem;
}

.tab-box .hd ul li a {
  font-family: PingFangSC-SNaNpxibold;
  font-weight: 500;
  font-size: 0.16rem;
  color: #333333;
  display: block;
}
.tab-box .hd ul li.on {
  background: url(../img/hd_li_on.png) no-repeat bottom center;
}
.tab-box .hd ul li.on a {
  font-weight: 600;
  color: #0067e8;
  padding-bottom: 0.05rem;
  background: url(../img/blue_line.png) no-repeat bottom center;
}

.tab-box .bd {
  width: 100%;
  /* padding: 0 0.1rem; */
  margin-top: 0.05rem;
}

.tab-box .bd ul {
  width: 100%;
}

.tab-box .bd ul li {
  width: 100%;
  padding-left: 0.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: url(../img/li_bg.png) no-repeat center left;
  font-size: 0.14rem;
}

.tab-box .bd ul li a {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 0.14rem;
  color: #121212;
  letter-spacing: 0;
  line-height: 0.36rem;
}

.tab-box2 {
  margin-top: 0.2rem;
}

.tab-box2 .hd ul li.on {
  background: none;
}

.bot_outpic {
  width: 100%;
}

.bot_outpic .item {
  width: 100%;
  height: 1.02rem;
  margin-top: 0.14rem;
  position: relative;
}

.bot_outpic .item:nth-child(1) {
  background: url(../img/flfggzjjd.png) no-repeat center;
  background-size: cover;
}
.bot_outpic .item:nth-child(2) {
  background-size: cover;
  background: url(../img/zcjjd.png) no-repeat center;
}
.bot_outpic .item a {
  display: block;
  position: absolute;
  left: 0.25rem;
  bottom: 0.19rem;
}

.bot_outpic .item a img {
  width: 0.72rem;
  height: 0.27rem;
  display: block;
}
