/*通用类*/
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*兼容老设备的rem-px基准*/
html {
  font-size: 42.6667px;
}
@media screen and (max-width: 320px) {
  html {
    font-size: 42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px) {
  html {
    font-size: 55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px) {
  html {
    font-size: 64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px) {
  html {
    font-size: 96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
  html {
    font-size: 144px;
  }
}
@media screen and (min-width: 1080px) {
  html {
    font-size: 144px;
  }
}
/*新设备的rem-vw标准*/
html {
  overflow-x: hidden;
  font-size: 13.3333333333vw; /*一便rem.js失效，这里起作用*/
}

body {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  margin: 0 auto;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI,
    Microsoft YaHei, Source Han Sans CN, sans-serif;
  background: #fff;
  overflow-x: hidden;
  text-align: left;
  position: relative;
  color: #000;
  font-size: 0.24rem;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

img {
  border: none;
}
h1,
h2,
h3 {
  font-weight: normal;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none；;
}
input,
textarea,
select {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI,
    Microsoft YaHei, Source Han Sans CN, sans-serif;
  font-size: 1em;
  outline: none;
  margin: 0;
  padding: 0;
}
input::-webkit-input-placeholder {
  color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
  color: #a0a0a0 !important;
}
input[type="button"],
input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"],
input[type="date"],
input[type="time"],
input[type="number"] {
  -webkit-appearance: none;
}
select {
  -webkit-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
}
textarea {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
em {
  font-style: normal;
}
.lt {
  float: left;
}
.rt {
  float: right;
}
input.sub,
label {
  border: none;
  cursor: pointer;
}
input,
textarea {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI,
    Microsoft YaHei, Source Han Sans CN, sans-serif;
  outline: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
div.clear {
  font: 0px Arial;
  line-height: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}

.header {
  height: 0.8rem;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: #dbe5f6;
}
.header .logo {
  float: left;
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  margin-left: 0.3rem;
  pointer-events: none;
}
.header .logo img {
  display: block;
  height: 0.4rem;
  float: left;
  margin: 0.2rem 0.2rem 0 0;
}
.header2 {
  background: #cda675;
}
.header3 {
  background: #e1afb5;
}
.header4 {
  background: #5d9bac;
}
.header5 {
  background: #5d9bac;
}
.header5 {
  background: #fbfbfb;
}
.menu_btn {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.1rem;
  top: 0;
  background: url("../images/menu_btn.png") no-repeat center center;
  background-size: 100% 100%;
}
.header .qha {
  position: absolute;
  right: 1rem;
  top: 0;
  color: #5374ac;
  font-size: 0.22rem;
  line-height: 0.8rem;
  padding-left: 0.6rem;
  display: block;
}
.header .qha img {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.25rem;
}
.header_zw {
  height: 0.8rem;
  clear: both;
}
.nav {
  position: fixed;
  left: 0;
  top: 0.8rem;
  z-index: 100;
  background: #3c5e97;
  width: 100%;
  border-radius: 0 0 0.3rem 0.3rem;
  padding-bottom: 0.3rem;
  display: none;
}
.nav_flog {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 95;
  display: none;
}
.nav a {
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.26rem;
  padding-left: 1rem;
  color: #fff;
  position: relative;
}
.nav img {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.18rem;
}

.banner {
  width: 100%;
}
.banner .swiper-slide {
  width: 100%;
}
.banner .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.banner .swiper-pagination-bullet {
  opacity: 1;
  background: #dbe5f6;
}
.banner .swiper-pagination-bullet-active {
  background: #dbe5f6;
  width: 20px;
  border-radius: 4px;
}
.hm_cp {
  text-align: center;
  background: #dbe5f6;
}
.hm_head {
  text-align: center;
  padding: 0.3rem 0 0.45rem 0;
  line-height: 0.4rem;
}
.hm_head dt {
  font-size: 0.3rem;
}
.hm_head dd {
  color: #787e87;
  font-size: 0.28rem;
  letter-spacing: 1px;
}
.hm_cp a {
  display: block;
  width: 33.3333%;
  text-align: center;
  float: left;
  color: #7e8289;
  line-height: 1.2rem;
}
.hm_cp img {
  display: block;
  width: 1.08rem;
  height: 1.08rem;
  margin: 0 auto;
}
.hm_ys {
  padding: 0.5rem 0;
  text-align: center;
}
.hm_ys .item {
  width: 50%;
  float: left;
  text-align: center;
  padding-bottom: 0.4rem;
}
.hm_ys .item img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}
.hm_ys .item dt {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.3rem;
  font-weight: bold;
}
.hm_ys .item dd {
  line-height: 0.4rem;
}
.footer {
  text-align: center;
  color: #fff;
  background: #333;
  font-size: 0.17rem;
  line-height: 0.32rem;
  padding: 0.3rem 0 0.3rem 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer_zw {
  height: 0.64rem;
  padding: 0.3rem;
  clear: both;
}
.footer a {
  margin: 0 0.2rem;
  color: #fff;
}
.footer2 {
  background: #5d9bac;
  color: #345660;
}
.footer2 a {
  color: #345660;
}
.footer3 {
  background: #dbe5f6;
  color: #6d727b;
}
.footer3 a {
  color: #6d727b;
}
.footer4 {
  background: #000;
}
.footer5 {
  background: #f9e0c0;
  color: #7c7060;
}
.footer5 a {
  color: #7c7060;
}
.footer6 {
  background: #ebcbcf;
  color: #756567;
}
.footer6 a {
  color: #756567;
}
.footer7 {
  background: #5d9bac;
  color: #2e4d56;
}
.footer7 a {
  color: #2e4d56;
}
.footer8 {
  background: #e0e0e0;
  color: #707070;
}
.footer8 a {
  color: #707070;
}
.footer9 {
  background: #bde5e2;
  color: #5e7271;
}
.footer9 a {
  color: #5e7271;
}
.footer10 {
  background: #9bb0d5;
  color: #4d586a;
}
.footer10 a {
  color: #4d586a;
}
.footer11 {
  background: #151515;
  color: #fff;
}
.footer11 a {
  color: #fff;
}
.ne_handle {
  height: 0.7rem;
  line-height: 0.7rem;
  overflow-y: hidden;
  overflow-x: auto;
}
.ne_handle a {
  color: #a2a2a2;
  float: left;
  margin-left: 15px;
}
.ne_handle .hover {
  color: #000;
}
.ne_list {
  padding: 0 0.3rem;
}
.ne_item {
  display: block;
  height: 1.5rem;
  margin-bottom: 0.3rem;
}
.ne_item .photo {
  float: left;
  display: block;
  width: 2.5rem;
  height: 1.5rem;
  border-radius: 0.1rem;
}
.ne_item .intro {
  float: right;
  width: 4.1rem;
}
.ne_item .name {
  height: 0.4rem;
  line-height: 0.28rem;
  font-weight: bold;
}
.ne_item .nm {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ne_item .tip {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 0.7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.ne_item .read {
  height: 0.24rem;
  line-height: 0.24rem;
  padding-left: 0.4rem;
  background: url("../images/read.png") no-repeat left center;
  background-size: auto 100%;
  font-size: 0.16rem;
  margin-top: 0.05rem;
}
.page {
  text-align: center;
  padding: 0.3rem 0;
}
.page a {
  display: inline-block;
  width: 1.8rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #626262;
  border-radius: 0.1rem;
  margin: 0 0.3rem;
  font-size: 0.28rem;
}
.cm_banner {
  display: block;
}
.full {
  display: block;
  width: 100%;
  height: auto;
}
.ab_what {
  text-align: center;
  color: #85b1c8;
  padding: 0.22rem 0 0.55rem 0;
}
.ab_what .title {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.86rem;
  line-height: 0.86rem;
}
.ab_what p {
  font-size: 0.22rem;
  line-height: 0.64rem;
}
.ab_cp {
  text-align: center;
  padding: 0 0.22rem 0.4rem 0.22rem;
}
.ab_cp .head {
  color: #85b1c8;
  padding-bottom: 0.65rem;
}
.ab_cp .head dt {
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.5rem;
  line-height: 0.5rem;
}
.ab_cp .head dd {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.22rem;
}
.ab_cp .item {
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  line-height: 1.2rem;
  color: #7e7e7e;
}
.ab_cp .item img {
  display: block;
  width: 1.08rem;
  height: 1.08rem;
  margin: 0 auto;
}
.ab_cnt {
  padding: 0 0.6rem 0.35rem 0.6rem;
  background: #eee;
}
.ab_cnt .title {
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 0.45rem;
}
.ab_cnt dl {
  padding-bottom: 0.4rem;
}
.ab_cnt dt {
  height: 0.5rem;
  line-height: 0.5rem;
  opacity: 0.8;
}
.ab_cnt dd {
  line-height: 0.55rem;
  font-size: 0.34rem;
  color: #008ddb;
}
.he_floor {
  width: 6.7rem;
  height: 1.9rem;
  margin: 0 auto 0.3rem auto;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  position: relative;
}
.he_floor .photo {
  width: 2.12rem;
  height: 1.38rem;
  border-radius: 0.1rem;
  overflow: hidden;
  float: left;
  margin: 0.25rem 0 0 0.25rem;
}
.he_floor .photo img {
  display: block;
  width: 2.12rem;
  height: 1.38rem;
}
.he_floor ul {
  float: right;
  width: 4rem;
  line-height: 0.6rem;
}
.he_floor li {
  height: 0.6rem;
}
.he_floor ul a {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.he_floor .more {
  position: absolute;
  right: 0.2rem;
  top: 0.12rem;
  z-index: 10;
  color: #349ddf;
}
.de_title {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.35rem;
  font-weight: bold;
}
.de_cnt {
  padding: 0 0.5rem 0.5rem 0.5rem;
  font-size: 0.26rem;
  line-height: 0.44rem;
}
.de_cnt img {
  display: block;
  width: 100%;
  height: auto;
}
.de_cnt p {
  text-indent: 2em;
}
.de_cnt .ct {
  text-align: center;
}
.zip_art .title {
  text-align: center;
  font-size: 0.36rem;
  line-height: 1.8;
  font-weight: bold;
}
.zip_cnts {
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.zip_cnts .fls {
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #fff;
  border-radius: 0.1rem;
  line-height: 1.8;
  padding: 0.4rem;
  margin: 0.5rem 0;
}
.zip_cnts .fls span {
  color: #e29900;
}
.zip_cnts .tip {
  text-align: center;
  color: #fff;
  line-height: 2;
  padding: 0.5rem 0 0.2rem 0;
}
.he_art {
  padding: 0.6rem 2.15rem 2.4rem 0.4rem;
  position: relative;
  color: #935b50;
  line-height: 0.64rem;
  background: url("../images/heic_bg.jpg") no-repeat right bottom;
  background-size: auto 3.9rem;
  text-align: justify;
}
.he_art .t1 {
  font-size: 0.26rem;
  font-weight: bold;
  color: #935b50;
  height: 0.6rem;
  line-height: 0.6rem;
}
.pdf_art {
  color: #a14551;
}
.pdf_art .t1 {
  color: #935b50;
}
.zo_db {
  text-align: center;
  color: #498a9c;
  padding: 0 0.2rem 0.6rem 0.2rem;
}
.zo_db .tm {
  color: #999;
  padding-bottom: 0.2rem;
}
.zo_db .title {
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.zo_db p {
  line-height: 0.54rem;
}
.zo_db img {
  display: block;
  margin-bottom: 0.2rem;
}
.zo_ys {
  color: #498a9c;
  padding: 0.4rem 0.3rem 0.9rem 2.8rem;
  background: url("../images/ysbg.jpg") no-repeat left top;
  background-size: auto 2.4rem;
}
.zo_ys dt {
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.32rem;
  font-weight: bold;
  padding-left: 0.6rem;
}
.zo_ys dd {
  font-size: 0.22rem;
  line-height: 0.66rem;
  text-indent: 0.6rem;
}
.vi_tz {
  text-align: center;
  padding: 1rem 0.75rem 0 0.75rem;
}
.vi_title {
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3rem;
  letter-spacing: 0.1rem;
}
.vi_title span {
  display: inline-block;
  padding-left: 0.14rem;
  background: url("../images/vi_title.png") no-repeat 0.02rem 0.3rem;
  background-size: auto 0.4rem;
}
.vi_tz .t1 {
  opacity: 0.6;
}
.vi_tz .item {
  width: 33.3333%;
  float: left;
  text-align: center;
  line-height: 1.06rem;
  color: #2daf54;
  letter-spacing: 2px;
  margin: 0.65rem 0 0 0;
}
.vi_tz .item img {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0 auto;
}
.vi_gs {
  text-align: center;
  color: #999;
  line-height: 1.8;
  padding-bottom: 0.5rem;
}
.vi_gs .photo {
  display: block;
  width: 6rem;
  margin: 0 auto 0.2rem auto;
}
.oc_tx {
  text-align: center;
  color: #3d8f89;
  padding: 0.3rem 0;
}
.oc_tx .title {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.oc_tx .item {
  float: left;
  width: 33.33%;
}
.oc_tx .item img {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  margin: 0 auto;
}
.oc_tx .item dt {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.26rem;
  font-weight: bold;
}
.oc_tx .item dd {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.22rem;
  color: #96ccc8;
}
.oc_ks {
  text-align: center;
  color: #3d8f89;
}
.oc_ks .title {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.oc_ks .wp {
  padding: 0 0.5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.oc_ks .item {
  display: block;
  width: 100%;
  height: 3.5rem;
  padding-top: 0.2rem;
  background: #fff;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  margin-bottom: 0.6rem;
}
.oc_ks .item img {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
}
.oc_ks .item dt {
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.26rem;
  font-weight: bold;
}
.oc_ks .item dd {
  line-height: 0.48rem;
}
.oc_ks .item2 {
  width: 48%;
}
.oc_ks .zw {
  width: 48%;
}
.pf_tx {
  text-align: center;
  padding: 0.3rem 0.5rem 0 0.5rem;
  color: #6c87b6;
}
.pf_tx .title {
  font-size: 0.3rem;
  font-weight: bold;
  height: 0.6rem;
  line-height: 0.6rem;
}
.pf_tx .item {
  width: 50%;
  float: left;
  text-align: center;
  padding-bottom: 0.2rem;
}
.pf_tx .item img {
  display: block;
  width: 0.96rem;
  height: 0.96rem;
  margin: 0 auto;
}
.pf_tx dt {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.26rem;
  font-weight: bold;
}
.pf_tx dd {
  height: 0.64rem;
  line-height: 0.64rem;
}
.pf_gs {
  text-align: center;
}
.pf_gs dl {
  padding: 0.36rem 0 0.6rem 0;
  color: #6c87b6;
  line-height: 1.8;
}
.pf_gs dt {
  font-size: 0.3rem;
  font-weight: bold;
}
.pf_gs dd {
  line-height: 0.5rem;
}
.pf_choose {
  color: #6c87b6;
  padding: 0 0.75rem 0.35rem 0.75rem;
  text-align: center;
}
.pf_choose .title {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.3rem;
  font-weight: bold;
}
.pf_choose .wp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pf_choose .zw {
  width: 2.8rem;
  height: 0;
}
.pf_choose .item {
  width: 2.8rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  margin-bottom: 0.3rem;
}
.pf_choose .ico {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
}
.pf_choose dt {
  height: 0.7rem;
  line-height: 0.7rem;
  font-weight: bold;
}
.pf_choose dd {
  font-size: 0.2rem;
  line-height: 0.45rem;
}
.header_zw-two {
  height: 0.4rem;
}

.pagination {
  text-align: center;
  padding: 0.3rem 0;
}
.pagination li {
  display: inline-block;
  width: 1.8rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #626262;
  border-radius: 0.1rem;
  margin: 0 0.3rem;
  font-size: 0.28rem;
}

.cm_banner-title-ocr {
  width: 25%;
  position: absolute;
  top: 17.7%; 
  left: 4%;
  background-color: #3e8f89;
  border-radius: 8px;
  font-size: 0.28rem;
  color: white;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -20%;
}
.cm_banner-title-pdfconvert {
  width: 25%;
  position: absolute;
  /* top: 9.8%; */
  left: 8%;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #94adda;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -27%;
}
.cm_banner-title-heicconvert {
  width: 25%;
  position: absolute;
  /* top: 19.8%; */
  left: 6%;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #925a4f;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -21%;
}
.cm_banner-title-imagecompress {
  width: 25%;

  position: absolute;
  /* top: 12.8%; */
  left: 5%;
  background-color: #eea103;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #ffffff;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -31%;
}
.cm_banner-title-pdfcompress {
  width: 25%;
  position: absolute;
  left: 5%;
  background-color: #fbfbfb;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #a04450;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -21%;
}
.cm_banner-title-videoconvert {
  width: 25%;
  position: absolute;
  /* top: 21.5%; */
  left: 8.4%;
  background-color: #152219;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #ffffff;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -18%;
}
.cm_banner-title-imagecnnai {
  width: 25%;
  position: absolute;
  /* top: 13.6%; */
  left: 8.4%;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 0.28rem;
  color: #0d3441;
  text-align: center;
  line-height: 310%;
  font-weight: 600;
  margin-top: -21%;
}

/*图片转换器*/

.main {
  background: url(../images/conv-bg.png) no-repeat;
  background-size: 3.29rem 2.6rem;
  background-position: 100% 100%;
}

.main > img {
  width: 3.29rem;
}

.main div a {
  width: 1.8rem;
  height: 0.66rem;
  background: #3c72d1;
  box-shadow: 1px 12px 9px 0px rgb(0 34 57 / 6%);
  border-radius: 0.09rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.66rem;
  display: block;
  text-align: center;
  margin-top: 0.2rem;
  letter-spacing: 0.01rem;
}

.main h1 {
  font-size: 0.35rem;
  font-weight: bold;
  color: #000000;
  line-height: 0.44rem;
  letter-spacing: 0.01rem;
}

.main div > span {
  font-size: 0.24rem;
  font-weight: 400;
  color: #180000;
  line-height: 0.4rem;
  opacity: 0.6;
  display: block;
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  letter-spacing: 0.01rem;
}
.main p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #000000;
  margin-top: 0.1rem;
  line-height: 0.52rem;
  opacity: 0.88;
}

.main > div {
  padding-left: 0.5rem;
  padding-top: 0.68rem;
}

.character {
  background: #fbfbfb;
  text-align: center;
  padding-bottom: 1.07rem;
  padding-top: 0.15rem;
}

.character h4 {
  font-size: 0.3rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.7rem;
  opacity: 0.8;
  letter-spacing: 0.1rem;
  position: relative;
}

.character h4:before {
  content: "";
  width: 0.2rem;
  height: 0.41rem;
  background: #96d5e9;
  border-radius: 0.1rem;
  position: absolute;
  left: 2.87rem;
  top: 0.23rem;
  z-index: -1;
}

.character .item img {
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  border-radius: 0.1rem;
  display: block;
  margin: 0.5rem auto 0.12rem;
}

.character .item span {
  font-size: 0.28rem;
  font-weight: 400;
  color: #002e3c;
  line-height: 0.46rem;
  opacity: 0.8;
  display: block;
  letter-spacing: 0.08rem;
}

.character .item p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #898989;
  line-height: 0.44rem;
  opacity: 0.8;
  letter-spacing: 0.08rem;
  margin-top: 0.08rem;
}