/* 全站移动端。桌面宽度不改，窄屏才覆盖。改自适应只改这个文件。 */
@media (max-width: 1200px) {
  html, body {
    min-width: 0 !important;
    overflow-x: hidden;
  }
  body * {
    min-width: 0 !important;
  }
  body,
  .eo-top-nav,
  .sponsorBox,
  .header > div,
  .header-bottom,
  .eo-download-box .eo-top-nav > div,
  .eo-propaganda-box .eo-top-nav > div {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .container,
  .main,
  .header > div,
  .header-bottom,
  .promote-page .top,
  .promote-page .step,
  .promote-page .f-wrap,
  .promote-page .goodness,
  .promote-page .ways,
  .promote-page .buy-way,
  .video-container,
  .downloadTutorialTabcontent,
  .starShow,
  .starShowImg,
  .publicityItem,
  .currentImgBox,
  .currentImgs,
  .carouselBox-wrapper,
  .pay-box .step,
  .title-box .desc {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  img, video, svg, canvas, iframe {
    max-width: 100%;
  }
  iframe.iframe {
    width: 100% !important;
    height: 70vh !important;
  }

  /* 顶栏：菜单按钮 + 下拉导航 */
  .eo-top-nav { min-width: 0 !important; }
  .header-top {
    height: 56px !important;
    padding: 0 12px !important;
    position: relative !important;
  }
  .header-top .logo {
    width: 92px !important;
    height: 26px !important;
    flex: 0 0 auto;
  }
  #eb-menu-btn {
    display: flex;
    order: 3;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    padding: 10px 8px;
    border: 0;
    background: transparent;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    flex: 0 0 auto;
  }
  #eb-menu-btn span {
    display: block;
    height: 2px;
    background: #142032;
    border-radius: 1px;
  }
  .header-top .h5-btn {
    width: auto !important;
    height: 34px !important;
    margin-right: 0 !important;
    order: 2;
  }
  .header-top .h5-btn span {
    height: 34px !important;
    font-size: 13px !important;
    padding: 0 10px;
  }
  .header-top .lang {
    display: none !important;
  }
  .header-top__nav {
    display: none !important;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 12px !important;
    margin: 0 !important;
    background: #fff;
    flex-direction: column !important;
    box-shadow: 0 12px 28px rgba(20, 32, 50, 0.12);
    z-index: 2000;
    max-height: calc(100vh - 56px);
    overflow: auto;
  }
  .header-top__nav.is-open { display: flex !important; }
  .header-top__nav > div {
    margin: 0 !important;
    padding: 14px 20px;
    line-height: 1.4 !important;
    height: auto !important;
    border-bottom: 1px solid #eef2f8;
    white-space: normal !important;
  }

  .home-page,
  .sponsorBox,
  .downloadTutorialBox { padding-top: 56px !important; }

  /* 首页各块改为纵向流 */
  .home-page .banner-box .text-area,
  .home-page .phone-box,
  .home-page .currency-box,
  .home-page .yjsd-box,
  .home-page .jy-box,
  .home-page .aq-box,
  .home-page .xsbd-box,
  .home-page .des-info-box,
  .home-page .des-info-box .main,
  .home-page .xsbd-box .xsbd-box2,
  .home-page .xsbd-box .xsbd-box2 .ts,
  .home-page .xsbd-box .xsbd-box2 .ts-list {
    height: auto !important;
    min-height: 0 !important;
  }
  .home-page .banner-box .carousel-container { overflow: hidden; }
  .home-page .banner-box .carousel-slide { width: 100% !important; }
  .home-page .banner-box .carousel-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .home-page .banner-box .text-area .img-1 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .home-page .phone-box,
  .home-page .currency-box .currency-box2 .main,
  .home-page .aq-box .aq-box1 .main,
  .home-page .des-info-box .main,
  .home-page .xsbd-box .xsbd-box2,
  .f-bc {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
  }
  .home-page .phone-box,
  .home-page .phone-box1,
  .home-page .phone-box2,
  .home-page .yjsd-box,
  .home-page .yjsd-box2,
  .home-page .xsbd-box,
  .home-page .xsbd-box2,
  .home-page .ts,
  .home-page .gfts,
  .home-page .gfts-1,
  .home-page .merge-text,
  .home-page .ts-list,
  .home-page .ts-list1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .home-page .phone-box .img-2,
  .home-page .phone-box .img-3,
  .home-page .phone-box .img-4,
  .home-page .phone-box .img-5,
  .home-page .phone-box .phone-box2,
  .home-page .yjsd-box .yjsd-img,
  .home-page .yjsd-box .yjsd-img2 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px auto !important;
    display: block !important;
  }
  .home-page .des-info-box .card,
  .home-page .currency-box .card,
  .home-page .aq-box .card,
  .home-page .xsbd-box .ts-list1,
  .pay-box .step .step-item,
  .platform-box .content-box,
  .eco-box .card {
    width: 100% !important;
    max-width: 460px;
    height: auto !important;
    position: relative !important;
    left: auto !important;
    margin: 8px auto !important;
  }
  .home-page .des-info-box .card .des,
  .home-page .aq-box .card .des,
  .home-page .currency-box .card .des {
    width: auto !important;
    height: auto !important;
  }
  .home-page .xsbd-box .xsbd-box2 .ts-list { left: 0 !important; width: 100% !important; }
  .home-page .jy-box .jy-box2 { height: auto !important; }
  .home-page .jy-box .jy-box2 .jy-box2-button {
    width: 100% !important;
    max-width: 460px;
    margin: 0 auto;
    display: flex !important;
    justify-content: space-between;
  }
  .home-page .jy-box .jy-box2 .button1 {
    width: 30% !important;
    margin-left: 0 !important;
  }
  .pay-box .step { flex-direction: column !important; align-items: center; }
  .pay-box .step .arrow-con { display: none !important; }
  .circle_left_down,
  .circle_01,
  .circle_02,
  .circle_04,
  .circle_05,
  .circle_left,
  .circle_right,
  .circle_right_down,
  .circle_05_left,
  .circle_05_right,
  .circle_01_download,
  .home-page .eo-img-box {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
  }
  .home-page .eo-img-box { position: relative !important; }
  .yjsd-box, .phone-box { overflow: hidden; padding: 16px 0; }

  /* 内页头图、卡片、流程 */
  .header-center,
  .header-center-left,
  .header-center-right,
  .about-top,
  .join-top,
  .join-middle,
  .join-bottom,
  .eo-content-box,
  .eo-info-box,
  .eo-down-load,
  .eo-b,
  .sklc-content,
  .hzlc-content,
  .ksjc-content,
  .eo-cards,
  .eo-flow-box {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }
  .header-center,
  .eo-down-load .eo-b,
  .eo-b.f-cc,
  .sklc-content,
  .hzlc-content,
  .ksjc-content,
  .eo-cards,
  .join-bottom,
  .about-top,
  .join-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
  }
  .header-center { padding: 72px 16px 24px !important; height: auto !important; }
  .header-center-right,
  .header-center__icon,
  .header-center-left .left-1 {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    height: auto !important;
    width: 100% !important;
  }
  .header-center-right {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 8px;
  }
  .header-center-right .right-text { width: auto !important; height: auto !important; }
  .about-top__card,
  .join-top__card,
  .eo-card,
  .gd-item,
  .fetaure .item,
  .sklc,
  .hzlc-content-1,
  .eo-left,
  .eo-right {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: auto !important;
    box-sizing: border-box;
  }
  .container.about,
  .container.join,
  .eo-content-box,
  .downloadTutorialContent { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }

  /* 教程页签 */
  .downloadTutorialTabBox { flex-wrap: wrap !important; padding: 0 8px 24px !important; }
  .downloadTutorialTabBox .downloadTutorialTabBoxItem {
    width: calc(50% - 12px) !important;
    margin: 6px !important;
    font-size: 15px !important;
  }
  .downloadTutorialTabcontent img { height: auto !important; }

  /* 赞助 */
  .sponsorBox { padding-top: 56px !important; padding-bottom: 48px !important; }
  .tabBtnBox {
    position: sticky !important;
    top: 56px !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto;
    z-index: 30;
    box-sizing: border-box;
  }
  .publicityItem { padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
  .html-content img, .html-content video { height: auto !important; }

  /* 使用教程侧栏 */
  .tutorial-box .content,
  .tutorial-box .content-main { width: 100% !important; max-width: 100% !important; }
  .tutorial-box .el-container { flex-direction: column !important; }
  .tutorial-box .el-aside { width: 100% !important; max-width: 100% !important; }
  .tutorial-box .aside-box {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    padding: 8px !important;
    box-sizing: border-box;
  }
  .tutorial-box .aside-button-list {
    flex: 0 0 48% !important;
    width: 48% !important;
    margin: 0 0 8px !important;
  }
  .tutorial-box .aside-button-list .button,
  .tutorial-box .aside-button-list button {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    padding: 8px 6px !important;
  }
  .tutorial-box .list-box,
  .tutorial-box .main,
  .tutorial-box .f-bc {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    align-items: stretch !important;
  }
  .tutorial-box .list,
  .tutorial-box .info,
  .tutorial-box .text-b,
  .tutorial-box .des {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    white-space: normal !important;
  }
  .tutorial-box .el-main { padding: 12px !important; width: 100% !important; }
  .tutorial-box .main-box,
  .tutorial-box .main-box .main,
  .tutorial-box .ol-bg,
  .tutorial-box .info,
  .tutorial-box .text-b,
  .tutorial-box .des,
  .tutorial-box .tips,
  .tutorial-box .down-way,
  .tutorial-box .qr-code {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 8px 0 !important;
    float: none !important;
  }
  .tutorial-box .main-box img { height: auto !important; }
  .tutorial-box .des {
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-align: center;
  }
  .tutorial-box .des > * {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    font-size: inherit !important;
    margin: 0 !important;
  }
  .tutorial-box .down-way {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .tutorial-box .download-text {
    width: 100% !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
  }
  .tutorial-box .hint,
  .tutorial-box .download-text {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    max-width: 100% !important;
    height: auto !important;
    white-space: normal !important;
    margin: 8px 0 !important;
  }

  /* 推广页 */
  .promote-page { min-width: 0 !important; }
  .promote-page:before, .promote-page:after { display: none !important; }
  .promote-page .top-banner,
  .promote-page .top,
  .promote-page .top-left { width: 100% !important; max-width: 100% !important; height: auto !important; box-sizing: border-box; }
  .promote-page .top-left h1 {
    font-size: 32px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    width: 100% !important;
  }
  .promote-page .top-left p {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    white-space: normal !important;
    box-sizing: border-box;
    overflow: visible !important;
  }
  .promote-page .step,
  .promote-page .introduce,
  .promote-page .context {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: auto !important;
  }
  .promote-page .step img,
  .promote-page .zhanwei {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
  }
  .promote-page .top,
  .promote-page .step,
  .promote-page .fetaure,
  .promote-page .goodness,
  .promote-page .buy-way { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
  .fetaure-con, .promote-page .f-wrap { flex-direction: column !important; align-items: center; }
  .el-carousel,
  .el-carousel__container,
  .el-carousel__indicators { width: 100% !important; max-width: 100% !important; }
  .el-carousel__item { width: 100% !important; }
  .el-carousel__indicators {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .promote-page .context,
  .promote-page .introduce,
  .promote-page .number,
  .promote-page .step .title,
  .promote-page .detail,
  .promote-page .area-title {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .goodness { display: flex !important; flex-wrap: wrap !important; justify-content: center; }
  .gd-item { width: calc(50% - 8px) !important; }

  /* 页脚 */
  .footer-box { height: auto !important; padding: 28px 16px 40px !important; }
  .footer-box .main {
    overflow: visible !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .footer-box .main .text-b {
    position: static !important;
    margin: 0 0 20px !important;
  }
  .footer-box .menu {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }
  .footer-box .download-button { flex-wrap: wrap; }
  .footer-box .online-custom-serve-fixed { right: 10px !important; bottom: 12px !important; }
  .hoverBox,
  .footer-box .online-custom-serve-fixed .img-box {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
  }
  .hoverBox .tg_text,
  .footer-box .online-custom-serve-fixed .img-box .service-text {
    display: none !important;
  }
  .hoverBox .logo,
  .footer-box .online-custom-serve-fixed .img-box img,
  .footer-box .online-custom-serve-fixed .down-img-box img {
    width: 44px !important;
    height: 44px !important;
  }
  .footer-box .online-custom-serve-fixed .down-img-box {
    width: auto !important;
    max-width: calc(100vw - 24px);
    height: 48px !important;
  }
}

@media (min-width: 1201px) {
  #eb-menu-btn { display: none !important; }
}