@media screen and (max-width: 1023px) {
  .yun-center {
    width: 100%;
  }
  .help,
  .helpsearch {
    width: 100%;
    padding-top: 0;
  }
  .help .banner,
  .helpsearch .banner {
    height: 300px;
    min-width: auto;
    background-size: auto 100%;
    background-position: 0 0;
  }
  .help .help-head,
  .helpsearch .help-head {
    padding-top: 88px;
  }
  .help .help-head .title,
  .helpsearch .help-head .title {
    font-size: 32px;
  }
  .help .help-head .search .hot-search,
  .helpsearch .help-head .search .hot-search {
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  .help .help-mian,
  .helpsearch .help-mian {
    gap: 15px;
    overflow: hidden;
    margin-left: calc((100% - 767px) / 2);
  }
  .helpsearch .helpsearch-main,
  .helpdetail .helpsearch-main,
  .helpsearch .helpdetail-main,
  .helpdetail .helpdetail-main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .helpsearch .helpsearch-main .left,
  .helpdetail .helpsearch-main .left,
  .helpsearch .helpdetail-main .left,
  .helpdetail .helpdetail-main .left {
    width: 180px;
    flex-shrink: 0;
  }
  .helpsearch .helpsearch-main .left .left-main,
  .helpdetail .helpsearch-main .left .left-main,
  .helpsearch .helpdetail-main .left .left-main,
  .helpdetail .helpdetail-main .left .left-main {
    width: 100%;
  }
  .helpsearch .helpsearch-main .right,
  .helpdetail .helpsearch-main .right,
  .helpsearch .helpdetail-main .right,
  .helpdetail .helpdetail-main .right {
    width: 100%;
    flex: 1;
  }
  .helpdetail {
    padding-top: 88px;
  }
  .helpdetail .helpdetail-main .right {
    width: calc(100% - 320px);
    margin-left: 20px;
  }
  .helpdetail .helpdetail-main .right .right-main {
    width: 100%;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page {
    gap: 10px;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page {
    flex: 1;
    flex-shrink: 0;
    overflow: hidden;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page a {
    width: 100%;
    overflow: hidden;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page a .icon.iconnext {
    flex-shrink: 0;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page a .text {
    flex: 1;
    overflow: hidden;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page a .text .title {
    width: auto;
  }
  .helpdetail .helpdetail-main .right .right-main .right-page .page a .text .top {
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .help,
  .helpsearch {
    width: 100vw;
  }
  .help .help-head .title,
  .helpsearch .help-head .title {
    font-size: 24px;
  }
  .help .help-head .search,
  .helpsearch .help-head .search {
    width: 91.47vw;
    margin: 0 auto;
  }
  .help .help-head .search .hot-search,
  .helpsearch .help-head .search .hot-search {
    margin-left: 0;
    justify-content: flex-start;
    gap: 10px;
  }
  .help .help-head .search .hot-search .hot-search-item,
  .helpsearch .help-head .search .hot-search .hot-search-item {
    margin-left: 0;
  }
  .help .help-head .search .from-item,
  .helpsearch .help-head .search .from-item {
    margin-top: 8vw;
  }
  .help .help-head .search .from-item .input-item,
  .helpsearch .help-head .search .from-item .input-item {
    flex: 1;
  }
  .help .help-head .search .from-item .input-item input,
  .helpsearch .help-head .search .from-item .input-item input {
    width: 100%;
    height: 36px;
  }
  .help .help-head .search .from-item .input-item .search-icon,
  .helpsearch .help-head .search .from-item .input-item .search-icon {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
  .help .help-head .search .from-item .btn,
  .helpsearch .help-head .search .from-item .btn {
    height: 36px;
    line-height: 36px;
  }
  .help .help-mian,
  .helpsearch .help-mian {
    justify-content: center;
    margin-top: 8vw;
    margin-left: 0;
    gap: 10px;
  }
  .help .help-mian .item,
  .helpsearch .help-mian .item {
    width: 91.47vw;
    min-height: 242px;
    height: auto;
  }
  .helpsearch .helpsearch-main {
    margin: 8vw auto;
    padding: 0;
    width: 91.47vw;
  }
  .helpsearch .helpsearch-main .left {
    display: none;
  }
  .helpsearch .helpsearch-main .right {
    width: 100%;
    flex: 1;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs {
    margin-bottom: 5.3vw;
    height: 38px;
    overflow: hidden;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs ul {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    flex-wrap: nowrap;
    transition: all 0.3s;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs ul li {
    background-color: transparent;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs ul li a {
    padding: 0 2.67vw;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs ul li.search-tabs-active {
    background-color: transparent;
    position: relative;
  }
  .helpsearch .helpsearch-main .right .help-search-tabs ul li.search-tabs-active::after {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    height: 2px;
    border-radius: 1px;
    background-color: #2254f5;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item {
    padding: 16px;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom {
    display: block;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left .bottom-crumb {
    width: 100%;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left .browse,
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left .update {
    margin-left: 0;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left .browse {
    flex: 2;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .bottom-left .update {
    flex: 3;
    text-align: right;
  }
  .helpsearch .helpsearch-main .right .help-search-items .help-search-item .item-bottom .telescoping {
    justify-content: center;
    padding-top: 10px;
    border-top: 1px solid #f5f5f5;
  }
  .helpsearch .helpsearch-main .right .kefu {
    margin-bottom: 80px;
  }
  .helpdetail {
    width: 100vw;
  }
  .helpdetail .left {
    display: none;
  }
  .helpdetail .helpdetail-main {
    width: 91.47vw;
    padding: 0;
  }
  .helpdetail .helpdetail-main .right {
    overflow: hidden;
    width: 100%;
    margin-left: 0;
    min-height: auto;
  }
  .helpdetail .helpdetail-main .right .right-head {
    flex-wrap: wrap;
  }
  .helpdetail .helpdetail-main .right .right-head .helpdetail-search,
  .helpdetail .helpdetail-main .right .right-head .helpdetail-search form {
    height: 32px;
    order: 1;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .helpdetail .helpdetail-main .right .right-head .helpdetail-search {
    margin-bottom: 16px;
  }
  .helpdetail .helpdetail-main .right .right-head .helpdetail-search input {
    height: 32px;
    width: 100%;
    padding-right: 32px;
  }
  .helpdetail .helpdetail-main .right .right-head .helpdetail-search .btn {
    position: static;
    margin-left: 10px;
    flex-shrink: 0;
  }
  .helpdetail .helpdetail-main .right .right-head .crumb {
    order: 2;
  }
  .helpdetail .helpdetail-main .right .right-main .right-bottom {
    flex-wrap: wrap;
  }
  .helpdetail .helpdetail-main .right .right-main .right-bottom .bottom-crumb {
    width: 100%;
  }
  .helpdetail .helpdetail-main .right .right-main .right-bottom .browse,
  .helpdetail .helpdetail-main .right .right-main .right-bottom .update {
    margin-left: 0;
  }
  .helpdetail .helpdetail-main .right .right-main .right-bottom .browse {
    flex: 2;
  }
  .helpdetail .helpdetail-main .right .right-main .right-bottom .update {
    flex: 3;
    text-align: right;
  }
}