/* 手机样式 */
@media(max-width:767px) {

    body {
        margin-top: 66px !important;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent !important;
    }

    .mobile-nav-dropdown .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .mobile-nav-dropdown .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px !important;
        color: #FFD2C2 !important;
    }

    .mobile-tgm-nav-menu-item {
        font-family: zhSmallFont;
    }

    .mobile-tgm-nav-menu-item-zh {
        font-family: zhSmallFont !important;
    }

    .mobile-tgm-nav-menu-item-en {
        font-family: enSmallFont !important;
    }

    .nav-img-logo-1 {
        height: 25px;
        margin-left: 15px;
        /* margin-top: 8px; */
    }

    .carousel-banner {
        background-color: white;
        width: 100%;
        height: calc(1448*100vw/750);
        position: relative;
    }

    .carousel {
        width: 100%;
    }

    .carousel-inner {
        width: 100%;
    }

    .banner-img {
        width: 100%;
        height: calc(1448*100vw/750);
    }

    .carousel-caption {
        text-align: left;
        left: calc(93*100vw/1125);
        right: calc(93*100vw/1125);
        bottom: 0;
        height: 100%;
        padding-bottom: 0;
        padding-top: 0;
        text-shadow: none;
    }

    .carousel-caption-container {
        width: 100%;
        position: absolute;
    }

    .carousel-caption-container-zh {
        top: calc(200*100vw/1125);
    }

    .carousel-caption-container-en {
        top: calc(200*100vw/1125);
    }

    .carousel-caption-content-1 {
        color: #EB6231;
        font-size: calc(100*100vw/1125);
    }

    .carousel-caption-content-1-zh {
        font-family: zhBigFont;
        font-weight: normal;
        line-height: calc(146*100vw/1125);
    }

    .carousel-caption-content-1-en {
        font-family: enSmallFont;
        font-weight: 900;
        line-height: calc(130*100vw/1125);
    }

    .carousel-caption-content-3 {
        font-size: calc(42*100vw/1125);
        font-weight: normal;
        color: #666666;
    }

    .carousel-caption-content-3-zh {
        font-family: zhSmallFont;
        margin-top: calc(78*100vw/1125);
    }

    .carousel-caption-content-3-en {
        font-family: enSmallFont;
        margin-top: calc(81*100vw/1125);
        line-height: calc(64*100vw/1125);
    }

    /* 关于----begin */

    .about-area-padding {
        padding-left: calc(92*100vw/1125);
        padding-right: calc(92*100vw/1125);
        min-height: calc(800*100vw/1125);
    }

    .about-area-padding-zh {
        padding-top: calc(144*100vw/1125);
        padding-bottom: calc(132*100vw/1125);
    }

    .about-area-padding-en {
        padding-top: calc(162*100vw/1125);
        padding-bottom: calc(129*100vw/1125);
    }

    .about-title-area {
      color: #212121;
      line-height: calc(96*100vw/1125);
    }

    .about-title-area-zh {
        font-size: calc(76*100vw/1125);
        font-family: zhBigFont;
        font-weight: normal;
        margin-bottom: calc(73*100vw/1125);
      }

      .about-title-area-en {
        font-size: calc(72*100vw/1125);
        font-family: enBigFont;
        font-weight: 900;
        margin-bottom: calc(87*100vw/1125);
      }
      
      .about-container-text {
        width: 100%;
        font-size: calc(38*100vw/1125);
        color: #666666;
        font-weight: 500;
        min-height: 200px;
    }

    .about-container-text-zh {
        font-family: zhSmallFont;
        line-height: calc(72*100vw/1125);
        margin-bottom: calc(111*100vw/1125);
    }

    .about-container-text-en {
        font-family: enSmallFont;
        line-height: calc(68*100vw/1125);
        margin-bottom: calc(115*100vw/1125);
    }
      
      .about-items {
          height: calc(340*100vw/1125);
          background-color: white;
          border-radius: 20px;
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          margin-bottom: calc(46*100vw/1125);
      }
      
      .about-items-icon {
          width: calc(120*100vw/1125);
          height: calc(120*100vw/1125);
          margin-left: calc(45*100vw/1125);
      }
      
      .about-items-content {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-right: calc(30*100vw/1125);
      }
      
      .about-items-content-title {
          font-size: calc(48*100vw/1125);
          color: #333333;
          margin-left: calc(45*100vw/1125);
          /* line-height: calc(65*100vw/1125); */
      }

      .about-items-content-title-zh {
        font-family: zhBigFont;
        font-weight: normal;
    }

    .about-items-content-title-en {
        font-family: enBigFont;
        font-weight: bold;
    }

      .about-items-content-desc {
          /* font-size: calc(36*100vw/1125); */
          font-size: 13px;
          margin-left: calc(45*100vw/1125);
      }

      .about-items-content-desc-zh {
        font-family: zhSmallFont;
        font-weight: 400;
        color: #888888;
        /* line-height: calc(54*100vw/1125); */
        margin-top: calc(30*100vw/1125);
    }

    .about-items-content-desc-en {
        font-family: enSmallFont;
        font-weight: normal;
        color: #999999;
        /* line-height: calc(49*100vw/1125); */
        margin-top: calc(30*100vw/1125);
    }
      
      .lifetime-item {
          margin-top: calc(111*100vw/1125);
      }
      
      .vission-item {
          margin-top: calc(46*100vw/1125);
      }

      /* 关于----end */


      /* book start */

      .book-heading-padding {
        padding-left: calc(92*100vw/1125);
        padding-right: calc(92*100vw/1125);
      }

      .book-heading-title {
        color: #212121;
        margin-bottom: calc(64*100vw/1125);
        margin-top: calc(144*100vw/1125);
        margin-left: calc(92*100vw/1125);
      }

      .book-heading-title-zh {
        font-size: calc(76*100vw/1125);
        font-family: zhBigFont;
        font-weight: normal;
        line-height: calc(96*100vw/1125);
        margin-bottom: calc(27*100vw/1125);
        margin-top: calc(144*100vw/1125);
      }

      .book-heading-title-en {
        font-size: calc(72*100vw/1125);
        font-family: enSmallFont;
        font-weight: 900;
        line-height: calc(90*100vw/1125);
        margin-bottom: calc(48*100vw/1125);
        margin-top: calc(165*100vw/1125);
      }

      .book-btns-container {
          margin-bottom: calc(37*100vw/1125);
          margin-left: calc(92*100vw/1125);
          margin-right: calc(92*100vw/1125);
          display: flex;
          flex-direction: row;
      }

      .book-items-row {
        margin-left: 0.92rem !important;
        margin-right: 0.92rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .book-items-row-col-1 {
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-left: 0 !important;
          margin-right: calc(40*100vw/1125) !important;
          width: calc(420*100vw/1125) !important;
          margin-bottom: calc(37*100vw/1125) !important;
      }

      .book-items-row-col-2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: calc(420*100vw/1125) !important;
        margin-bottom: calc(37*100vw/1125) !important;
      }

      .book-items-row-col-3 {
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-left: 0 !important;
          margin-right: calc(40*100vw/1125) !important;
          width: calc(420*100vw/1125) !important;
          margin-bottom: calc(37*100vw/1125) !important;
      }

      .book-items-row-col-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: calc(420*100vw/1125) !important;
        margin-bottom: calc(37*100vw/1125) !important;
      }

      .book-items-row-col-5 {
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-left: 0 !important;
          margin-right: calc(40*100vw/1125) !important;
          width: calc(420*100vw/1125) !important;
      }


      .book-btns-item {
          width: 100%;
          height: auto;
      }

      .book-desc {
        font-size: calc(38*100vw/1125);
        color: #666666;
        line-height: calc(72*100vw/1125);
        margin-top: calc(60*100vw/1125);
        margin-left: calc(92*100vw/1125);
        margin-right: calc(92*100vw/1125);
      }

      .book-desc-zh {
        font-family: zhSmallFont;
        font-weight: 500;
        margin-top: calc(60*100vw/1125);
      }

      .book-desc-en {
        font-family: enSmallFont;
        font-weight: normal;
        margin-top: calc(79*100vw/1125);
      }

      .mobile-book-owl {
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
      }

      .book-mobile-item {
        width: 100%;
        height: calc(881*100vw/1125);
        border-radius: 20px;
        position: relative;
      }

      .book-items-container-mobile {
          width: 100%;
          margin-top: calc(109*100vw/1125);
          position: relative;
          height: calc(881*100vw/1125);
      }

      .book-items-container-mobile-list {
          width: 100%;
          height: 100%;
          display: inline;
          white-space: nowrap;
          overflow-x: scroll;
          float: left;
          overflow-y: hidden;
          list-style: none;
      }

      .book-items-container-mobile-list::-webkit-scrollbar{
        display: none;
      }

      .book-items-container-mobile-list li {
          width: 6.16rem;
          height: 8.81rem;
          display:inline-block;
          margin-right: 0.61rem;
          border-radius: 0.2rem;
          position: relative;
      }

      .book-items-container-mobile-list-item-img {
          position: absolute;
          left: 0;
          top: 0;
          width: 6.16rem;
          height: 8.81rem;
          z-index: 1;
          /* border-radius: 0.2rem; */
          object-fit: contain;
          /* object-fit: cover; */
      }

      /* .book-mobile-item:hover .book-items-container-mobile-list-item-img {
        filter: blur(10px);
    } */

      .book-items-container-mobile-list-item-desc {
        position: absolute;
        left: 0;
        top: 0;
        width: 6.16rem;
        height: 8.81rem;
        z-index: 2;
        display: none;
    }

    /* .book-mobile-item:hover .book-items-container-mobile-list-item-desc {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        border-radius: 0.2rem;
        background: #000000;
        border: 0.002rem solid #FFFFFF;
        box-shadow: 0px 0.06rem 0.16rem 0px rgba(0, 0, 0, 0.1);
        opacity: 0.55;
    } */

    .book-items-container-mobile-list li:last-child {
        margin-right: 0px;
    }

    .book-items-container-mobile-list-item-desc-content {
        text-align: center;
        padding-top: 0.9rem;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .book-items-container-mobile-list-item-desc-content-title {
        /* font-size: 0.22rem; */
        font-size: 15px;
        color: #FFFFFF;
        /* line-height: 0.40rem; */
        margin-bottom: 0.18rem;
    }

    .book-items-container-mobile-list-item-desc-content-title-zh {
        font-family: zhSmallFont;
        font-weight: normal;
    }

    .book-items-container-mobile-list-item-desc-content-title-en {
        font-family: enSmallFont;
        font-weight: bold;
    }

    .book-items-container-mobile-list-item-desc-content-texts {
        margin-top: 0.63rem;
        margin-left: 0.32rem;
        margin-right: 0.32rem;
        clear: both;
        display: flex;
        flex-direction: column;
    }

    .book-items-container-mobile-list-item-desc-content-texts li {
        color: #FFFFFF;
        height:auto;
        width: 100%;
        text-align: left;
        list-style-type: node;
        margin-bottom: 0.32rem;
    }

    .book-mobile-item-texts-container {
        display: flex;
        flex-direction: column;
        margin-left: 0.63rem;
        margin-right: 0.63rem;
        /* margin-top: 0.63rem; */
        align-items: center;
        color: #FFFFFF;
        font-size: 13px;
    }

    .book-mobile-item-texts-content {
        display: flex;
        width: 100%;
        flex-direction: row;
    }

    .book-mobile-item-texts-content-dot {
        width: 0.08rem;
        height: 0.08rem;
        background-color: white;
        border-radius: 50%;
        margin-top: 0.1rem;
    }

    .book-mobile-item-texts-content-text {
        flex: 1;
        /* font-size: 0.2rem; */
        font-size: 14px;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #FFFFFF;
        line-height: 0.48rem;
        margin-left: 0.2rem;
        text-align: left;
        margin-bottom: 0.3rem;
    }

    .book-texts-container {
        display: flex;
        flex-direction: row;
        word-break: break-all;
        white-space: normal;
    }

    .white-dot {
        width: 0.08rem;
        height: 0.08rem;
        background-color: white;
        border-radius: 50%;
        margin-top: 0.14rem;
        margin-right: 0.11rem;
    }

    .book-texts-container-text {
        flex: 1;
        font-size: 0.14rem;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #FFFFFF;
        line-height: 0.36rem;
    }

    .book-items-container-mobile-pre {
        position: absolute;
        left: 0.27rem;
        top: 3.87rem;
        width: 1.08rem;
        height: 1.08rem;
        z-index: 3;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    .book-items-container-mobile-next {
        position: absolute;
        right: 0.27rem;
        top: 3.87rem;
        width: 1.08rem;
        height: 1.08rem;
        z-index: 3;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    .book-view-more-container {
        clear: both;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 1.48rem;
        padding-bottom: 1.73rem;
    }

    .book-view-more-btn {
        width: 4.18rem;
        height: 1.20rem;
        border: 0.03rem solid #666666;
        opacity: 0.5;
        border-radius: 0.60rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: #666666;
        line-height: 0.93rem;
    }

    .book-view-more-btn-zh {
        font-size: 0.38rem;
        font-family: zhSmallFont;
        font-weight: 500;
    }

    .book-view-more-btn-en {
        font-size: 0.46rem;
        font-family: zhSmallFont;
        font-weight: normal;
    }

    .flex1 {
        flex: 1;
    }

    .book-view-more-btn div img {
        margin-left: 0.59rem;
    }

    /* book end */



    /* product start */

    .product-padding {
        padding-top: calc(144*100vw/1125);
        padding-bottom: calc(185*100vw/1125);
    }

    .prodect-title-heading {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: calc(92*100vw/1125);
        margin-right: calc(92*100vw/1125);
    }

    .prodect-title-heading-zh {
        padding-top: calc(144*100vw/1125);
        margin-bottom: calc(103*100vw/1125);
    }

    .prodect-title-heading-en {
        padding-top: calc(152*100vw/1125);
        margin-bottom: calc(97*100vw/1125);
    }

    .prodect-title-lable {
        color: #212121;
        line-height: calc(96*100vw/1125);
    }

    .prodect-title-lable-zh {
        font-size: calc(76*100vw/1125);
        font-family: zhBigFont;
        font-weight: normal;
    }

    .prodect-title-lable-en {
        font-size: calc(72*100vw/1125);
        font-family: enSmallFont;
        font-weight: 900;
    }

    .prodect-title-number {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .prodect-title-number-current {
        font-size: calc(54*100vw/1125);
        font-family: zhSmallFont;
        font-weight: normal;
        color: #EB6231;
        line-height: calc(96*100vw/1125);
    }

    .prodect-title-number-line {
        width: calc(56*100vw/1125);
        height: calc(5*100vw/1125);
        background: #BFBFBF;
        border-radius: 3px;
        margin-left: calc(24*100vw/1125);
        margin-right: calc(24*100vw/1125);
    }

    .prodect-title-number-total {
        font-size: calc(42*100vw/1125);
        font-family: zhSmallFont;
        font-weight: normal;
        color: #212121;
        line-height: calc(96*100vw/1125);
    }

    .product-area {
        padding-bottom: calc(20*100vw/1125);
    }

    .carousel-container {
        position: relative;
        width: 100%;
    }

    .product-item {
        width: 100%;
        height: calc(2272*100vw/1125);
        opacity:0.4;
        transition:.4s ease all;
        transform:scale(.9);
        padding-top: calc(40*100vw/1125);
        padding-bottom: calc(40*100vw/1125);
    }

    .active .product-item {
        opacity:1;
        transform:scale(1);
    }

    .product-btn-pre {
        position: absolute;
        width: 1.08rem;
        height: 1.08rem;
        left: 0.27rem;
        top: calc(50% - 0.54rem);
        z-index: 10;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    .product-btn-next {
        position: absolute;
        width: 1.08rem;
        height: 1.08rem;
        right: 0.27rem;
        top: calc(50% - 0.54rem);
        z-index: 10;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    .product-item-container {
        width: 100%;
        height: 100%;
        position: relative;
        box-shadow: 0px 8px 4px 0px rgba(0, 0, 0, 0.12);
        border-radius: 40px;
    }

    .product-item-container-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100%;
        z-index: 1;
    }

    .product-item-container-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        box-shadow: 0px 8px calc(40*100vw/1125) 0px rgba(0, 0, 0, 0.12);
        border-radius: calc(40*100vw/1125);
    }

    .product-item-container-content-profile {
        position: absolute;
        left: calc(100vw*90/1125);
        right: calc(100vw*90/1125);
        top: calc(100vw*94/1125);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .product-item-container-content-logo {
        width: calc(100vw*588/1125) !important;
    }

    .product-item-container-content-desc {
        /* font-size: calc(100vw*32/1125); */
        font-size: 13px;
        color: #FFFFFF;
    }

    .product-item-container-content-desc-zh {
        margin-top: calc(100vw*66/1125);
        font-family: zhSmallFont;
        font-weight: 500;
        line-height: calc(70*100vw/1125);
    }

    .product-item-container-content-desc-en {
        margin-top: calc(40*100vw/1125);
        font-family: enSmallFont;
        font-weight: normal;
        line-height: calc(100vw*45/1125);
    }

    .product-item-container-content-qrcode {
        position: absolute;
        left: 0;
        width: 100%;
        top: calc(100vw*570/1125);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .product-item-container-content-qrcode-img {
        width: calc(402*100vw/1125) !important;
        height: calc(402*100vw/1125) !important;
        background-color: white;
        border-radius: 20px;
        padding: 11px;
        border: 2px solid #E5E5E5;
    }

    .product-item-container-content-scan {
        margin-top: calc(33*100vw/1125);
        color: #666666;
        line-height: calc(64*100vw/1125);
    }

    .product-item-container-content-scan-zh {
        font-size: calc(34*100vw/1125);
        font-family: zhSmallFont;
        font-weight: 500;
    }

    .product-item-container-content-scan-en {
        font-size: calc(35*100vw/1125);
        font-family: enSmallFont;
        font-weight: normal;
    }

    .product-item-container-content-list {
        position: absolute;
        /* left: calc(92*100vw/1125);
        right: calc(92*100vw/1125); */
        top: calc(1125*100vw/1125);
        left: calc(50*100vw/1125);
        right: calc(50*100vw/1125);
    }

    .product-item-container-content-feature {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-bottom: calc(50*100vw/1125);
    }

    .product-item-container-content-img {
        width: calc(100*100vw/1125) !important;
        height: calc(100*100vw/1125) !important;
    }

    .product-item-container-content-texts {
        margin-left: calc(45*100vw/1125);
        flex: 1;
    }

    .product-item-container-content-title {
        color: #333333;
        line-height: calc(65*100vw/1125);
    }

    .product-item-container-content-title-zh {
        /* font-size: calc(48*100vw/1125); */
        font-size: 15px;
        font-family: zhBigFont;
        font-weight: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .product-item-container-content-title-en {
        font-size: 15px;
        font-family: enSmallFont;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .product-item-container-content-texts-desc {
        color: #888888;
        margin-top: calc(10*100vw/1125) !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        /* font-size: calc(36*100vw/1125) !important; */
        font-size: 13px !important;
    }

    .product-item-container-content-texts-desc-zh {
        font-family: zhSmallFont !important;
        font-weight: 500 !important;
        /* line-height: calc(54*100vw/1125) !important; */
    }

    .product-item-container-content-texts-desc-en {
        font-family: enSmallFont !important;
        font-weight: normal !important;
        /* line-height: calc(45*100vw/1125) !important; */
        line-height: 1.3 !important;
    }

    .product-item-container-more {
        width: calc(418*100vw/1125);
        height: calc(120*100vw/1125);
        border: 1px solid #666666;
        opacity: 0.5;
        border-radius: calc(60*100vw/1125);
        position: absolute;
        left: calc(50% - 209*100vw/1125);
        bottom: calc(142*100vw/1125);
        z-index: 3;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .product-item-container-more-text {
        color: #666666;
        line-height: calc(93*100vw/1125);
        margin-right: calc(59*100vw/1125);
    }

    .product-item-container-more-text-zh {
        font-size: calc(38*100vw/1125);
        font-family: zhSmallFont;
        font-weight: 500;
    }

    .product-item-container-more-text-en {
        font-size: calc(46*100vw/1125);
        font-family: enSmallFont;
        font-weight: normal;
    }

    .product-item-container-more img {
        width: calc(19.7*100vw/1125) !important;
        height: calc(33.4*100vw/1125) !important;
    }

    /* product end */


    /* video start */

    .video-container {
        background-color: white;
        /* padding-bottom: 1.46rem; */
    }

    .video-title-heading {
        margin-left: calc(90*100vw/1125);
        margin-right: calc(90*100vw/1125);
    }

    .video-title-heading-zh {
        margin-top: calc(190*100vw/1125);
    }

    .video-title-heading-en {
        margin-top: calc(194*100vw/1125);
    }

    .video-title-label {
        font-size: calc(76*100vw/1125);
        color: #212121;
        line-height: calc(96*100vw/1125);
    }

    .video-title-label-zh {
        font-family: zhBigFont;
        font-weight: normal;
        margin-bottom: calc(66*100vw/1125);
    }

    .video-title-label-en {
        font-family: enSmallFont;
        font-weight: 900;
        margin-bottom: calc(73*100vw/1125);
    }

    .video-title-img {
        width: calc(450*100vw/1125);
        height: auto;
    }

    .video-title-desc {
        font-size: calc(38*100vw/1125);
        color: #666666;
    }

    .video-title-desc-zh {
        font-family: zhSmallFont;
        font-weight: 500;
        line-height: calc(72*100vw/1125);
        margin-bottom: calc(109*100vw/1125);
        margin-top: calc(53*100vw/1125);
    }

    .video-title-desc-en {
        font-family: enSmallFont;
        font-weight: normal;
        line-height: calc(68*100vw/1125);
        margin-bottom: calc(99*100vw/1125);
        margin-top: calc(64*100vw/1125);
    }

    .video-carousel-container {
        position: relative;
        width: 100%;
        height: calc(2095*100vw/1125);
    }

    .video-item {
        width: 100%;
        height: calc(2095*100vw/1125);
        opacity:0.4;
        transition:.4s ease all;
        transform:scale(.9);
        padding: calc(20*100vw/1125);
    }

    .active .video-item {
        opacity:1;
        transform:scale(1);
    }

    .video-item-content {
        width: 100%;
        height: 100%;
    }

    .video-item-container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .video-item-container-content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(1900*100vw/1125);
        background: #FFFFFF;
        box-shadow: 0px 8px calc(40*100vw/1125) 0px rgba(0, 0, 0, 0.12);
        border-radius: calc(20*100vw/1125);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .video-item-container-content-title {
        margin-top: calc(807*100vw/1125);
        font-size: calc(64*100vw/1125);
        color: #333333;
        line-height: calc(26*100vw/1125);
    }

    .video-item-container-content-title-zh {
        font-family: zhBigFont;
        font-weight: normal;
    }

    .video-item-container-content-title-en {
        font-family: enSmallFont;
        font-weight: 900;
    }

    .video-item-container-content-desc {
        font-size: calc(36*100vw/1125);
        font-family: zhSmallFont;
        font-weight: 500;
        color: #888888;
        line-height: calc(72*100vw/1125);
        margin-left: calc(67*100vw/1125);
        margin-right: calc(67*100vw/1125);
        margin-top: calc(67*100vw/1125);
    }

    .video-item-container-content-desc-zh {
        font-family: zhSmallFont;
        line-height: calc(72*100vw/1125);
    }

    .video-item-container-content-desc-en {
        font-family: enSmallFont;
        line-height: calc(68*100vw/1125);
    }

    .video-item-container-img {
        position: absolute;
        width: calc(592.6*100vw/1125) !important;
        height: calc(878*100vw/1125);
        left: calc(50% - 592.6*100vw/1125/2);
        top: 0rem;
    }

    .video-more-container {
        width: calc(418*100vw/1125);
        height: calc(120*100vw/1125);
        border: 0.03rem solid #666666;
        opacity: 0.5;
        border-radius: calc(60*100vw/1125);
        margin: 0 auto;
        margin-top: calc(132*100vw/1125);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: calc(142*100vw/1125);
    }

    .video-more-container-more-text {
        font-weight: 500;
        color: #666666;
        line-height: calc(93*100vw/1125);
        margin-right: calc(59*100vw/1125);
    }

    .video-more-container-more-text-zh {
        font-size: calc(38*100vw/1125);
        font-family: zhSmallFont;
        font-weight: 500;
    }

    .video-more-container-more-text-en {
        font-size: calc(46*100vw/1125);
        font-family: enSmallFont;
        font-weight: normal;
    }

    .video-btn-pre {
        position: absolute;
        width: 1.08rem;
        height: 1.08rem;
        left: 0.27rem;
        top: calc(50% - 0.54rem);
        z-index: 10;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    .video-btn-next {
        position: absolute;
        width: 1.08rem;
        height: 1.08rem;
        right: 0.27rem;
        top: calc(50% - 0.54rem);
        z-index: 10;
        box-shadow: 0rem 0rem 0.54rem 0.0rem rgba(0, 0, 0, 0.12);
        border-radius: 0.54rem;
    }

    /* video end */


    /* footer start */
    .footer-container {
        background-color: #EB6231;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .footer-container-mobile {
        padding-top: 1.24rem;
        margin-left: 0.91rem;
        margin-right: 0.6rem;
        padding-bottom: 1.18rem;
    }

    .mobile-panel-custom {
        background-color: transparent;
        border: none;
        -webkit-box-shadow: 0 0px 0px rgb(255 255 255);
        box-shadow: 0 0px 10x rgb(255 255 255);
        border-radius: 0px !important;
        border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .mobile-panel-body-custom {
        border-top: none !important;
        padding-left: 0rem !important;
    }

    .mobile-list-group-item-custom {
        background-color: transparent;
        border: none;
        padding-left: 0rem !important;
        font-size: 0.38rem;
        font-family: zhSmallFont;
        font-weight: 500;
        color: #FFD0BF;
    }

    .mobile-list-group-item-custom a {
        text-decoration:none;
        color: #FFD2C2;
    }

    .mobile-panel-heading-custom {
        padding-left: 0rem !important;
        font-size: 0.46rem;
        color: #FFFFFF;
    }

    .mobile-panel-heading-custom-zh {
        font-family: zhSmallFont;
    }

    .mobile-panel-heading-custom-en {
        font-family: enSmallFont;
    }

    .mobile-panel-title-custom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .mobile-panel-title-custom span {
        flex: 1;
    }

    .panel-title-arraw {
        width: 0.34rem;
    }

    .footer-contact-us-email {
        color: white;
        margin-top: 0.08rem;
    }

    .mobile-bottom-img {
        display: flex;
        flex-direction: row;
        margin-top: 1rem;
    }

    .bootom-logo-container-img {
        width: 4rem;
        height: calc(327/906*4rem) !important;
        /* height: 2.36rem !important; */
    }

    /* .bootom-logo-container-img-zh {
        height: 1.61rem !important;
    }

    .bootom-logo-container-img-en {
        height: 1.61rem !important;
    } */

    .bootom-qrcode-container-content {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bootom-qrcode-container-content-img {
        width: 2.32rem;
        height: 2.32rem;
        user-select: none;
        -webkit-user-drag: none;
    }

    .bootom-qrcode-container-content-text {
        font-size: 0.30rem;
        color: #FFFFFF;
        line-height: 0.33rem;
        margin-top: 0.17rem;
    }

    .bootom-qrcode-container-content-text-zh {
        font-family: zhSmallFont;
        font-weight: 500;
    }

    .bootom-qrcode-container-content-text-en {
        font-family: enSmallFont;
        font-weight: normal;
    }

    .bottom-copyright {
        margin-top: 1rem;
        font-size: 0.32rem;
        font-weight: 400;
        color: #F7A183;
        line-height: 0.64rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bottom-copyright-zh {
        font-family: zhSmallFont;
        font-weight: 400;
    }

    .bottom-copyright-en {
        font-family: enSmallFont;
        font-weight: normal;
    }

    .bottom-copyright-content {
        display: flex;
        flex-direction: row;
    }

    .bottom-copyright-item {
        margin-left: 0.25rem;
    }

    .btn-copyright-link {
        cursor: pointer;
    }
    
    /* footer end */

    /* 科普 start */

    .science-area {
        margin-top: 66px;
    }

    .science-desc-container {
        width: 100%;
        height: 19.215rem;
        margin: 0px;
        padding: 0px;
        position: relative;
    }
    
    .science-desc-container-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .science-desc-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .science-desc-content-logo-img {
        width: 2.82rem;
        height: 2.82rem;
        margin-top: 1.21rem;
        border-radius: 0.4rem;
    }

    .science-desc-content-logo-title {
        font-size: 0.86rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        margin-top: 0.84rem;
    }

    .science-desc-content-logo-subtitle {
        font-size: 0.42rem;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #888888;
        letter-spacing: 0.08rem;
    }

    .science-desc-content-logo-download {
        margin-top: 1.1rem;
        width: 4.40rem;
        height: 1.30rem;
        background: #EB6231;
        border-radius: 0.20rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 0.36rem;
        font-family: zhSmallFont;
        font-weight: bold;
        color: #FFFFFF;
    }

    .science-prd-container {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
        padding-top: 0rem;
        padding-bottom: 1.53rem;
    }

    .science-prd-title {
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.75rem;
    }

    .science-prd-item {
        width: 100%;
        height: 3.6rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding-left: 0.66rem;
        padding-right: 0.66rem;
        margin-bottom: 0.61rem;
    }

    .science-prd-item-img {
        width: 1.24rem;
        height: auto;
        margin-right: 0.89rem;
    }


    .science-prd-item-title {
        font-size: 0.48rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
    }
    
    .science-prd-item-text {
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #888888;
        margin-top: 0.49rem;
    }

    .science-enlightenment-container {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
        margin-top: 1.83rem;
        margin-bottom: 0.5rem;
    }

    .science-enlightenment-title-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0.74rem;
    }

    .science-enlightenment-title {
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        margin-bottom: 0.5rem;
    }
    
    .science-enlightenment-text {
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #666666;
        margin-bottom: 0.1rem;  
    }

    .science-enlightenment-item {
        height: 6.6rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.12);
        border-radius: 0.20rem;
        margin-bottom: 0.6rem;
    }
    
    .science-enlightenment-item-img {
        width: 1.52rem;
        height: 1.52rem;
        margin-top: 0.8rem;
    }
    
    .science-enlightenment-item-title {
        margin-top: 0.74rem;
        margin-bottom: 0.5rem;
        font-size: 0.48rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #333333;
    }
    
    .science-enlightenment-item-text {
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #888888;
        margin-left: 1.21rem;
        margin-right: 1.21rem;
        text-align: center;
    }

    .science-evaluate-container {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
        padding-top: 1.16rem;
        padding-bottom: 1.53rem;
    }
    
    .science-evaluate-title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.7rem;
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
    }
    
    .science-evaluate-item {
        padding-top: 0.64rem;
        padding-left: 0.33rem;
        margin-right: 0.33rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        height: 6.54rem;
        display: flex;
        flex-direction: column;
        margin-bottom: 0.6rem;
    }
    
    .science-evaluate-item-profile {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .science-evaluate-item-img {
        width: 1.42rem;
        height: 1.42rem;
        margin-right: 0.41rem;
    }
    
    .science-evaluate-item-profile-name {
        font-size: 0.46rem;
        font-family: zhSmallFont;
        color: #333333;
    }
    
    .science-evaluate-item-profile-desc {
        font-size: 0.34rem;
        font-family: zhSmallFont;
        font-weight: 400;
        color: #888888;
        margin-top: 0.2rem;
    }
    
    .science-evaluate-content {
        flex: 1;
        margin-top: 0.2rem;
        /* background: #FFFFFF; */
        /* border-radius: 0.20rem; */
        /* padding-top: 0.75rem;
        padding-left: 0.65rem;
        padding-right: 0.65rem;
        margin-right: 0.33rem;
        margin-bottom: 0.45rem; */
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #888888;
        position: relative;
        width: 100%;
        height: 6.23rem;
        margin-bottom: 0.45rem;
    }

    /* 科普 end */

    /* 小亮熊 start */
    .level-reading-area {
        background-color: white;
    }
    
    .reading-desc-container {
        width: 100%;
        height: 24.31rem;
        position: relative;
    }
    
    .reading-desc-container-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .reading-desc-content {
        position: absolute;
        left: 0rem;
        width: 100%;
        top: 1.19rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .reading-desc-content-logo {
        width: 2.86rem;
        height: 2.86rem;
        border-radius: 0.4rem;
    }

    .reading-desc-content-title {
        font-size: 0.86rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        margin-top: 0.81rem;
        margin-bottom: 0.36rem;
    }
    
    .reading-desc-content-subtitle {
        font-size: 0.46rem;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #EB6231;
        letter-spacing: 0.3rem;
    }

    .reading-desc-content-logo-download {
        width: 4.40rem;
        height: 1.30rem;
        background: #EB6231;
        border-radius: 0.20rem;
        margin-top: 0.95rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .reading-desc-content-logo-download-content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 0.36rem;
        font-family: zhSmallFont;
        font-weight: bold;
        color: #FFFFFF;
    }

    .reading-desc-content-logo-download-img {
        width: 0.48rem;
        height: auto;
        margin-right: 0.4rem;
    }

    .reading-necessity-container {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
    }

    .reading-necessity-title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-top: 0.89rem;
        padding-bottom: 0.85rem;
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
    }

    .reading-necessity-importance-container {
        margin-left: 0.72rem;
        margin-right: 0.72rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        padding-top: 1rem;
        padding-bottom: 0.94rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0.60rem;
    }

    .reading-necessity-item-title {
        font-size: 0.54rem;
        font-family: zhBigFont !important;
        font-weight: normal;
        color: #333333;
    }
    
    .reading-necessity-item-subtitle {
        font-size: 0.40rem;
        font-family: zhSmallFont;
        color: #EB6231;
        margin-top: 0.34rem;
    }

    .reading-necessity-importance-img {
        width: 4.4rem;
        height: auto;
        margin-top: 0.92rem;
    }
    
    .reading-necessity-effectivity-container {
        margin-left: 0.72rem;
        margin-right: 0.72rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        padding-top: 0.85rem;
        padding-bottom: 1.47rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0.60rem;
    }

    .reading-necessity-subtitle {
        font-size: 0.38rem;
        font-family: zhSmallFont;
        color: #EB6231;
    }

    .reading-necessity-subtitle1 {
        margin-top: 0.7rem;
        margin-bottom: 0.68rem;
    }

    .reading-effectivity-item-row1-img1 {
        width: 6.24rem;
        height: auto;
    }

    .reading-necessity-subtitle2 {
        margin-top: 1.73rem;
        margin-bottom: 0.61rem;
    }

    .reading-effectivity-item-row1-img2 {
        width: 8.82rem;
        height: auto;
    }

    .reading-necessity-subtitle3 {
        margin-top: 1.34rem;
        margin-bottom: 0.76rem;
        margin-left: 1.51rem;
        margin-right: 1.51rem;
    }

    .reading-effectivity-item-row1-img3 {
        width: 8.22rem;
        height: 6.41rem;
    }

    .reading-necessity-subtitle4 {
        font-size: 0.42rem;
        font-family: zhSmallFont;
        color: #47BFF6;
        margin-top: 0.46rem;
    }

    .reading-necessity-resolve-container {
        background: #FFFFFF;
        box-shadow: 0px 0.04px 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        margin-left: 0.72rem;
        margin-right: 0.72rem;
        margin-bottom: 0.6rem;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        padding-top: 1rem;
        padding-bottom: 0.89rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .reading-necessity-item-title {
        font-size: 0.54rem;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #333333;
        font-weight: normal;
    }

    .reading-resolve-subtitle1 {
        margin-bottom: 0.54rem;
        margin-top: 0.5rem;
    }

    .reading-necessity-resolve-item {
        width: 8.4rem;
        height: 3.2rem;
        position: relative;
        margin-top: 0.49rem;
    }
    
    .reading-necessity-resolve-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .reading-necessity-resolve-item-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .reading-necessity-resolve-item-title {
        font-size: 0.48rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #333333;
        margin-top: 0.59rem;
        margin-bottom: 0.40rem;
    }
    
    .reading-necessity-resolve-item-desc {
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #888888;
        margin-left: 0.55rem;
        margin-right: 0.55rem;
        text-align: center;
    }

    .reading-feature-container {
        background: #FFFFFF;
        /* box-shadow: 0px 0.04px 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem; */
        margin-top: 1rem;
        margin-left: 0.72rem;
        margin-right: 0.72rem;
        margin-bottom: 0.6rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reading-feature-title {
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        margin-bottom: 1.15rem;
    }

    .reading-feature-item {
        margin-bottom: 1.56rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reading-feature-item-title {
        font-size: 0.48rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #333333;
    }

    .reading-feature-item-desc {
        font-size: 0.32rem;
        font-family: zhSmallFont;
        font-weight: normal;
        color: #888888;
        margin-bottom: 0.6rem;
        margin-top: 0.6rem;
        text-align: center;
    }

    .reading-feature-item-img {
        width: 7.90rem;
        height: 3.88rem;
    }

    .reading-evaluate-container {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
        padding-top: 0.32rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reading-evaluate-title {
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.7rem;
    }

    .reading-evaluate-item {
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.20rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.20rem;
        padding-left: 0.34rem;
        padding-right: 0.34rem;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
        margin-bottom: 0.6rem;
    }

    .science-evaluate-item-profile {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .science-evaluate-item-img {
        width: 1.42rem;
        height: 1.42rem;
        margin-right: 0.40rem;
    }
    
    .science-evaluate-item-profile-name {
        font-size: 0.46rem;
        font-family: zhSmallFont;
        font-weight: 400;
        color: #333333;
    }
    
    .science-evaluate-item-profile-desc {
        font-size: 0.34rem;
        font-family: zhSmallFont;
        font-weight: 400;
        color: #888888;
        margin-top: 0.23rem;
    }

    .reading-evaluate-content {
        margin-top: 0.29rem;
        font-size: 0.36rem;
        font-family: zhSmallFont;
        color: #888888;
        position: relative;
        width: 100%;
        height: 6.23rem;
    }

    .reading-evaluate-content-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .reading-evaluate-content-text {
        position: absolute;
        left: 0.49rem;
        right: 0.49rem;
        top: 0.62rem;
    }

    .reading-superior-container {
        padding-left: 0rem;
        padding-right: 0rem;
        padding-top: 1.45rem;
    }

    .reading-superior-title {
        font-size: 0.72rem;
        font-family: zhBigFont;
        font-weight: normal;
        color: #212121;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .reading-superior-owl-carousel {
        margin-top: 0.88rem;
        margin-bottom: 2.66rem;
    }

    .superior-item-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .superior-item-img {
        width: 6.65rem !important;
        height: 7.86rem !important;
    }

    .superior-item-title {
        color: #333333;
        font-size: 0.6rem;
        margin-top: 0.67rem;
        margin-bottom: 0.2rem;
    }

    .superior-item-desc {
        color: #666666;
        font-size: 0.42rem;
    }

    /* 小亮熊 end */
      
}