@media screen and (max-width:768px) {
    :root {
        --head: 60px;
        --card-radius: 20px;
        --btn-radius: 28px;
        --wrap: 90%;
        --pageoffset: 15px;
    }

    .pb_100 {
        padding: 0 0 50px;
    }

    .head-zhanwei {
        display: none;
    }

    .head1 {
        width: 100%;
        padding: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        position: static;
        height: auto;
    }

    .isback .head1 {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

    .head1 .nav {
        width: 100%;
    }

    .logo .pic {
        /* width: 113px; */
        width: 90%;
        padding: 20px 0 42px;
        margin-left: 5vw;
    }

    .nav .menu {
        margin-right: 0;
        width: 100%;
        background: #fff;
    }

    .nav .menu li {
        margin: 0 36px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav .menu li a {
        font-size: 20px;
    }

    .nav .menu li a::after {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        left: 50%;
        top: 100%;
        margin-top: 9px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }


    .navdown {
        height: calc(100% - var(--head));
        width: 100%;
        backdrop-filter: blur(4px);
    }

    .navdown .navdown-list {
        border-bottom: 1px solid #D9D9D9;
    }

    .navdown .navdown-item {
        border-top: 1px solid #D9D9D9;
        border-right: 1px solid #D9D9D9;
        width: 25%;
        height: 180px;
        padding: 20px 0 0 50px;
    }

    .navdown .navdown-item:nth-child(3n-2) {
        width: 50%;
    }

    .navdown .navdown-item a {
        margin-bottom: 12px;
    }

    .navdown .navdown-item a sup {
        font-size: 12px;
        margin-left: 2px;
    }

    .isback .navdown {
        transform: translate(0, -200%);
    }

    .navdown .t4 {
        margin: 2px 0 8px;
    }

    .navdown .nav-qr {
        width: 73px;
    }

    .navdown .t5 {
        margin-top: 9px;
    }

    .menumob {
        width: 100%;
        font-size: 16px;
        border-bottom: 1px solid #D9D9D9;
        padding: 0 8px;
    }

    .menumob .swiper-slide {
        width: auto;
        min-width: 64px;
        padding: 0 0 14px;
        text-align: center;
        border-bottom: 3px solid transparent;
    }

    .menumob .swiper-slide.on {
        border-bottom: 3px solid var(--primary);
    }

    .white-head .menumob .swiper-slide {
        color: #fff;
    }


    .signup-btn {
        padding: 7px 15px;
        border-radius: 200px;
        border: 1px solid #000;
    }

    .signup-btn .arrow-icon {
        margin-left: 6px;
    }

    /* 主区域 */
    .main-section {
        padding: 60px 0 30px;
        width: 100%;
    }

    .content-wrapper {
        width: calc(100% - 30px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 13px;
    }

    .hero-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 29px;
        width: 100%;
    }

    .title-area {
        width: 100%;
        gap: 0;
    }

    .main-title {
        font-size: 52px;
    }

    .future-text {
        font-size: 26px;
        background-image: linear-gradient(358deg, #000 2.7%, rgba(0, 0, 0, 0.33) 99.36%);
    }

    .hero-desc {
        font-size: 16px;
    }

    .button-area {
        gap: 10px;
    }

    .button-area .btn {
        width: 100%;
        padding: 28px 30px 28px 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #070707;
        border-radius: 14px;
    }

    .button-area .btn:hover {
        border: 1px solid var(--secondary);
    }

    .btn-t {
        gap: 7px;
    }

    .arrow-icon {
        width: 20px;
        height: 20px;
    }

    .arrow-icon.theme2 {
        width: 20px;
        height: 20px;
    }

    /* 商业画布区域 */
    .business-canvas {
        /* padding: 0 0 30px; */
    }

    .canvas-wrapper {
        height: 305px;
        border-radius: 22px;
        padding: 24px;
    }

    .canvas-wrapper h2 {
        padding: 0;
        transform: none;
        border-radius: 10px;
        font-size: 16px;
        background: none;
    }

    .icon-group {
        right: 24px;
        bottom: 24px;
    }

    .icon-group .icon {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
    }

    .icon-white {
        border-radius: 60px;
    }

    .icon-black {
        border-radius: 60px;
    }

    /* 卡片区域 */
    .card-section-mobbox {
        width: 100%;
        overflow: auto;
        padding: 0 var(--pageoffset) 0;
    }

    .card-section-mobbox::-webkit-scrollbar {
        display: none;
    }

    .card-section {
        padding: 0 0 50px;
        gap: 20px;
        width: max-content;
        display: flex;
        overflow: auto;
    }

    .card-section .card .bg {
        width: 100%;
        height: 100%;
    }

    .card-section .card {
        width: 250px;
        height: 170px;
        border-radius: 10px;
    }

    .card-section .card .intr {
        padding: 14px 16px;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
    }

    .card-section .card::before {
        width: 100%;
        height: 100%;
    }

    .card-section .card-content {
        width: 100%;
        align-items: flex-start;
    }

    .card-section .card-title {
        font-size: 16px;
    }

    .card-section .card-from {
        font-size: 12px;
    }

    .card-section .card-tag {
        bottom: 15px;
        left: 16px;
        font-size: 12px;
        gap: 5px;
    }

    .card-section .card-tag span {
        -webkit-backdrop-filter: blur(22px);
        backdrop-filter: blur(22px);
        padding: 7px 12px;
        border-radius: 500px;
    }


    .arrow-icon2 {
        width: 15px;
        height: 15px;
    }

    /* APP区域 */
    .app-section {
        padding: 20px var(--pageoffset) 0;
        margin-bottom: 0;
    }

    .app-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .app-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 600px;
    }

    .app-content .qrbox {
        margin: 25px 0;
    }

    .app-content .qrzuo {
        width: 100px;
    }

    .app-content h2 {
        font-size: 20px;
    }

    .app-content p {
        font-size: 14px;
    }

    .app-buttons {
        gap: 14px;
    }

    .app-btn {
        width: 190px;
        height: 48px;
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        padding: 10px 20px 13px 22px;
    }

    .app-image {
        margin-left: 0;
        right: 40px;
        position: static;
        width: 100%;
    }

    .app-image img {
        max-width: 100%;
    }

    .app-image::before,
    .app-image::after {
        height: 1px;
        display: none;
    }

    .app-image::before {
        width: 100%;
        bottom: 12px;
        right: 40px;
    }

    .app-image::after {
        width: 250px;
        bottom: -50px;
        right: 281px;
    }

    .footer-buttons {
        bottom: 20px;
        overflow: hidden;
    }

    .footer-btn {
        border: 1px solid var(--primary);
        padding: 6px 14px 6px 6px;
        border-radius: 100px 0 0 100px;
        gap: 10px;
        margin-top: 10px;
        transform: translate(90px, 0);
        transition: all ease .3s;
    }

    .footer-buttons:hover .footer-btn {
        transform: translate(0px, 0);
    }

    .footer-btn .icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .footer-btn .icon img,
    .footer-btn .icon svg {
        width: 15px;
    }

    /* 策略页面样式 */
    /* 策略英雄区域 */
    .strategy-hero {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .strategy-hero::before {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

    .strategy-hero .mask .m {
        width: 100%;
    }

    .strategy-hero .mask .top {
        bottom: 90%;
    }

    .strategy-hero .mask .bottom {
        top: 90%;
    }

    .strategy-hero .bg {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

    .strategy-hero .content {
        width: 100%;
        padding: 100px var(--pageoffset);
    }

    .strategy-hero h1 {
        margin-bottom: 20px;
    }

    .strategy-hero .t2 {
        width: 100%;
        margin: 52px auto;
    }

    .strategy-form {
        width: 100%;
        max-width: 100%;
    }

    .form-content {
        border-radius: 8px 8px 12px 12px;
        padding: 12px 17px;
    }

    .input-group {
        margin-bottom: 20px;
    }

    .input-group.on {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .input-group textarea {
        height: 122px;
        font-size: 16px;
    }

    .input-group #tcontent {
        width: 100%;
    }

    .input-group #gpt4 {
        width: 100%;
    }

    .form-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .model-selector {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 11px;
    }

    .model-select {
        gap: 6px;
        padding: 5px 12px;
        border-radius: 8px;
        font-size: 14px;
    }

    .model-select .jt {
        width: 14px;
    }

    .model-btn {
        gap: 6px;
        padding: 5px 12px;
        border-radius: 8px;
        font-size: 14px;
    }

    .model-btn .icon {
        width: 14px;
    }

    .submit-btn {
        width: 53px;
        height: 53px;
        border-radius: 26.5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .icon-send {
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    /* 策略内容区域 */
    .hashlist {
        padding: 10px 0;
        position: sticky;
        left: 0;
        top: 0;
        z-index: 10;
    }

    .hashlist-zhanwei {
        height: 20px;
    }

    .hashlist .tab-group {
        background: transparent;
        justify-content: flex-start;
    }

    .strategy-content {
        padding: 40px 0 0;
    }

    .strategy-content .content-wrapper {
        border-bottom: 1px solid #D9D9D9;
    }

    .content-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 26px;
        padding-bottom: 40px;
    }

    .content-header .lasttime {
        position: static;
        font-size: 16px;
        padding: 8px 10px;
    }

    .content-header h2 {
        font-size: 58px;
        margin-right: 20px;
    }

    .content-header p {
        width: 100%;
        max-width: 100%;
    }

    /* 品牌指南区域 */
    .guide-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .tab-group {

        width: 100%;

        position: sticky;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 20;
        padding: 10px 0;
        overflow: auto;
        display: flex;
        justify-content: center;
    }

    .tab-group::-webkit-scrollbar {
        display: none;
    }

    .tab-group-box {
        gap: 12px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: max-content;
        padding-right: 1em;
    }

    .tab-group .tab {
        height: 38px;
        border-radius: 100px;
        padding: 3px 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        border: 1.4px solid rgba(0, 0, 0, 0.02);
    }

    .C-list1 {
        width: 100%;
        gap: 44px 20px;
    }

    .C-list1 .item .bg {
        width: 100%;
        height: 230px;
        /* height: auto; */
        border-radius: 20px;
    }

    .C-list1 .item .intr {
        margin-top: 16px;
    }

    .tool3 .sec3 .list .item .t2::before,
    .tool3 .sec2 .list .item .t1::before,
    .tool3 .sec1 .list .item .t1::before,
    .C-list1 .item .intr .t1::before {
        width: 100%;
        height: 1px;
    }

    .C-list1 .item .bg::before {
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.44)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 100%);
    }

    .card-tags {
        gap: 12px;
        margin-top: 8px;
    }

    .card-tags .tag {
        border: 1px solid #D0D0D0;
        border-radius: 500px;
        padding: 4px 16px;
        font-size: 12px;
    }

    /* 观点区域 */
    .opinion-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 26px;
    }

    .C-list2 {
        width: 100%;
        gap: 20px;
    }

    .C-list2 .item {
        border-radius: 20px;
        padding: 30px;
    }

    .C-list2 .item .bg {
        height: 147px;
        margin: 16px 0 57px;
    }

    .C-list2 .item:hover .bg {
        height: 177px;
    }

    .C-list2 .item .card-label {
        margin-bottom: 25px;
    }

    .C-list2 .item .card-label span {
        border-radius: 4px;
        padding: 3px 12px;
        font-size: 12px;
    }

    .C-list2 .item .card-footer .icon {
        width: 10px;
    }

    .C-list3 {
        gap: 20px 20px;
    }

    .C-list3 .item {
        border-radius: 20px;
    }

    .C-list3 .item .intr {
        width: 100%;
        height: 100%;
        padding: 30px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(-11.78%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.44)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -11.78%, rgba(0, 0, 0, 0.44) 100%);
    }

    .C-list3 .item .intr .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .C-list3 .item .intr .icon {
        /* padding: 20px; */
        padding: 0 20px;
    }

    .C-list3 .item .intr .card-label span {
        border-radius: 500px;
        -webkit-backdrop-filter: blur(11px);
        backdrop-filter: blur(11px);
        padding: 7px 16px;
        font-size: 12px;
    }

    .C-tabs1 {
        width: 100%;
    }

    .tabs-box {
        position: sticky;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 20;
    }

    .tabs-box .C-tabs1:not(:last-child) {
        margin-bottom: 10px;
    }

    .C-tabs1 .name {
        margin-right: 40px;
    }

    .C-tabs1 .tab-group {
        flex: 1;
    }

    .C-tabs1 .tab-group-box {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    /* -----------------------------------------注释-------------------------------------- */
    .tool3 .zuo {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        height: 100%;
        position: sticky;
        background: #fff;
        z-index: 20;
        top: 0;
        padding-bottom: 0;
    }

    .tool3 .zuo .tab-group-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .tool3 .you {
        width: 100%;
    }

    .tool3 .you .k1 {
        margin-bottom: 40px;
    }

    .tool3-section {
        padding-bottom: 50px;
    }

    .tool3 .sec1 .list {
        gap: 40px 20px;
    }

    .tool3 .sec1 .list .item .bg {
        height: 284px;
        border-radius: 20px;
    }

    .tool3 .sec1 .list .item .bg::after {
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(45.77%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.44)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.77%, rgba(0, 0, 0, 0.44) 100%);
    }

    .tool3 .sec1 .list .item .card-content {
        margin: 8px 0;
    }

    .tool3 .sec2 .list {
        gap: 40px 20px;
    }

    .tool3 .sec2 .list .item .bg {
        height: 202px;
        border-radius: 20px;
    }

    .tool3 .sec2 .list .item .card-content {
        margin: 8px 0;
    }

    .tool3 .sec3 .list {
        gap: 40px 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .tool3 .sec3 .list .item .icon-box {
        border-radius: 20px;
        padding: 32px 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 8px;
    }

    .tool3 .sec3 .list .item .icon-box .icon {
        width: 76px;
    }

    .tool3 .sec3 .list .item .t2 {
        margin-top: 10px;
    }

    .tool4 {
        padding: 50px var(--pageoffset);
    }

    .tool4 .tab-group {
        justify-content: flex-start;
    }

    .tool4 .t2 {
        margin: 24px 0;
    }

    .sbtn1 {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        top: 50%;
        -o-background-size: 10px;
        background-size: 10px;
    }

    .sbtn1.prev {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .sbtn1.next {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .tool4 .sbtn1 {
        margin: 0 12px;
    }

    .tool4 .swiper {
        margin-top: 40px;
        border-radius: 20px;
    }

    .tool4 .swiper img {
        width: 100%;
        height: auto;
    }

    .tool4 .swiper-father {
        padding-bottom: 32px;
    }

    .tool4 .swiper-pagination {
        --swiper-pagination-bullet-size: 6px;
    }

    .tool4 .tab-group {
        margin: 40px 0;
    }

    #minder-view {
        border: 1px solid #ccc;
        left: 10px;
        top: 10px;
        bottom: 10px;
        right: 10px;
    }

    .btn-fill {
        width: 150%;
        height: 200%;
        border-radius: 50%;
        top: -50%;
        left: -2var(--pageoffset);
        -webkit-transform: translate3d(0, -76%, 0);
        -moz-transform: translate3d(0, -76%, 0);
        transform: translate3d(0, -76%, 0);
    }


    .cursor {
        display: none;
    }

    .app-home5 {
        padding: 40px var(--pageoffset);
    }

    .app-home5 .zuo {
        width: 100%;
        margin-bottom: 30px;
    }

    .app-home5 .app-btn {
        padding: 0 30px;
    }

    .foot2 {
        padding: 24px var(--pageoffset);
    }

    .foot2 .you {
        width: 100%;
        margin-top: 10px;
    }

    .foot2 .you a {
        margin-left: 0;
        margin-right: 20px;
    }

    .spline1 {
        padding: 40px var(--pageoffset);
        margin-top: 0;
    }

    /* -----------------------------------------注释-------------------------------------- */
    .loadmore.theme2 {
        margin-top: 20px;
    }

    .loadmore .app-btn {
        margin: 0 18px;
    }

    .loadmore::before,
    .loadmore::after {
        height: 1px;
    }

    .C-index {
        width: 60px;
        height: 60px;
        padding: 4px 12px;
        font-size: 18px;
    }

    .foot3 {
        width: 280px;
        padding: 16px 24px;
        border-radius: 40px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
        left: 50%;
        bottom: 52px;
        transform: translateX(-50%);
    }

    .foot3 .zuo {
        font-size: 14px;
    }

    .foot3 .tongyi {
        padding: 8px 20px;
        border-radius: 21px;
    }

    .yinsizhengce {
        padding: 0 var(--pageoffset) 20px;
    }

    .infopage1 .guide-wrapper {
        padding: 30px 0 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .infopage1 .t1 {
        width: 100%;
    }

    .C-paging {
        width: 100%;
        margin-top: 40px;
    }

    .C-paging a {
        width: 34px;
        height: 34px;
        margin: 0 1px;
        display: flex;
        flex-wrap: wrap;
    }

    .visual2 .tab-tag-content .C-tabs1 {
        align-items: center;
    }

    .visual2 .tab-tag-content .card-tags {
        width: max-content;
        flex: none;
    }

    .infopage3 .page-info-text {
        width: 100%;
    }

    .infopage3 .title .t2 {
        margin-top: 6px;
    }

    .infopage3 .prview {
        margin: 40px 0 12px;
    }

    .infopage3 .prview::after {
        width: 100%;
        height: 100%;
        background-size: 125px;
    }

    .infopage3 .empty * {
        max-width: 100%;
    }

    .infopage4 {
        padding: 0 0 20px;
    }

    .txLayer {
        width: 100%;
        height: 100%;
        backdrop-filter: blur(3px);
    }

    .txLayer.open {
        display: flex;
    }

    .txLayer .txLayer-wrap {
        width: 90%;
    }

    .txLayer video {
        width: 100%;
        border-radius: 20px;
    }

    .txLayer .intr {
        margin-top: 22px;
    }

    .txLayer .intr .more {
        padding: 5px 10px;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
    }

    .txLayer .intr .more svg {
        width: 9px;
        margin-left: 6px;
    }

    .txLayer .video-box {
        display: flex;
        flex-direction: column;
    }

    .txLayer .switch-btn {
        margin-top: 20px;
        order: 4;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .txLayer .switch-btn .btn5 {
        position: static;
        width: 34px;
        margin: 0;
        top: 50%;
        transform: none;
        right: 100%;
    }

    .txLayer .switch-btn .btn5.next {
        left: 100%;
    }

    .txLayer .txLayer-close-btn {
        width: 34px;
        left: auto;
        right: 0;
        top: auto;
        bottom: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .txLayer svg {
        width: 100%;
    }

    .aigc2 {
        padding: 0 0 40px;
    }

    .aigc2 .aigc2-list {
        gap: 20px;
    }

    .aigc2 .aigc2-list .item {
        width: auto;
        padding: 8px 8px 6px;
        border-radius: 10px;
        border: 1px solid #000;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    }

    .aigc2 .aigc2-list .item .bg {
        width: 100%;
        /* height: 138px; */
        height: auto;
        border-radius: 10px;
    }

    .aigc2 .aigc2-list .item .bg img {
        border-radius: 10px;
    }

    .aigc2 .aigc2-list .item .intr {
        margin-top: 6px;
    }

    .aigc2 .aigc2-list .item .t1 {
        max-width: 80%;
    }

    .aigc3 {
        padding: 0 0 40px;
    }

    .aigc3 .tab-group {
        justify-content: flex-start;
    }

    .aigc3-list {
        gap: 20px;
        margin: 20px 0;
    }

    .aigc3-list .item {
        padding: 8px;
        gap: 6px;
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        border: 1px solid #000;
    }

    .aigc3-list .item .bg {
        width: 100%;
        height: 220px;
        border-radius: 11px;
    }

    .aigc3-list .item .bg img {
        border-radius: 10px;
    }

    .aigc3-list .item .intr {
        gap: 6px;
        display: flex;
        flex-direction: column;
    }

    .aigc3-list .item .openAll {
        padding: 4px 13px 4px 4px;
        border-radius: 10px;
    }

    .aigc3-list .item .openAll .icon {
        width: 28px;
        height: 32px;
        margin-right: 8px;
    }

    .aigc3-list .item .openAll .te {
        max-width: 100px;
    }

    .aigc3-list .item .iconlist {
        gap: 14px;
        grid-template-columns: repeat(7, 1fr)
    }

    .aigc3-list .item .iconlist .icon {
        width: 40px;
    }

    .aigc4 {
        padding: 0 0 40px;
    }

    .aigc4 .main {
        width: 100%;
    }

    .aigc4 .zuo {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .aigc4 .zuo .item {
        width: 48%;
        height: 30px;
        margin-bottom: 12px;
        border-radius: 30px;
        padding: 6px 63px 6px 8px;
        display: flex;
        flex-wrap: wrap;
    }

    .aigc4 .zuo .item .icon {
        width: 19px;
        margin-right: 4px;
    }

    .aigc4 .you {
        width: 689px;
        gap: 10px 16px;
        height: 100%;
        margin-top: 11px;
        grid-template-columns: repeat(2, 1fr);
    }

    .aigc4 .you .item {
        padding: 7px 5px;
        border-radius: 10px;
        position: relative;
    }

    .aigc4 .you .item .sec1 .icon {
        width: 48px;
    }

    .aigc4 .you .item .sec1 .intr {
        width: 100%;
        padding-left: 6px;
        flex: none;
        padding-top: 6px;
        display: flex;
        flex-direction: column;
    }

    .aigc4 .you .item .sec1 .intr .t1 {
        position: absolute;
        right: 10px;
        top: 10px;
        width: calc(100% - 78px);
        text-align: right;
    }

    .aigc4 .you .item .sec1 .intr .card-tags {
        margin-top: 13px;
    }

    .aigc4 .you .item .t2 {
        margin-top: 6px;
    }

    .im1 {
        padding: 25px 0 20px;
        border-bottom: 1px solid #D9D9D9;
    }

    .C-mbx a {
        display: flex;
        flex-wrap: wrap;
    }

    .C-mbx a:not(:last-child)::after {
        width: 6px;
        height: 6px;
        margin: 0 8px;
    }

    .im1 .title {
        text-align: left;
    }

    .im1 .t1 {
        margin-top: 20px;
    }

    .im1 .t2 {
        margin-top: 20px;
        justify-content: flex-start;
    }

    .im1 .t2 span {
        display: flex;
        flex-wrap: wrap;
    }

    .im1 .t2 span:not(:last-child)::after {
        width: 1px;
        height: 0.6em;
        margin: 0 8px;
    }

    .im1-tags {
        gap: 10px;
        margin-top: 15px;
        justify-content: flex-start;
    }

    .im1-tags .tag {
        border-radius: 5px;
        padding: 6px 12px;
    }

    .im2 {
        padding: 20px 0 50px;
        border-bottom: 1px solid #D9D9D9;
    }

    .im2 .main {
        width: 100%;
    }

    .im2 .empty img {
        border-radius: 10px;
        max-width: 100% !important;
        margin: 5px auto;
    }

    .im2 .empty * {
        max-width: 100%;
    }

    .im2 .previewpdf {
        width: 100%;
        height: 318px;
        border-radius: 10px;
        margin: 5px 0 9px;
        display: none;
    }

    .goto-download {
        position: static;
        padding: 0 0 20px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

    .goto-download .app-btn {
        width: 100%;
    }

    .goto-download svg {
        width: 22px;
    }

    .im2 .empty2 {
        margin: 40px 0;
    }


    .im2 .empty2>p {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .file-info {
        display: flex;
        margin-top: 20px;
    }

    .file-info .td {
        flex: none;
        display: flex;
        flex-wrap: wrap;
        height: 60px;
    }

    .file-info .thead {
        border-radius: 10px 0 0 10px;
        padding: 3px 0;
        flex-direction: column;
        width: 100px;
    }

    .file-info .tbody {
        border-radius: 0 10px 10px 0;
        flex: 1;
    }

    .file-info .tbody .tr {
        padding: 6px 0;
        flex-direction: column;
    }

    .file-info .tbody .file-type {
        width: 44px;
    }

    .file-info .tbody .downbtn {
        padding: 6px 18px;
        border-radius: 6px;
    }

    .im3 {
        padding: 10px 0 20px;
    }

    .im3 .btn-group {
        gap: 12px;
    }

    .im3 .app-btn.im3-btn1 {
        width: 180px;
    }

    .im3 .app-btn.im3-btn2 {
        width: 180px;
        order: 3;
    }

    .im3 .app-btn .t2 {
        margin-top: 4px;
        color: #696969;
    }

    .im3 .app-btn svg {
        width: 16px;
    }

    .im3 .im1-tags {
        justify-content: center;
    }

    .im4 {
        padding: 10px 0 25px;
        border-bottom: 1px solid #D9D9D9;
    }

    .im4 .empty {
        width: 100%;
    }

    .im4 .empty * {
        max-width: 100%;
    }

    .im4 .empty img {
        width: 100%;
        border-radius: 10px;
        max-width: 100% !important;
        margin: 14px 0;
    }

    .im4 .ico-list {
        margin: 6px 0;
    }

    .im4 .ico-list .li:not(:last-child) {
        margin-bottom: 8px;
    }

    .im4 .ico-list .li {
        width: 100%;
        padding: 6px 16px;
        gap: 15px;
        display: inline-flex;
        border-radius: 5px;
    }

    .im4 .ico-list .li .icon {
        border-radius: 8px;
        width: 34px;
    }

    .im4 .ico-list .li p {
        flex: 1;
    }

    .im4 .k1 {
        padding: 4px 0 4px 15px;
    }

    .im4 .k1::before {
        top: 50%;
        transform: translate(0, -50%);
        width: 2px;
        height: 1em;
    }

    .im4 .k2 {
        letter-spacing: 0.3px;
        border-left: 2px solid #A3A3A3;
        padding-left: 15px;
        margin: 8px 0;
    }

    .im4-slide {
        width: 100%;
        position: static;
        left: auto;
        right: 0;
        top: 50%;
        padding: 16px 14px;
        border-radius: 10px;
        box-shadow: 0 0 5px #999;
        transition: all ease .3s;
    }

    .im4-slide .th1 {
        padding: 0 19px;
        margin-bottom: 5px;
    }

    .im4-slide .th2 {
        padding: 6px 15px;
        border-radius: 2px;
        margin-bottom: 2px;
    }

    .im4-title-hash-mulu {
        display: block;
        position: fixed;
        right: 5px;
        top: 45%;
        background: #000;
        padding: 5px;
        border-radius: 100%;
        border: 1px solid #000;
        z-index: 5;
    }

    .im4-title-hash-mulu img {
        width: 26px;
    }

    .im4-title-hash {
        position: fixed;
        width: 80%;
        transform: translate(100%);
        pointer-events: none;
        z-index: 40;
    }

    .im4-title-hash.on {
        opacity: 1;
        pointer-events: visible;
        transform: translate(0);
        right: 5px;
    }

    .im4-slide .iconlist {
        margin-top: 10px;
        gap: 14px;
        grid-template-columns: repeat(5, 1fr);
    }

    .im4-slide .iconlist .icon {
        width: 40px;
    }

    .im5 {
        padding: 40px 0 74px;
    }

    /* -----------------------------------------注释-------------------------------------- */
    .mask1 {
        width: 100%;
        height: 100%;
        backdrop-filter: blur(30px);
    }

    .loggedbox {
        display: none !important;
    }

    .tc-layout {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .tc-login {
        width: 100%;
        border-radius: 20px;
        border: 2px solid #FFF;
        box-shadow: 0 2px 12px 0 rgba(116, 116, 116, 0.10);
    }

    .tc-login .sec1 {
        padding: 0 0 0 20px;
        border-bottom: 2px solid #fff;
    }

    .tc-login .tc-close {
        width: 70px;
        height: 48px;
        border-left: 2px solid #fff;
    }

    .tc-login .tc-close .icon {
        width: 15px;
    }

    .tc-login .sec2 {
        padding: 30px 100px 38px 28px;
    }

    .tc-login .sec2 .t4 {
        margin-top: 20px;
    }

    .blur-radio {
        width: 582px;
        height: 582px;
        border-radius: 100%;
        filter: blur(22px);
    }

    .tc-login .blur-radio1 {
        transform: translate(50%, -50%);
    }

    .tc-login .blur-radio2 {
        transform: translate(-50%, 50%);
    }

    .tc-login .qr-card {
        width: 300px;
        padding: 15px;
        border-radius: 28px;
        border: 2px solid #FFF;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.10);
    }

    .tc-login .qr-card .inner {
        padding: 24px 0 21px;
        border-radius: 28px;
    }

    .tc-login .qr-card .wxqr {
        width: 200px;
        height: 200px;
        margin: 26px auto;
    }

    .tc-login .qr-card .tongyi .icon {
        width: 12px;
        margin-right: 6px;
    }

    .tc-pro {
        width: 100%;
        border-radius: 40px;
        border: 2px solid #FFF;
        box-shadow: 0 4px 20px 0 rgba(116, 116, 116, 0.10);
    }

    .tc-pro .sec1 {
        padding: 0 0 0 40px;
        border-bottom: 2px solid #fff;
    }

    .tc-pro .tc-close {
        width: 110px;
        height: 80px;
        border-left: 2px solid #fff;
    }

    .tc-pro .tc-close .icon {
        width: 24px;
    }

    .tc-pro .sec2 {
        padding: 30px 0 35px;
    }

    .tc-pro .sec2 .t4 {
        margin-top: 28px;
    }

    .tc-pro .blur-radio1 {
        width: 960px;
        height: 960px;
        transform: translate(50%, -50%);
    }

    .tc-pro .blur-radio2 {
        width: 960px;
        height: 960px;
        transform: translate(-50%, 50%);
    }

    .tc-pro .blur-radio3 {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -52%);
    }

    .tc-pro .sec3 {
        padding-bottom: 54px;
    }

    .tc-pro .sec3 .item {
        width: 332px;
        padding: 16px;
        margin: 0 40px;
        border-radius: 30px;
        border: 2px solid #FFF;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.10);
    }

    .tc-pro .sec3 .item .inner {
        padding: 24px 24px 16px;
        border-radius: 30px;
        height: 100%;
    }

    .tc-pro .sec3 .item .t6 {
        -webkit-text-stroke-width: 0.5px;
    }

    .tc-pro .sec3 .item .jiesuo {
        padding: 2px 10px;
        border-radius: 20px;
        border: 1px solid #000;
    }

    .tc-pro .sec3 .item .t7 {
        margin-top: 15px;
    }

    .tc-pro .sec3 .item .equity-list {
        margin: 19px 0 24px;
    }

    .tc-pro .sec3 .item .equity-list .li {
        display: flex;
        flex-wrap: wrap;
        margin: 3px 0;
    }

    .tc-pro .sec3 .item .equity-list .li .icon {
        width: 12px;
        margin-right: 6px;
    }

    .tc-pro .sec3 .item .equity-list .li p {
        flex: 1;
    }

    .C-btn3 {
        display: inline-flex;
        flex-wrap: wrap;
        border-radius: 50px;
        border: 2px solid #FFF;
        box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.10);
    }

    .C-btn3.theme2 {
        border: 2px solid #C9FF85;
    }

    .tc-pro .sec3 .item .C-btn3 {
        width: 252px;
        height: 54px;
    }

    .tc-payment .card {
        width: 417px;
        border-radius: 30px;
        border: 2px solid #FFF;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.10);
        padding: 18px 20px;
    }

    .tc-payment .card .inner {
        padding: 42px 0;
        border-radius: 20px;
        border: 1px solid rgba(184, 221, 255, 0.08);
    }

    .tc-payment .card .wxqr-box {
        width: 180px;
        height: 180px;
        padding: 12px;
        margin: 42px auto 12px;
        border-radius: 10px;
        border: 1px solid #697584;
    }

    .tc-payment .card .wxqr-box img {
        width: 100%;
        height: 100%;
    }

    .tc-payment .card .tongyi .icon {
        width: 16px;
        margin-left: 6px;
    }

    .tc-payment .card .t7 {
        margin-top: 28px;
    }

    .tc-payment .tc-close {
        width: 36px;
        height: 36px;
        right: 13px;
        top: 13px;
    }

    .logged-simple {
        padding: 6px 20px 6px 8px;
        border-radius: 50px;
        border: 1px solid #000;
        filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.10));
        display: flex;
        flex-wrap: wrap;
    }

    .logged-simple .icon {
        width: 36px;
        border-radius: 100%;
        margin-right: 6px;
    }

    .logged-simple .icon img {
        height: 100%;
    }

    .logged-simple p {
        width: 80px;
    }

    .user-info {
        right: 100px;
        top: 140px;
        width: 330px;
        padding: 16px 18px;
        border-radius: 20px;
        border: 2px solid #FFF;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(2px);
    }

    .user-info .inner {
        border-radius: 20px;
        padding: 0 0 17px;
    }

    .user-info .user-sf .pro {
        height: 110px;
    }

    .user-info .user-sf .psc {
        padding: 7px 15px;
    }

    .user-info .user-sf .default {
        height: 110px;
    }

    .user-info .avatar {
        width: 80px;
        height: 80px;
        border-radius: 100%;
    }

    .user-info .information {
        margin-top: -27px;
        padding: 0 10px 40px;
    }

    .user-info .information .ktx1 {
        margin: 4px 0 8px;
    }

    .user-info .control {
        gap: 8px;
        padding: 0 4px;
    }

    .user-info .C-btn3 {
        flex: 1;
        height: 40px;
    }

    .user-info .C-btn3 .icon {
        width: 15px;
        margin-right: 6px;
    }

    .z_tanchuang .tbox .modal {
        width: 90%;
        padding: 15px;
    }

    .z_tanchuang.one .tbox .modal {
        width: 90%;
        padding: 15px;
    }

    .z_tanchuang .tbox .modal .out {
        right: 0;
        top: -50px;
    }

    /* -----------------------------------------注释-------------------------------------- */
    .main-section .content-wrapper .hero-video {
        width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    }

    .main-section .content-wrapper .hero-video::before {
        width: 100%;
        height: 100%;
    }

    .main-section .content-wrapper .hero-video .icon {
        width: 30px;
        left: 50%;
        top: 50%;
    }

    .main-section .content-wrapper .hero-video .tip {
        width: 100%;
        padding: 10px 0;
    }

    .slice-line {
        width: 100%;
        height: 1px;
    }

    .home2 {
        padding: 20px 0 40px;
    }

    .home2 .t2 {
        margin-top: 8px;
    }

    .home2 .list {
        gap: 12px;
        margin-top: 15px;
    }

    .home2 .list .item {
        padding: 16px 13px 20px 16px;
        border-radius: 10px;
        border: 1px solid #000;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
    }

    .home2 .list .item::before {
        width: 3px;
        height: 100%;
    }

    .home2 .list .item .t3 .icon {
        margin-right: 8px;
        width: 26px;
        height: 26px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 100%;
    }

    .home2 .list .item .t3 .icon img {
        width: 16px;
    }

    .home2 .item .tag {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
    }

    .home2 .item .tag span {
        padding: 5px 10px;
        border-radius: 30px;
        border: 1px solid #000;
        font-size: 14px;
    }

    .home2 .item .ul {
        margin-top: 18px;
    }

    .home2 .item .ul .li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .home2 .item .ul .li .icon {
        width: 14px;
        margin-right: 8px;
    }

    .home2 .item .ul .li p {
        flex: 1;
    }

    .home2 .item .zhuangshi {
        right: 12px;
        bottom: 15px;
        width: 47px;
    }

    .home3 {
        padding: 20px 0;
    }

    .home3 .t2 {
        margin-top: 8px;
    }

    .home3 .list {
        gap: 20px;
        margin-top: 20px;
    }

    .home3 .list .item {
        border-radius: 10px;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.10);
        padding: 12px 22px 15px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .home3 .item .t4 {
        margin-top: 18px;
    }

    .home3 .item .home3-btn {
        min-width: 203px;
        height: 36px;
        margin: 18px 0 8px;
        display: inline-flex;
        flex-wrap: wrap;
    }

    .home3 .item .ul {
        margin-bottom: 22px;
    }

    .home3 .item .ul .li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .home3 .item .ul .li .icon {
        width: 15px;
        margin-right: 10px;
    }

    .home3 .item .ul .li p {
        flex: 1;
    }

    .home3 .home3-more {
        width: 100%;
        border-radius: 25px;
        border: 2px solid #C9FF85;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
        padding: 8px 0;
    }

    .home4 {
        padding: 20px 0 40px;
    }

    .home4 .t2 {
        margin-top: 8px;
    }

    .home4 .main {
        padding: 20px 24px 31px 24px;
        margin-top: 20px;
        border-radius: 10px;
        border: 2px solid #C9FF85;
    }

    .home4 .t3 {
        margin-bottom: 43px;
    }

    .home4 .pic {
        margin: 0 0 20px;
        width: 100%;
    }

    .home4 .intr {
        padding-bottom: 0;
    }

    .home4 .ul {
        margin-bottom: 25px;
    }

    .home4 .ul .li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 19px;
    }

    .home4 .ul .li .icon {
        width: 18px;
        margin-right: 10px;
    }

    .home4 .ul .li p {
        flex: 1;
    }

    .home5 {
        padding: 20px 0 95px;
    }

    .home5 .t2 {
        margin-top: 8px;
    }

    .home5 .list {
        margin-top: 20px;
        gap: 34px;
    }

    .home5 .list .item {
        border-radius: 10px;
        border: 2px solid #FFF;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.10);
        padding: 9px;
        backdrop-filter: blur(4px);
    }

    .home5 .list .item:nth-child(2) {
        margin-top: 0;
    }

    .home5 .list .item:nth-child(3) {
        margin-top: 0;
    }

    .home5 .list .item .item-inner {
        border-radius: 10px;
        padding: 18px 24px 22px;
    }

    .home5 .t4 {
        margin: 18px 0 15px;
    }

    .home5 .ul {
        margin-bottom: 20px;
    }

    .home5 .ul .li {
        display: flex;
        flex-wrap: wrap;
        margin-top: 9px;
    }

    .home5 .ul .li .icon {
        width: 15px;
        margin-right: 9px;
    }

    .home5 .ul .li p {
        flex: 1;
    }

    .home5-more {
        letter-spacing: 1px;
        border-radius: 26px;
        border: 2px solid #C9FF85;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
        padding: 4px 0;
        width: 165px;
    }

    .home5 .bg-jiantou {
        width: 100vh;
        top: 33px;
        left: 60%;
        transform: rotate(90deg);
        transform-origin: left top;
    }

    /* -----------------------------------------注释-------------------------------------- */
    #svg-bg {
        width: 100%;
    }

    .designer1 {
        padding: 112px 0 78px;
    }

    .designer1 .t1 {
        font-size: 40px;
        -webkit-text-stroke-width: 0.8px;
        letter-spacing: 1px;
    }

    .designer1 .t2 {
        margin: 25px 0 37px;
        letter-spacing: 1px;
    }

    .designer-btn {
        border-radius: 50px;
        border: 2px solid #322877;
        padding: 6px 33px;
    }

    .de-title .k1 {
        -webkit-text-stroke-width: 0.8px;
        letter-spacing: 1px;
        font-size: 20px;
    }

    .de-title .k2 {
        letter-spacing: 1px;
        margin-top: 8px;
    }

    .designer2 .list {
        margin-top: 40px;
        gap: 20px;
    }

    .designer2 .item {
        border-radius: 10px;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
        border: 1px solid #322877;
        height: 100%;
    }

    .designer2 .item::before {
        width: 100%;
        height: 80%;
    }

    .designer2 .item .box {
        height: 100%;
        margin-top: 3px;
        padding: 19px 8px 14px 16px;
    }

    .designer2 .item .t1 .icon {
        width: 29px;
        margin-right: 8px;
    }

    .designer2 .item .t2 {
        margin: 14px 0 10px;
    }

    .designer2 .item .li {
        display: flex;
        flex-wrap: wrap;
    }

    .designer2 .item .li:nth-last-child(n+2) {
        margin-bottom: 10px;
    }

    .designer2 .item .li .icon {
        width: 7px;
        margin-right: 4px;
    }

    .designer2 .item .li p {
        flex: 1;
    }

    .designer3 {
        padding: 80px 0;
    }

    .designer3 .list {
        padding: 0 5%;
        margin-top: 20px;
        gap: 40px;
    }

    .designer3 .item {
        padding: 20px 20px 28px;
        border-radius: 10px;
        height: 100%;
    }

    .designer3 .item.item1 {
        border: 2px solid #FF6B35;
    }

    .designer3 .item.item2 {
        border: 2px solid #6FFFB7;
    }

    .designer3 .item .t1 .icon {
        width: 29px;
        margin-right: 6px;
    }

    .designer3 .item .t1 p {
        flex: 1;
    }

    .designer3 .item .mtae {
        margin: 15px 0 18px;
        gap: 10px 14px;
        grid-template-columns: repeat(2, 1fr);
    }

    .designer3 .item .mtae .li {
        border-radius: 8px;
        height: 68px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .designer3 .item .pic {
        border-radius: 10px;
        height: 173px;
    }

    .designer3 .item .pic img,
    .designer3 .item .pic video {
        height: 100%;
    }

    .designer4 {
        padding: 40px 0 87px;
    }

    .designer4 .main {
        margin: 20px 10px 0;
        padding: 20px 20px 55px;
        border-radius: 10px;
        border: 2px solid #322877;
    }

    .designer4 .list {
        margin: 32px 0 40px;
        gap: 30px 16px;
    }

    .designer4 .list .item {
        padding: 19px 0 0;
        border-radius: 10px;
        border: 2px solid #322877;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.10);
        perspective: 150px;
        transform: perspective(150px);
    }

    .designer4 .list .item .mtag {
        padding: 3px 7px 3px 9px;
        border-radius: 0 0 10px 0;
    }

    .designer4 .list .item .box {
        padding: 0 11px;
    }

    .designer4 .list .item .avatar {
        width: 50px;
        height: 50px;
    }

    .designer4 .list .item .avatar img {
        height: 100%;
    }

    .designer4 .list .item .t3 {
        margin: 10px 0;
    }

    .designer4 .list .item .atag {
        gap: 5px;
    }

    .designer4 .list .item .atag span {
        border-radius: 50px;
        min-width: 38px;
        line-height: 24px;
        padding: 0 10px;
    }

    .designer4 .list .item .bg {
        margin: 16px 0 10px;
        border-radius: 10px;
        height: auto;
    }

    .designer4 .item-btn {
        height: 50px;
    }

    .designer4 .designer-btn {
        margin: 40px auto 0;
    }

    /* -----------------------------------------注释-------------------------------------- */
    .dp1 {
        padding: 60px 0 68px;
    }

    .dp1 .t1 {
        font-size: 40px;
    }

    .dp1 .t2 {
        margin: 30px 0 28px;
    }

    .dp-btn {
        display: inline-flex;
        flex-wrap: wrap;
        padding: 7px 26px;
    }

    .dp1 .t4 {
        gap: 28px;
        margin-top: 21px;
    }

    .dp1 .zuo {
        width: 100%;
        padding: 17px 0 0;
    }

    .dp1 .you {
        width: 100%;
        flex: none;
        margin-top: 10px;
    }

    .dp1 .you .pic {
        width: 75%;
        margin-top: 60px;
    }

    .dp1 .you .pic img {
        border-radius: 50px;
    }

    .dp1 .you .pic .shadow {
        width: 100%;
        height: 100%;
        border-radius: 50px;
    }

    .dp1 .you.wowShow .pic .shadow1 {
        left: 44px;
    }

    .dp1 .you.wowShow .pic .shadow2 {
        left: 51px;
        top: 6px;
    }

    .dp1 .you .pic:hover .shadow1 {
        left: 0;
        top: 0;
    }

    .dp1 .you .pic:hover .shadow2 {
        left: 0;
        top: 0;
    }

    .dp2 {
        padding: 0 0 40px;
    }

    .dp2 .list {
        gap: 34px;
    }

    .dp2 .item {
        border-radius: 20px;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);
    }

    .dp2 .item::before {
        width: 100%;
        height: 4px;
    }

    .dp2 .item .box {
        padding: 14px 5% 45px;
    }

    .dp2 .item .t1 {
        font-size: 50px;
        line-height: 2;
    }

    .dp2 .item .t2 {
        letter-spacing: 2px;
    }

    .dp2 .item .t3 {
        width: 100%;
        margin: 20px auto 0;
        -webkit-text-stroke-width: 0.3px;
    }

    .dp-title {
        -webkit-text-stroke-width: 0.5px;
    }

    .dp3 .main {
        margin-top: 22px;
        padding: 0 5%;
    }

    .dp3 .zuo {
        width: 100%;
    }

    .dp3 .zuo .ul .li {
        padding: 19px 22px;
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 16px;
    }

    .dp3 .zuo .ul .li .icon {
        width: 18px;
        margin-right: 10px;
    }

    .dp3 .zuo .ul .li .text {
        flex: 1;
    }

    .dp3 .zuo .ul .li .text .t2 {
        margin-top: 3px;
    }

    .dp3 .you {
        width: 100%;
    }

    .dp4 .list {
        margin-top: 20px;
        gap: 14px;
    }

    .dp4 .list .item {
        padding: 36px 10px 58px 32px;
        border-radius: 10px;
    }

    .dp4 .list .item:nth-child(2) {
        margin-top: 24px;
    }

    .dp4 .list .item:nth-child(3) {
        margin-top: 48px;
    }

    .dp4 .list .item .t2 {
        width: 100%;
        margin-top: 30px;
    }

    .dp5 .main {
        margin-top: 20px;
        border-radius: 10px;
        border: 2px solid #C267FD57;
        padding: 18px 5%;
        justify-content: center;
        gap: 40px;
    }

    .dp5 .main .pic {
        width: 100%;
    }

    .dp5 .main .dp5-btn {
        padding: 4px 20px;
        letter-spacing: 1px;
        border-radius: 4px;
        box-shadow: 0 2.109px 4px 0 rgba(0, 0, 0, 0.10);
    }

    .dp6 {
        padding: 45px 0 53px;
    }

    .dp6 .t1 {
        letter-spacing: 1px;
    }

    .dp6 .t2 {
        width: 100%;
        margin: 20px auto 28px;
    }

    .strategy6 {
        text-align: center;
    }

    .strategy6 .bg {
        height: 250px;
    }

    .strategy6 .t1 {
        width: 100%;
    }

    .strategy6 .t2 {
        width: 100%;
        margin: 24px auto 0;
    }

    .strategy6-btn {
        letter-spacing: 1px;
        margin: 42px auto 0;
        padding: 5px 52px;
        border-radius: 50px;
    }

    .user1 {
        padding: 40px 28px;
        border-radius: 10px;
        margin: 40px 0 0;
    }

    .user1 .avatar {
        width: 50px;
        border-radius: 100%;
        margin-right: 20px;
    }

    .user1 .C-btn3 {
        width: 120px;
        height: 30px;
        margin-left: 20px;
    }

    .user1 .C-btn3 .icon {
        width: 12px;
        margin-right: 5px;
    }

    .user1 .logout {
        margin-top: 11px;
    }

    .user1 .logout .icon {
        width: 12px;
    }

    .user2 .tabbar1 {
        padding: 0 10px;
        border-bottom: 1px solid #D9D9D9;
        gap: 10px;
        margin-bottom: 20px;
    }

    .user2 .tabbar1 .bar {
        padding: 12px 4px;
    }

    .user2 .tabbar1 .bar::after {
        width: 100%;
        height: 2px;
        border-radius: 4px;
    }

    .user2 .tabbar1 .bar .icon {
        width: 16px;
        margin-right: 2px;
    }

    .user2 .tab-group {
        justify-content: flex-start;
    }
    .user2 .tab-group-box {
        justify-content: flex-start;
    }

    .user3 {
        padding: 20px 0 70px;
    }


}