@media screen and (min-width: 320px) and (max-width: 1024px) {
  .banner .wrap {
    display: block;
  }
  .banner .wrap .text-box .banner-text {
    width: 80%;
  }
  .banner .wrap .text-box .banner-btns .banner-btn a {
    font-size: 0.28rem;
    height: 0.7rem;
    border-radius: 0.35rem;
  }
  .banner .wrap .text-box .banner-btns .banner-btn a .linkicon {
    width: 0.28rem;
  }
  .floor .floor-btn a {
    font-size: 0.28rem;
    height: 0.7rem;
    border-radius: 0.35rem;
  }
  .fw-floor .fwfloor-mainbox .fwfloor-item .text-box {
    margin-right: 0.5rem;
  }
  .fw-floor .fwfloor-mainbox .fwfloor-item .text-box .item-intro {
    font-size: 0.28rem;
    width: 100%;
  }
  .fw-floor .world-box {
    position: relative;
    transform: scale(0.9);
    right: -1rem;
    top: 0;
  }
  .fw-floor .world-box .cha-item {
    transform: scale(2);
  }
  .tech-floor .weixing-box {
    display: block;
    border-radius: 0.12rem;
  }
  .tech-floor .weixing-box .text-box .wx-title .icon {
    width: 0.6rem;
    margin-right: 0.2rem;
  }
  .tech-floor .weixing-box .text-box .wx-title .title-text {
    font-size: 0.32rem;
  }
  .tech-floor .weixing-box .text-box .wx-position .wx-name {
    font-size: 0.3rem;
  }
  .tech-floor .weixing-box .img-box {
    width: 100%;
    height: auto;
  }
  .tech-floor .weixing-box .img-box img {
    height: auto;
    object-fit: unset;
  }
  .tech-floor .js-list {
    flex-direction: column;
  }
  .tech-floor .js-list .js-item {
    border-radius: 0.12rem;
  }
  .tech-floor .js-list .js-item .ji-title {
    margin-bottom: 0.3rem;
  }
  .tech-floor .js-list .js-item .ji-title .ji-img {
    width: 0.36rem;
  }
  .tech-floor .js-list .js-item .ji-title .ji-text {
    font-size: 0.32rem;
  }
  .tech-floor .js-list .js-item .ji-intro {
    font-size: 0.26rem;
    min-height: unset;
    display: block;
    line-height: 1.6em;
  }
  .tech-floor .js-list .js-item .img-box {
    height: 3.2rem;
  }
  .tech-floor .nums-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .tech-floor .nums-list .nums-item {
    border-radius: 0.12rem;
  }
  .tech-floor .nums-list .nums-item .nums-text .nums-intro {
    font-size: 0.28rem;
  }
  .user-floor {
    height: auto;
  }
  .user-floor .cloud-img {
    width: 2rem;
  }
  .user-floor .user-bg {
    margin-top: 0.3rem;
    position: static;
  }
  .yuyue-floor .form-box {
    width: 100%;
  }
  .yuyue-floor .form-box .form-list {
    display: block;
  }
  .yuyue-floor .form-box .form-item {
    border-radius: 0.12rem;
  }
  .yuyue-floor .form-box .form-item .label {
    font-size: 0.24rem;
  }
  .yuyue-floor .form-box .form-item input {
    height: 0.8rem;
    font-size: 0.24rem;
  }
  .yuyue-floor .form-box .form-item select {
    height: 0.8rem;
    font-size: 0.24rem;
  }
  .yuyue-floor .form-box .form-item textarea {
    height: 2.4rem;
    font-size: 0.24rem;
  }
  .yuyue-floor .form-box .submit-btn a {
    height: 0.7rem;
    border-radius: 0.35rem;
    font-size: 0.28rem;
  }
  .yuyue-floor .form-box .submit-btn a .linkicon {
    width: 0.3rem;
  }
  footer .footer-top .wrap .website-msg .footer-logo {
    width: 5rem;
  }
  footer .footer-top .wrap .website-msg .links-list .links-item {
    height: 0.6rem;
  }
  footer .footer-top .wrap .website-msg .links-list .links-item:not(:last-child) {
    margin-right: 0.4rem;
  }
  footer .footer-top .wrap .footer-navs {
    display: none;
  }
  footer .support-bottom .wrap {
    flex-wrap: wrap;
    font-size: 0.26rem;
    line-height: 1.8em;
  }
  footer .support-bottom .wrap a {
    font-size: 0.26rem;
  }
  footer .support-bottom .wrap .beian {
    flex-wrap: wrap;
  }
  .about-banner {
    height: 5rem;
  }
  .about-banner .wrap .bannertext-box {
    margin-top: 0;
  }
  .about-banner .wrap .bannertext-box p {
    font-size: 0.24rem;
  }
  .about-floor1 .wrap {
    flex-wrap: wrap;
  }
  .about-floor1 .wrap .text-box {
    margin-bottom: 0.3rem;
  }
  .about-floor1 .wrap .text-box .aboutlogo {
    width: 4rem;
  }
  .about-floor1 .wrap .text-box p {
    font-size: 0.28rem;
  }
  .about-floor1 .wrap .text-box .number-list .number-item .number {
    font-size: 0.8rem;
  }
  .about-floor1 .wrap .text-box .number-list .number-item .text {
    font-size: 0.24rem;
  }
  .about-floor1 .wrap .img-box .sm-box {
    width: 100%;
  }
  .about-floor1 .wrap .img-box .sm-box .sm-title {
    font-size: 0.32rem;
  }
  .about-floor1 .wrap .img-box .sm-box p {
    font-size: 0.28rem;
  }
  .about-floor2 .wrap .about-content {
    flex-wrap: wrap;
  }
  .about-floor2 .wrap .about-content .img-box {
    width: 100%;
    margin-right: 0;
  }
  .about-floor2 .wrap .about-content .text-box .gd-title {
    font-size: 0.32rem;
  }
  .about-floor2 .wrap .about-content .text-box p {
    font-size: 0.28rem;
  }
  .about-floor2 .wrap .about-content .text-box .bolang .bar {
    width: 0.04rem;
  }
  .about-floor2 .wrap .sl-box .sl-title {
    font-size: 0.32rem;
  }
  .about-floor2 .wrap .sl-box .sl-list {
    display: block;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.3rem;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item .sll-title {
    font-size: 0.3rem;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item .num-list {
    width: 80%;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item .num-list .num-item {
    height: 1.8rem;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item .num-list .num-item .number {
    font-size: 0.4rem;
  }
  .about-floor2 .wrap .sl-box .sl-list .sl-item .num-list .num-item p {
    font-size: 0.24rem;
  }
  .about-floor2 .wrap .sml-title {
    font-size: 0.32rem;
    margin-bottom: 0.6rem;
  }
  .about-floor2 .wrap .gn-list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .about-floor2 .wrap .gn-list .gn-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.3rem;
  }
  .about-floor2 .wrap .gn-list .gn-item .gn-img {
    width: 0.8rem;
  }
  .about-floor2 .wrap .gn-list .gn-item p {
    font-size: 0.28rem;
  }
  .about-floor2 .wrap .cj-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-floor2 .wrap .cj-list .cj-item .img-box {
    height: 1.8rem;
  }
  .about-floor2 .wrap .cj-list .cj-item p {
    font-size: 0.24rem;
  }
  .activity-banner .wrap .bannertext-box p {
    font-size: 0.24rem;
  }
  .activity-banner .wrap .bannertext-box .banner-btns .banner-btn a {
    font-size: 0.28rem;
    height: 0.6rem;
  }
  .activity-banner .wrap .bannertext-box .banner-btns .banner-btn .linkicon {
    width: 0.28rem;
  }
  .activity-floor1 .gk-list .gk-item a {
    display: block;
  }
  .activity-floor1 .gk-list .gk-item a .img-box {
    width: 100%;
    margin-left: 0;
  }
  .activity-floor1 .gk-list .gk-item a .text-box {
    margin-bottom: 0.3rem;
  }
  .activity-floor1 .gk-list .gk-item a .text-box .content {
    font-size: 0.28rem;
  }
  .activity-floor3 .sm-list .sm-item .sm-title {
    font-size: 0.28rem;
  }
  .activity-floor3 .sm-list .sm-item .sm-content {
    font-size: 0.28rem;
  }
  .floor-btn a {
    font-size: 0.28rem;
    height: 0.6rem;
  }
  .activity-floor5 .question-box {
    display: block;
  }
  .activity-floor5 .question-box .question-list {
    margin-bottom: 0.3rem;
    margin-right: 0;
    width: 100%;
  }
  .activity-floor5 .question-box .question-list .question-item {
    height: 0.8rem;
  }
  .activity-floor5 .question-box .question-list .question-item .question {
    font-size: 0.28rem;
  }
  .activity-floor5 .question-box .answer-box {
    font-size: 0.28rem;
  }
  .communtity-floor .zj-box {
    display: block;
  }
  .communtity-floor .zj-box .img-box {
    width: 100%;
    margin-left: 0;
  }
  .communtity-floor .zj-box .text-box {
    margin-bottom: 0.3rem;
  }
  .communtity-floor .zj-box .text-box .text-title .title-icon {
    width: 0.4rem;
  }
  .communtity-floor .zj-box .text-box .text-title .title-text {
    font-size: 0.32rem;
  }
  .communtity-floor .zj-box .text-box .text-title .guize {
    font-size: 0.28rem;
  }
  .communtity-floor .zj-box .text-box .text-title .guize img {
    width: 0.32rem;
  }
  .communtity-floor .zj-box .text-box .intro {
    font-size: 0.28rem;
  }
  .communtity-floor .fl-changes {
    flex-wrap: wrap;
  }
  .communtity-floor .fl-changes .fl-item {
    height: 0.5rem;
    font-size: 0.24rem;
  }
  .communtity-floor .yy-box {
    height: auto;
    padding: 0.3rem 0;
  }
  .communtity-floor .yy-box .year {
    font-size: 0.32rem;
  }
  .communtity-floor .yy-box .intro {
    font-size: 0.24rem;
  }
  .communtity-floor .yy-box .yynr-box .yy-form .input-box {
    height: 0.6rem;
    width: 4rem;
  }
  .communtity-floor .yy-box .yynr-box .yy-form .input-box .num-type {
    font-size: 0.24rem;
  }
  .communtity-floor .yy-box .yynr-box .yy-form .input-box input {
    height: 0.6rem;
    font-size: 0.24rem;
  }
  .communtity-floor .yy-box .yynr-box .notice {
    font-size: 0.24rem;
  }
  .communtity-floor .gs-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .communtity-floor .gs-list .gs-item a .img-box {
    height: 4rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .user-box .avatar-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .user-box .userinfo .username {
    font-size: 0.28rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .user-box .userinfo .time {
    font-size: 0.24rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .gsnr-box .gs-title {
    font-size: 0.32rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .gsnr-box .gs-intro {
    font-size: 0.24rem;
    min-height: unset;
    margin-bottom: 0.3rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .cz-box .cz-item {
    font-size: 0.24rem;
    width: auto;
  }
  .communtity-floor .gs-list .gs-item a .text-box .cz-box .cz-item:not(:last-child) {
    margin-right: 0.3rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .cz-box .yuedu-btn {
    height: 0.5rem;
    font-size: 0.28rem;
  }
  .communtity-floor .gs-list .gs-item a .text-box .cz-box .yuedu-btn .linkicon {
    width: 0.28rem;
  }
  .communtity-floor .hd-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .communtity-floor .hd-list .hd-item a .text-box .gsnr-box .gs-title {
    font-size: 0.32rem;
  }
  .communtity-floor .hd-list .hd-item a .text-box .gsnr-box .gs-intro {
    font-size: 0.24rem;
  }
  .communtity-floor .hd-list .hd-item a .text-box .cz-box .cz-item {
    font-size: 0.24rem;
  }
  .communtity-floor .hd-list .hd-item a .text-box .cz-box .yuedu-btn {
    height: 0.5rem;
    font-size: 0.28rem;
  }
  .communtity-floor .hd-list .hd-item a .text-box .cz-box .yuedu-btn .linkicon {
    width: 0.28rem;
  }
  .users-banner .wrap .bannertext-box p {
    font-size: 0.24rem;
  }
  .cwphb-floor .phb-box {
    padding: 0.5rem 0.2rem;
  }
  .cwphb-floor .phb-box .table-item.table-top .tt-it {
    font-size: 0.24rem;
  }
  .cwphb-floor .phb-box .table-item .tt-it {
    height: 0.8rem;
  }
  .cwphb-floor .phb-box .table-item .tt-it:first-child {
    flex: 0.5;
  }
  .cwphb-floor .phb-box .table-item .tt-it .pm {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.24rem;
  }
  .cwphb-floor .phb-box .table-item .tt-it .avatar-img {
    width: 0.6rem;
    height: 0.6rem;
  }
  .cwphb-floor .phb-box .table-item .tt-it .id,
  .cwphb-floor .phb-box .table-item .tt-it .number {
    font-size: 0.24rem;
  }
  .cwphb-floor .phb-box .table-item .tt-it .name {
    font-size: 0.24rem;
  }
  .pagination {
    margin-top: 0.5rem;
  }
  .pagination .btn span {
    font-size: 0.28rem;
  }
  .pagination .page-item {
    font-size: 0.28rem;
    padding: 0 0.2rem;
  }
  .jz-floor .fl-changes .fl-item {
    font-size: 0.28rem;
    height: 0.6rem;
    padding: 0 0.24rem;
  }
  .jz-floor .jz-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .jz-floor .jz-list .jz-item .user-topbox {
    margin-bottom: 0.3rem;
  }
  .jz-floor .jz-list .jz-item .user-topbox .userbox .avatar-box {
    width: 0.8rem;
    height: 0.8rem;
  }
  .jz-floor .jz-list .jz-item .user-topbox .userbox .userinfo .username {
    font-size: 0.28rem;
  }
  .jz-floor .jz-list .jz-item .user-topbox .userbox .userinfo .userlevel {
    font-size: 0.24rem;
  }
  .jz-floor .jz-list .jz-item .user-topbox .animal-img {
    width: 0.6rem;
  }
  .jz-floor .jz-list .jz-item .infomsg {
    font-size: 0.24rem;
    min-height: unset;
  }
  .jz-floor .jz-list .jz-item .infomsg .more {
    font-size: 0.24rem;
  }
  .jz-floor .jz-list .jz-item .img-box {
    height: 3rem;
  }
  .jz-floor .jz-list .jz-item .date {
    font-size: 0.24rem;
  }
  .survicepage-box .pagebg {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .survicepage-box .wrap2 {
    padding-top: 3.91rem;
    left: 0;
    top: 0;
    position: relative;
    transform: unset;
    height: 100%;
    z-index: 2;
  }
  .survicepage-box .wrap2 .title-box p {
    font-size: 0.28rem;
  }
  .survicepage-box .wrap2 .giftbox .gift-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .survicepage-box .wrap2 .giftbox .gift-list .gift-item .text {
    font-size: 0.28rem;
  }
  .survicepage-box .wrap2 .fwlc-list {
    padding: 0 0.3rem;
  }
  .login-box {
    width: 90%;
  }
  .login-box .login-title {
    font-size: 0.36rem;
  }
  .login-box .login-form {
    margin-bottom: 0.3rem;
  }
  .login-box .login-form .form-item:not(:last-child) {
    margin-bottom: 0.3rem;
  }
  .login-box .login-form .form-item input {
    height: 0.8rem;
    font-size: 0.24rem;
  }
  .login-box .login-form .form-item.code-item .send-code-btn {
    height: 0.8rem;
    font-size: 0.24rem;
  }
  .login-box .register-forget a {
    font-size: 0.24rem;
  }
  .login-box .login-btn {
    font-size: 0.28rem;
    height: 0.8rem;
  }
  .login-box .other-methods {
    margin-bottom: 0.3rem;
  }
  .login-box .other-methods .other-text {
    font-size: 0.24rem;
  }
  .login-box .login-methods .method-item a img {
    width: 0.6rem;
  }
  .login-box .notice {
    font-size: 0.24rem;
  }
  .userCen-floor .userbreadcrumbs {
    font-size: 0.24rem;
  }
  .userCen-floor .usercen-mainbox {
    flex-direction: column;
  }
  .userCen-floor .usercen-mainbox .left-navs {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .userCen-floor .usercen-mainbox .left-navs .left-title {
    font-size: 0.24rem;
  }
  .userCen-floor .usercen-mainbox .left-navs ul li a {
    font-size: 0.24rem;
  }
}