#main {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    background: #fff;
  }
  .inner {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  img {
    overflow: hidden;
    display: block;
    border: none;
  }
  /*.web-banner {
      overflow:hidden;
      width:100%;
      border-bottom:.2rem solid #f7f7f7;
      padding:.3rem 0
  }
  .web-banner span {
      overflow:hidden;
      display:block;
      font-size:.28rem;
      color:#333;
      width:7rem;
      margin:0 auto
  }
  .web-banner span.size {
      font-size:.32rem;
      margin-bottom:.3rem;
      color:#035
  }*/
  .web-content {
    overflow: hidden;
    width: 100%;
  }
  .web-content .bg-nav {
    overflow: hidden;
  }
  .web-banner {
    width: 100%;
    height: 8.83rem;
    float: left;
    /* background-image: url('../../../images/about/operate-1909/m-1909-banner-bj.png'); */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 8.83rem;
  }
  .opt-2103 .web-banner {
    background-image: url("../../../images/about/operate-2411/m_banner.png");
  }
  
  .m_banner_img {
    width: 4.92rem;
    display: block;
    margin: 0 auto;
    margin-top: 1.6rem;
  }
  
  .banner-font-img.img1 {
    width: 5.75rem;
    height: 4.7rem;
    margin-top: 2.5rem;
    margin-left: 1.1rem;
  }
  .banner-font-img.img2 {
    position: absolute;
    width: 1.85rem;
    height: 3.45rem;
    top: 0.5rem;
    left: 1rem;
  }
  
  .opt-1912 .banner-font {
    height: 9.02rem;
    width: 6.61rem;
    margin: 0;
  }
  .opt-2020 .banner-font {
    height: 9.06rem;
    width: 3.13rem;
  }
  .opt-1912 .banner-font img {
    margin: 0.8rem 0 0 0.52rem;
    width: 6.61rem;
  }
  .opt-2020 .banner-font img {
    margin: 6.9rem 0 0 0;
    width: 3.13rem;
  }
  .web-banner .banner-sj {
    width: 6.9rem;
    height: 7.45rem;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
  }
  .sj-title {
    width: 100%;
    height: 0.9rem;
    float: left;
    margin-top: 0.58rem;
  }
  .sj-title .fwei-900 {
    width: 100%;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: center;
    font-size: 0.36rem;
    font-weight: bold;
    color: #79388f;
    letter-spacing: 3px;
  }
  .sj-title .fwei-400 {
    width: 100%;
    text-align: center;
    font-size: 0.2rem;
    height: 0.62rem;
    line-height: 0.62rem;
    color: #79388f;
    font-weight: 900;
    letter-spacing: 3px;
  }
  
  .banner-sj {
    overflow: hidden;
    background-color: #d492eb;
    position: relative;
  }
  .banner-sj .sj-content {
    width: 100%;
    height: 5.4rem;
    float: left;
  }
  
  .banner-sj .sj-content .m_icon {
    position: absolute;
    width: 4.57rem;
    left: 1.65rem;
    margin-top: 0.35rem;
  }
  
  .banner-sj .sj-content .m_frame {
    position: absolute;
    width: 4.76rem;
    animation: flash 2s 0.1s infinite;
    -webkit-animation: flash 2s 0.1s infinite;
    left: 1.48rem;
    top: 1.65rem;
  }
  
  .web-contents {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 17.05rem;
    height: auto !important;
    min-height: 17.05rem;
    background-color: #efc1ff;
    box-shadow: 0 0 30px #eceef0;
  }
  .cont-data {
    width: 7.2rem;
    height: auto !important;
    min-height: 15.5rem;
    height: 15.5rem;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
  }
  .cont-data .cont-data-child-1 {
    width: 7.2rem;
    height: auto !important;
    min-height: 3.2rem;
    height: 3.2rem;
    zoom: 1;
    overflow: hidden;
    border: 0.01rem solid #fff;
    margin: 0 auto 1rem;
    border-radius: 0.15rem;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 3px 2px rgb(0 0 0 / 15%);
    box-shadow: 2px 3px 2px rgb(0 0 0 / 15%);
  }
  .cont-data .first {
    margin-bottom: 0.3rem;
  }
  .cont-data .second,
  .cont-data .third {
    margin-bottom: 0rem;
  }
  .cont-data .cont-data-block1 {
    width: 1.8rem;
    position: relative;
    left: 2.75rem;
    top: 0.5rem;
    z-index: 2;
  }
  .cont-data .cont-data-block2 {
    width: 1.8rem;
    position: relative;
    left: 2.75rem;
    top: 0.5rem;
    z-index: 2;
  }
  .cont-data .cont-data-block3 {
    width: 2.86rem;
    position: relative;
    left: 2.2rem;
    top: 0.85rem;
    z-index: 2;
  }
  .cont-data .cont-data-block4 {
    width: 2.86rem;
    position: relative;
    left: 2.2rem;
    top: 0.85rem;
    z-index: 2;
  }
  .changeColor {
    background-color: #fff !important;
  }
  
  .cont-data-child-1 .child-title {
    width: 100%;
    float: left;
    margin-top: 0.32rem;
    margin-bottom: 0.1rem;
  }
  .cont-data-child-1 .child-title .title-blod {
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.26rem;
    text-align: center;
    font-weight: bold;
    color: #000;
    float: left;
  }
  .cont-data-child-1 .child-title .title-400 {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    text-align: center;
    letter-spacing: 0.01rem;
    font-weight: 900;
    float: left;
    color: #434242;
  }
  .cont-data-child-1 .child-item {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
  }
  .cont-data-child-1 .child-item li {
    width: 2rem;
    height: 1.6rem;
    float: left;
  }
  .cont-data-child-1 .child-item li.width334 {
    width: 2.92rem;
  }
  .cont-data-child-1 .child-item li .item-p {
    width: 100%;
    float: left;
    height: 0.8rem;
    line-height: 0.95rem;
    /* background-image: url(../../../images/about/operate-1909/m-1909-first-pic5.png); */
    background-position: center 0.76rem;
    background-size: 0.18rem 0.16rem;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 0.23rem;
    color: #606060;
    font-weight: bold;
  }
  .cont-data-child-1 .child-item li .item-sj {
    width: 100%;
    display: block;
    float: left;
    height: 0.37rem;
    line-height: 0.37rem;
    text-align: center;
    color: #79388f;
    font-size: 0.34rem;
  }
  .cont-data .matop-92 {
    margin-top: 0.35rem;
  }
  .cont-data-child-1 .item-bl {
    width: 100%;
    height: 1.23rem;
    background-image: url(../../../images/about/operate-2301/m_profit&loss.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7.03rem 1.23rem;
    float: left;
    margin-top: 0.4rem;
  }
  .cont-data-child-1 .bl-text {
    width: 4.51rem;
    padding-left: 2rem;
    margin-top: 0.44rem;
    font-size: 0.32rem;
    text-align: left;
    float: left;
    box-sizing: border-box;
    color: #fff;
  }
  .cont-data-child-1 .bl-text-rigth {
    /* line-height: 0.75rem; */
    margin-top: 0.44rem;
    font-size: 0.32rem;
    text-align: left;
    float: left;
    color: #fff;
  }
  .item-data {
    width: 6.42rem;
    height: auto !important;
    height: 5.43rem;
    min-height: 5.43rem;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
  }
  .item-data img {
    width: 100%;
  }
  /* .item-data img.margin {
    margin-top: 15%;
    margin-left: 7%;
  } */
  .con-list01 {
    width: 6.52rem;
    margin: 0.4rem auto 0;
  }
  .con-list01 .item {
    overflow: hidden;
    width: 3rem;
    margin-bottom: 0.6rem;
  }
  .con-list01 .item img {
    width: 100%;
    height: auto;
    display: block;
    float: left;
  }
  .con-list01 .item .item-move-text {
    width: 100%;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.24rem;
    /* font-weight: bold;
      color: #000; */
    text-align: center;
    float: left;
    zoom: 1;
    overflow: hidden;
  }
  .con-list01 .item .item-data {
    display: block;
    float: left;
    width: 100%;
    height: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.08rem;
    font-size: 0.22rem;
    color: #606060;
    zoom: 1;
    overflow: hidden;
    text-align: center;
  }
  .hei-946 {
    border-bottom: 0 !important;
  }
  #certify .swiper-slide {
    width: 2.4rem;
    height: 3.8rem;
    filter: blur(0.04rem);
  }
  
  #certify .certify-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .swiper-slide-active {
    filter: blur(0) !important;
  }
  #certify .swiper-button-next,
  #certify .swiper-button-prev {
    width: 0.8rem;
    height: 0.6rem;
    top: 30%;
    margin-top: -0.4rem;
    background-size: 0.8rem 0.6rem;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("../../../images/about/operate-1909/m-1909-first-pic13.png") !important;
    right: 0.76rem !important;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("../../../images/about/operate-1909/m-1909-first-pic12.png") !important;
    left: 0.76rem !important;
  }
  .swiper-container {
    height: 4.7rem;
  }
  .web-sencen {
    width: 100%;
    float: left;
    padding: 0.3rem 0 0.6rem;
    margin-top: -0.6rem;
    background-color: #d492eb;
  }
  .web-sencen .server-cont::after {
    content: "";
    display: block;
    clear: both;
  }
  .web-sencen .server-cont {
    width: 7rem;
    margin: 0 auto;
    zoom: 1;
  }
  .web-sencen .server-cont::after {
    content: "";
    display: block;
    clear: both;
  }
  .server-cont-left {
    width: 50%;
    height: 3.25rem;
    float: left;
  }
  .server-img {
    width: 100%;
    height: 1rem;
    float: left;
    margin-top: 0.49rem;
  }
  .server-img img {
    display: block;
    margin: 0 auto;
    width: 1.25rem;
  }
  .server-img.bigger img {
    width: 1.2rem;
  }
  .server-rigth .server-img img {
    margin-top: -0.2rem;
  }
  .server-left-text {
    width: 100%;
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: center;
    font-size: 0.28rem;
    color: #ffffff;
    zoom: 1;
    overflow: hidden;
    font-weight: bold;
  }
  .server-span {
    display: block;
    float: left;
    width: 100%;
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.22rem;
    color: #000;
    margin-bottom: 0.1rem;
    text-align: center;
    zoom: 1;
    overflow: hidden;
  }
  .server-p {
    display: flex;
  }
  .server-span cite {
    font-size: 0.45rem;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
  }
  .server-box {
    float: left;
    overflow: hidden;
    width: 7rem;
    margin: 0 -0.05rem;
    padding: 0.4rem 0 0.4rem;
    border-radius: 0.3rem;
    background-color: #fff;
  }
  .server-kf {
    width: 100%;
    height: 2.13rem;
    float: left;
    zoom: 1;
    overflow: hidden;
  }
  .server-kf img {
    display: block;
    width: 1rem;
    margin: 0 auto 0.1rem;
  }
  .server-kf .kf-text {
    width: 100%;
    height: 0.48rem;
    text-align: center;
    font-size: 0.3rem;
    color: #79388f;
    font-weight: bold;
  }
  .server-deail {
    width: 100%;
    line-height: 0.61rem;
    text-align: left;
    font-size: 0.24rem;
    float: left;
    box-sizing: border-box;
    padding-left: 0.83rem;
  }
  .server-deail p span {
    width: 3.86rem;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
  }
  .server-deail p span img {
    display: inline;
  }
  .server-deail cite {
    color: #79388f;
    display: block;
    float: left;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 900;
    padding-left: 10px;
  }
  .web-even {
    width: 100%;
    height: 8.5rem;
    float: left;
    zoom: 1;
    overflow: hidden;
    background-color: #efc1ff;
  }
  .even-cont {
    width: 6.9rem;
    margin: 0 auto;
    height: 100%;
    position: relative;
  }
  .even-cont .even-list-item {
    width: 5.2rem;
    margin: 0 auto;
    height: 6rem;
  }
  .even-cont .sj-title .fwei-900 {
    /* color: #fdfa9a; */
  }
  .even-cont .sj-title .fwei-400 {
    /* color: #b572a8; */
  }
  /* .even-list-item .item-title {
    width: 100%;
    float: left;
    height: 0.78rem;
    line-height: 0.78rem;
    padding-top: 0.1rem;
    text-align: center;
    font-size: 0.36rem;
    color: #3b3b3b;
    margin-bottom: 0.07rem;
  } */
  .even-list-item .item-cont {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    border: 0.04rem solid #fff;
    border-radius: 0.4rem;
    float: left;
    box-shadow: 0 0 0.05rem 0.06rem rgba(0, 0, 0, 0.1);
  }
  .even-list-item .item-cont .item-cont-title {
    width: 100%;
    position: absolute;
    left: 0;
    font-size: 0.32rem;
    color: #3b3b3b;
    text-align: center;
  }
  .even-list-item .m_itemCont1,
  .even-list-item .m_itemCont2, .even-list-item .m_itemCont3, .even-list-item .m_itemCont4 {
    position: absolute;
    width: 2.2rem;
    top: 2px;
    margin-left: 1.5rem;
    z-index: 2;
  }
  
  .even-list-item .item-cont img {
    display: block;
    margin: 0.9rem auto 0;
    zoom: 1;
    overflow: hidden;
    width: 4rem;
  }
  .even-list-item .item-cont .item-cont-text {
    display: block;
    width: 4rem;
    line-height: 0.41rem;
    color: #3b3b3b;
    font-size: 0.23rem;
    margin: 0 auto;
    margin-top: 0.23rem;
    margin-bottom: 0.3rem;
    text-align: justify;
  }
  #slider,
  .slider {
    margin-top: 0.2rem;
  }
  
  .slider li {
    padding: 0.2rem 0;
  }
  
  .hd {
    overflow: hidden;
    width: 100%;
  }
  .hd .prev,
  .hd .next {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 51%;
    z-index: 11;
    width: 0.58rem;
    height: 0.64rem;
    left: -0.1rem;
    background: url("../../../images/about/operate-2302/m_arrowLeft.png")
      no-repeat;
    background-size: 0.58rem 0.64rem;
    background-position: 0 0;
  }
  .hd .next {
    background: url("../../../images/about/operate-2302/m_arrowRight.png")
      no-repeat;
    background-size: 0.58rem 0.64rem;
    background-position: 0 0;
    float: right;
    left: auto;
    right: -0.1rem;
  }
  .hd ul {
    overflow: hidden;
    width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 0.4rem;
    display: flex;
    justify-content: center;
    display: none;
  }
  .hd ul li {
    overflow: hidden;
    width: 0.16rem;
    height: 0.16rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: solid 1px #f57b00;
    margin: 0 0.05rem;
  }
  .hd ul li.on {
    background: #f07900;
  }
  .data-footer {
    overflow: hidden;
    padding-bottom: 0.8rem;
    background: #f6f6f6;
  }
  .live-footer {
    overflow: hidden;
  }
  .live-footer a {
    overflow: hidden;
    display: block;
    background: #456d88;
    padding: 0.32rem 0.25rem 0.3rem 0.25rem;
  }
  .live-footer a:hover {
    background-color: #718d9e;
  }
  .live-footer .words {
    overflow: hidden;
    font-size: 0.28rem;
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    padding-bottom: 0.25rem;
  }
  .live-footer .download {
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .live-footer .download span {
    overflow: hidden;
    display: block;
    border-bottom: solid 0.03rem #fff;
    font-size: 0.28rem;
    color: #fff;
    margin-right: 0.3rem;
  }
  .live-footer .download img {
    width: 0.45rem;
    height: 0.29rem;
    margin-right: 0.02rem;
  }
  .live-copyright {
    padding: 0.5rem 0;
    font-size: 0.24rem;
    color: #999;
    text-align: center;
    line-height: 1.8;
  }
  
  .web-interaction {
    width: 100%;
    /* height: 15.83rem; */
    height: auto;
    padding-bottom: 0.8rem;
    float: left;
    overflow: hidden;
    zoom: 1;
    background-color: #d492eb;
  }
  #slider2 {
    position: relative;
  }
  .hd2 {
    overflow: hidden;
    width: 100%;
  }
  .hd2 ul {
    opacity: 0;
    height: 0;
  }
  .hd2 .prev,
  .hd2 .next {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 51%;
    z-index: 11;
    width: 0.58rem;
    height: 0.64rem;
    left: -0.1rem;
    background-image: url("../../../images/about/operate-2302/m_arrowLeft.png");
    background-repeat: no-repeat;
    background-size: 0.58rem 0.64rem;
    background-position: 0 0;
  }
  .hd2 .next {
    left: auto;
    right: 0rem;
    background-image: url("../../../images/about/operate-2302/m_arrowRight.png");
  }
  .interaction-cont {
    width: 6.9rem;
    margin: 0 auto;
  }
  .interac-item {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
    float: left;
  }
  .interac-item img {
    display: block;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
    width: 1.83rem;
    margin-top: 0.5rem;
  }
  .interac-item .interac-title {
    width: 100%;
    height: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.07rem;
    text-align: center;
    font-size: 0.35rem;
    font-weight: bold;
    zoom: 1;
    overflow: hidden;
    color: #663948;
    letter-spacing: 3px;
  }
  .interac-item .interac-text {
    width: 100%;
    height: auto !important;
    min-height: 1.26rem;
    line-height: 0.45rem;
    height: 1.26rem;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: justify;
    font-family: 'Microsoft JhengHei';
  }
  .web-images {
    width: 100%;
    height: 16.06rem;
    float: left;
    overflow: hidden;
    background-color: #efc1ff;
  }
  .images-cont {
    width: 6.9rem;
    height: 6.9rem;
    margin: 0 auto;
  }
  .images-item {
    width: 100%;
    height: auto !important;
    min-height: 2.2rem;
    height: 2.2rem;
    float: left;
    zoom: 1;
    overflow: hidden;
    margin-top: 0.57rem;
  }
  .images-cont .matop-20 {
    margin-top: 0.2rem;
  }
  .images-item .images-item-title {
    width: 100%;
    height: 0.98rem;
    line-height: 0.98rem;
    font-size: 0.34rem;
    color: #79388f;
    font-weight: bold;
    zoom: 1;
    text-align: center;
    overflow: hidden;
  }
  .images-item img {
    display: block;
    margin: 0 auto;
    width: 5.6rem;
  }
  .images-item img.width-100 {
    width: 100%;
  }
  .web-footers {
    width: 100%;
    height: 9.88rem;
    float: left;
    overflow: hidden;
    background-color: #56575a;
    box-shadow: 0 0 30px #56575a;
  }
  .footer-cont {
    width: 6.9rem;
    height: 100%;
    margin: 0 auto;
  }
  .footer-cont .footer-title {
    width: 100%;
    height: 0.8rem;
    line-height: 1.23rem;
    font-size: 0.36rem;
    color: #ffc410;
    text-align: center;
    margin-top: 0.5rem;
    float: left;
  }
  .footer-cont .footer-subtitle {
    width: 100%;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    margin: 0.2rem 0 0.5rem 0;
    float: left;
  }
  .footer-cont .footer-eweima-01 {
    width: 100%;
    height: auto !important;
    min-height: 1.46rem;
    height: 1.46rem;
    float: left;
    text-align: center;
  }
  .footer-cont .footer-eweima-01 a {
    display: block;
    margin: 0 auto;
    width: 3.44rem;
    height: 0.89rem;
    border-radius: 0.2rem;
    background-image: linear-gradient(to top right, #3ec3ff, #1c80ff);
    color: #fff;
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.89rem;
  }
  .footer-eweima-01 img {
    display: block;
    margin: 0 auto;
    width: 2.7rem;
    margin-bottom: 0.17rem;
  }
  .footer-eweima-01 .footer-text {
    width: 100%;
    line-height: 0.4rem;
    height: auto;
    zoom: 1;
    overflow: hidden;
    margin-bottom: 0.6rem;
    font-size: 0.31rem;
    text-align: center;
    color: #fff;
  }
  .web-last {
    width: 100%;
    height: 3.7rem;
    float: left;
    background-color: #252c34;
  }
  .last-cont {
    width: 6.9rem;
    height: 100%;
    margin: 0 auto;
  }
  .last-cont p {
    width: 100%;
    height: 0.83rem;
    line-height: 0.83rem;
    font-size: 0.28rem;
    color: #fff;
    text-align: left;
    position: relative;
    float: left;
    margin-bottom: 0.35rem;
  }
  .last-cont p.matop-50 {
    margin-top: 0.87rem;
  }
  .last-cont img {
    display: block;
    width: 0.83rem;
    float: left;
    margin-left: 1.98rem;
    margin-right: 0.19rem;
  }
  .last-cont img.matop-foot {
    width: 0.77rem;
    margin-left: 2rem;
    margin-top: 0.16rem;
  }
  
  @keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0.5;
    }
  }