.kekedoc_indexhd{position:relative}
.kekebigbox{padding:1px 0 30px 0;margin-top:0}
.hd_left{width:202px;background:#fff;z-index:999;position:absolute;height:348px;box-shadow:0 0 20px 0 rgba(0,0,0,.08)}
.navTitleBoxbg{background:#fff9f8}
.swiper-container{width:100%;height:450px}
.swiper-slide{background-position:center;background-size:cover}
.index-first-title,.model-title{padding:20px 0;margin-bottom:10px;width:100%;box-sizing:border-box}
.keke-nav-pills{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.keke-nav-pills .nav-link.active{color:#171717;border:1px solid #e8e8e8;font-weight:400; }
.nav-link{border:1px solid #fff;font-weight:400; position: relative}
.active .nav-link{color:#fff;background: linear-gradient(to right, #141e30, #243b55);border:1px solid #f3f4f5;font-weight:400}
.nav-link{display:block;padding:.6rem 1.2rem;font-size:14px}
.keke-nav-item{margin-right:25px;position: relative}
.index-topnav-right{padding:8px 20px;/*background:#000;*/background: linear-gradient(to right, #141e30, #243b55);color:#fff !important;margin-top:3px;font-size:14px;border:0px solid #05f;text-align:center}
.index-topnav-upfilebtn{/*background:#05f;*/background: #396afc; /* fallback for old browsers */background: -webkit-linear-gradient(to right, #396afc, #2948ff); /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, #396afc, #2948ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color: #fff !important}
.totlenumbox{ line-height: 45px; font-size: 13px; color: #999; margin-right: 40px;}
.totalnum{ color: #ea4335}
.model-title .model-title-left{font-size:22px}
.model-title-item{display:inline-block;font-size:14px;color:#999;cursor:pointer;margin-left:44px;padding-bottom:8px;transition:all ease .4s;position:relative}
.swiper-slide:after{content:'';position:absolute;top:0;left:0;height:542px;bottom:0;right:0;background:-webkit-linear-gradient(to bottom,rgba(0,23,94,.05),rgba(0,23,94,.55));background:linear-gradient(to bottom,rgba(6,6,6,.35),rgba(6,6,6,.05));z-index:1}
.swlink{width: 100%; height: 100%; z-index: 1000; position: relative; display: inline-block}
.searchArea-container{position:absolute;top:180px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:999}
.searchTab{position:absolute;top:-55px;left:0;color:rgba(255,255,255,.5);font-size:20px;font-weight:700;-webkit-transform:-50%;transform:-50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:10;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.searchTab div{margin-right:28px;padding:6px 0;color: rgba(255, 255, 255, 0.7); cursor: pointer; z-index: 999}
.searchTab div.active{color: rgb(255, 255, 255) !important;}
.searchTabArrow{position:absolute;top:-19px;left:0;font-size:18px;font-weight:700;-webkit-transform:-50%;transform:-50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:10;width:440px}
.searchTabArrow div{width:0;height:0;border:9px solid transparent;border-bottom:10px solid #fff;margin-left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.searchArea-container .header-search{width:900px;height:65px;line-height:69px;z-index:2;position:relative;border-radius:2px;overflow:hidden}
.searchArea-container .topOpts-area{float:left;width:100%;height:65px;vertical-align:middle;position:relative;overflow:hidden}
.searchArea-container .search-input{width:100%;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;padding:0 190px 0 27px;font-size:18px;color:#333;border-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:0;background-color:rgba(255,255,255,.88)}
.searchArea-container .search-input::placeholder{ color: #888 !important}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}
.searchArea-container .topOpts-search{position:absolute;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;right:0;top:0;width:144px;cursor:pointer;height:69px;text-align:center;line-height:69px;background:#ea4335;/*background: linear-gradient(to right, #e52d27, #b31217);*/background: linear-gradient(to left, #e53935, #e35d5b);}
.searchArea-container .topOpts-search .sousuoIcon{height:34px;width:34px;background-size:100% 100%;background-image:url(../images/mainSearch.png)}
.searchArea-container .topOpts-recoginze {right: 165px;top: 13px;width: 32px;height: 28px;font-size: 30px;line-height: 40px;opacity: 0.5;cursor: pointer;position: absolute;}
.layout-row{margin-top:20px}
.index-classify{margin:0 auto;position:relative;z-index:9;background:rgba(255,255,255,.98) url(../images/btg02.png) 0 -105px;background-size:100%;box-shadow:0 0 20px rgba(0,0,0,.1)}
.index-classify .classify-container{ max-height: 100px; overflow: hidden}
.index-classify .classify-container ul{width:100%;max-width:1600px;font-size:0;border:0 solid #ececec;margin:0 auto}
.index-classify .classify-container ul li:first-child{margin-left:0;border-left:1px dashed #e1e1e1}
.index-classify .classify-container ul li{height:100%; margin-bottom:0 !important;padding:28px 0;box-sizing:border-box;border-right:1px dashed #e1e1e1;text-align:center}
.index-classify .classify-container ul li a{font-size:0;display:inline-block}
.index-classify .classify-container ul li a .round-bg{position:relative;display:inline-block;width:44px;vertical-align:middle;height:44px;border-radius:50%;text-align:center}
.index-classify .classify-container ul li a img{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;vertical-align:middle;max-width:100%}
.index-classify .classify-container ul li a .text-area{display:inline-block;vertical-align:middle;margin-left:19px;text-align:left}
.index-classify .classify-container ul li a .text-area .titles{font-size:16px;color:#333;margin-bottom:8px;transition:all .2s}
.index-classify .classify-container ul li a .text-area span{display:block;line-height:1;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index-classify .classify-container ul li a .text-area .desc{font-size:12px;color:#999;line-height:normal;transition:all .2s}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px!important}
.swiper-pagination-bullet{background:#fff!important}
.subscript{color: #fff;height: 25px;width: 100px;position: absolute;left: -30px;text-align: center;line-height: 25px;font-family: SimHei;background-color: #0c60ee;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);display: none;}

/* PC index template styles moved from down_index.htm */
.gallery_header{
        /*background-color: #C4EDDE;*/
        text-align: center;
        cursor: pointer;
    }
    .gallery_header img{
        height: 100%;
        width: 100%;
    }
    #main {
        margin-top: 24px;
    }
    .zz_side_nav_box {
        display: none;
    }
    .index-first-title,
    .model-title {
        padding: 24px 0;
        margin-bottom: 0;
    }

    .productType-box {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 24px;
        padding: 0 1rem;
        box-sizing: border-box;
        max-width: 1630px;
        margin: 0 auto;
        position: relative;
    }

    .productType-box .left{
        display: flex;
        flex: 1;
        min-width: 0;
    }
    .productType-box .right{
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 24px;
        min-width: 0;
    }

    .right_top{
        display: flex;
        flex: 1;
        gap: 24px;
        margin-bottom: 0;
    }
    .right_bottom{
        display: flex;
        flex: 1;
        gap: 24px;
    }

    .pg_keke_down {
        overflow-x: hidden;
    }

    .bottom-description{
        text-align: start;
    }

    .productType-item {
        /* min-width: 252px; */
        /* min-width: 300px; */
        /* max-width: 400px; */
        flex: 1;
        margin-right: 0 !important;
        border-radius: 8px;
        overflow: hidden;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
        cursor: pointer;
        position: relative;
        display: flex;

        align-items: center;
        justify-content: center;
    }

    .productType-box .left .productType-item {
        height: auto !important;
        min-height: 0;
    }

    .productType-box .right .productType-item {
        aspect-ratio: 16 / 9;
        min-height: 0;
    }

    .scalingLevel1 {
        flex-basis: 100%;
        margin-right: 0;
        max-height: 344px;
        margin-bottom: 24px;
    }

    .scalingLevel2 {
        margin-right: 0;
        margin-bottom: 24px;
    }



    .productType-item video {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        border-radius: 8px;
        transform: scale(1.1);
        /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
        transition: all 0.5s cubic-bezier(0, 0.8, 0.4, 1);
        /* 应用自定义的cubic-bezier曲线 */

    }

    @media (max-width: 900px) {
        .productType-box {
            display: block;
        }

        .productType-box .left {
            margin-bottom: 24px;
        }

        .productType-box .left .productType-item {
            aspect-ratio: 16 / 10;
        }
    }

    .productType-item:hover video {

        /* 在这里定义悬停时的样式变化，例如改变透明度、大小等 */
        transform: scale(1);
    }

    .productType-item:hover .air {
        background-color: #ef312a;
    }
    .productType-item:hover .aic {
        background-color: #11c38e;
    }
    .productType-item:hover .ait {
        background-color: rgba(90, 119, 187, 1);
    }
    .productType-item:hover .aia {
        background-color: #d96ff8;
    }
    .productType-item:hover .aim {
        background-color: #f67207;
    }

    .function {
        width: 100%;
        height: 220px;
        margin: 0 auto;
        display: flex;
        align-self: stretch;
        flex-flow: column wrap;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .left-arrow {
        position: absolute;
        display: none;
        left: 16px;
        top: calc(50% - 20px);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
     text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
        border: 1px solid rgba(223, 224, 225, 1);
        z-index: 9;
        cursor: pointer;
        transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        /* 添加过渡效果 */
    }

    .left-arrow:hover {
        background-color: #f0f0f0;
        /* 悬停时背景颜色变浅 */
        border-color: rgba(180, 180, 180, 1);
        /* 悬停时边框颜色变深 */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        /* 悬停时添加阴影 */
    }

    /*
.left-arrow:hover svg path{
    fill:  #fff;
} */

    .left-arrow img,
    .right-arrow img {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto;
    }


    .right-arrow {
        position: absolute;
        right: 16px;
        display: flex;
        top: calc(50% - 20px);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px rgba(223, 224, 225, 1) solid;
        z-index: 9;
        cursor: pointer;


    }

    .right-arrow:hover {
        background-color: #f0f0f0;
        /* 悬停时背景颜色变浅 */
        border-color: rgba(180, 180, 180, 1);
        /* 悬停时边框颜色变深 */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        /* 悬停时添加阴影 */
    }

    .function-item {
        display: flex;
        height: 80px;
        min-width: 160px;
        padding: 16px;
        justify-content: flex-start;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #FFF;
        background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);
        box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.08);
        margin-top: 24px;
        box-sizing: border-box;
        cursor: pointer;
        justify-content: center;


    }

    .function-item img{
        width: 29px;
        height: 29px;
    }



    .function-item-popup {
        position: absolute;
        width: 320px;
        height: 270px;
        z-index: 99;
        padding: 8px; 
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 8px;
        transition: opacity 0.5s ease;
        /* 添加过渡效果 */
        box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.08);
    }

    .function-item-popup img {
        width: 100%!important;
        height: auto!important;
        object-fit: cover;
        border-radius: 8px;
    }

    .function-item-popup p {
        color: black;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
    }


    .function-item:hover .function-item-popup {
        visibility: visible;
        opacity: 1;
        /* 过渡到完全透明 */
    }

    .function-item:hover {
        color: #ef312a;
    }

    /* .function-item:hover svg path {
        fill: #ef312a !important;
    } */

    .function-item-text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-left: 16px;
    }



    .video-cover {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 16px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #fff;
        align-items: start;

    }

    .cover-logo {
        position: relative;
        display: flex;
        padding: 4px 12px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background: #BFBFBF70;
        backdrop-filter: blur(10px);
        width:120px;
    }

    /* .cover-logo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-blend-mode: color-dodge;
  background: #BFBFBF70;
} */

    .cover-bottom {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        position: absolute;
        bottom: 0;
        padding: 16px;
        width: 100%;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: start;
        height: 120px;
        left: 0;
        box-sizing: border-box;
        text-align: left;
    }

    .go-create {
        height: 34px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
        display: flex;
        margin-top: 8px;
        align-items: center;
        cursor: pointer;
        background: rgba(255, 255, 255, 1);
        border-radius: 100px;
        color: black;
        justify-content: space-between;
        padding: 0 20px;
        box-sizing: border-box;
        width: 90px;
    }
    .go-detail {
        height: 34px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
        display: flex;
        margin-top: 8px;
        align-items: center;
        cursor: pointer;
        background: rgba(255, 255, 255, 1);
        border-radius: 100px;
        color: black;
        justify-content: space-between;
        padding: 0 20px;
        box-sizing: border-box;
        width: 90px;
        margin-left: 4px;
    }
    /* .go-create:hover img{
        transform: translate(3px, 0);
    } */

    .video-cover .go-create:hover svg{
        transform: translate(3px, 0);
    }
    .video-cover .go-detail:hover svg{
        transform: translate(3px, 0);
    }
    .video-cover .AIR:hover {
        background-color:#ef312a ;
        color: #fff;
    }
    .video-cover .AIC:hover {
        background-color:#11c38e ;
        color: #fff;
    }
    .video-cover .AIM:hover {
        background-color:#f67207 ;
        color: #fff;
    }
    .video-cover .AIT:hover {
        background-color:rgba(90, 119, 187, 1) ;
        color: #fff;
    }
    .video-cover .AIA:hover {
        background-color:#d96ff8 ;
        color: #fff;
    }
    .go-create:hover svg path{
        fill: #fff;
    }
    .go-detail:hover svg path{
        fill: #fff;
    }


    .go-create svg,
    .go-create .action-arrow{
        margin-left: 5px;
        transition: all 0.3s ease-in-out;
    }
    .go-create .action-arrow {
        width: 16px;
        height: 17px;
    }
    .video-cover .go-create:hover .action-arrow {
        filter: brightness(0) invert(1);
        transform: translate(3px, 0);
    }
    .go-detail svg{
        margin-left: 5px;
        transition: all 0.3s ease-in-out;
    }
    .go-detail .detail-icon {
        width: 14px;
        height: 14px;
        margin-left: 5px;
        transition: all 0.3s ease-in-out;
    }
    .video-cover .go-detail:hover .detail-icon {
        filter: brightness(0) invert(1);
        transform: translate(3px, 0);
    }
    .ait-action-group {
        display: flex;
        align-items: center;
        margin-top: 8px;
        border-radius: 100px;
        overflow: hidden;
    }
    .ait-action-group .go-create {
        margin-top: 0;
        width: auto;
    
        border-radius: 100px;
        position: relative;
        z-index: 1;
        flex-shrink: 0;
    }
    .ait-action-group .bottom-free {
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -14px;
        padding: 0 20px 0 24px;
        box-sizing: border-box;
        border-radius: 0 100px 100px 0;
        background: linear-gradient(180deg, #f8e4ae 0%, #ebc97f 100%);
        color: #b57a13;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }
    .keke-nav-pills {
        justify-content: start;
    }

    .keke-nav-item {
        margin-right: 8px !important;
    }

    .keke-nav-item .nav-link {
        color: #616263;
    }

    .keke-nav-pills .active .nav-link {
        border-radius: 8px;
        background: #F5F5F5 !important;
        color: rgba(38, 39, 40, 1) !important;
        font-weight: 600;
    }

    .material-mod {
        border-radius: 8px;
    }

    .keke-list-item {
        box-shadow: none !important;
        border: none !important;
    }

    .keke-nav-item:hover .nav-link {
        color: rgba(38, 39, 40, 1) !important;

    }

    .list-content {
        padding: 0.5rem 0;
    }

    .text-muted .avatar {
        box-shadow: none;
    }


    .qrcode_box {
        position: absolute;
        width: 360px;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        text-align: center;
    }

    .qrcode_box .qrcode {
        display: block;
        text-align: center;
        background: linear-gradient(180deg, #FFEBE7 0%, #FFF 100%);
        box-sizing: border-box;
        width: 100%;
        border-radius:0  0 8px 8px;

        padding: 20px 46px;

    }

    .qrcode_container{
        padding: 8px;
        width: 268px;box-sizing: border-box;background: #fff;border-radius: 8px;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
    }

    .qrcode_txt{
        color: #262728;
        margin-top: 16px;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


    @keyframes shine {
        to {
            background-position-x: -200%;
        }
    }


    .waterfall-container {
        display: grid;

        /* 自动填充列，每列最小宽度 200px，最大 1fr */
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 10px;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        /* 初始行高 */
        grid-auto-rows: 5px;
    }

    .waterfall-item {
        border-radius: 12px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        position: relative;
    }

    .waterfall-item img {
        width: 100%;
        height: auto;
        display: block;
        transition: all 0.5s ease;
    }

    .waterfall-item .overlay {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(255, 68, 68, 1);
        color: white;
        opacity: 0;
        padding: 8px 16px;
        border-radius: 4px;
        transition: all 0.3s ease;
        text-align: center;
        display: inline-block;
        font-weight: 500;
        
    }

    .waterfall-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .waterfall-item:hover .overlay {
        
        opacity: 1;
        transform: translateX(-50%) translateY(-2px);
    }
    
    /* 按钮点击效果 */
    .waterfall-item .overlay:active {
        transform: translateX(-50%) scale(0.95);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    
    /* 响应式调整 */
    @media (max-width: 768px) {
        .waterfall-item .overlay {
            bottom: 15px;
            padding: 6px 12px;
            font-size: 12px;
            min-width: 80px;
        }
        
        .waterfall-item:hover .overlay {
            transform: translateX(-50%) translateY(-1px);
        }
    }
    
    /* 禁用按钮的默认聚焦样式 */
    .waterfall-item .overlay:focus {
        outline: none;
    }

    .loading {
        text-align: center;
        padding: 20px;
        font-size: 18px;
        color: #666;
    }

    .loading-spinner {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 3px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        border-top-color: #3498db;
        animation: spin 1s ease-in-out infinite;
        margin-right: 10px;
    }

    @keyframes spin {
        to { transform: rotate(360deg); }
    }

    /* 响应式布局 */
    @media (max-width: 1400px) {
        .waterfall-container {
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        }
    }

    @media (max-width: 1100px) {
        .waterfall-container {
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        }
    }

    /* @media (max-width: 768px) {
        .waterfall-container {
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        }

        .waterfall-item {
            margin-bottom: 15px;
        }
    } */


    .check_more {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px; /* 可按需调整容器宽度 */
        margin: 20px auto;
        padding: 10px 40px;
        background:#F5F5F5 ;
        border-radius: 12px;
    }



    .check_more a {
        padding: 0 10px; /* 文字与虚线的间距 */
        text-decoration: none;
        transition: color 0.3s ease; /* 颜色过渡效果 */
        color: #333333;
        font-size: 14px;
    }
    .cover_page{
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.2);
    }

    .cover_page .qrcode_close{
        width: 32px;
        height: 33px;
        margin: 24px;
        cursor: pointer;
    }

    .right_menu{
        position: fixed;
        display: none;
        right: 10px;
        bottom: 20px;
        z-index: 99;
    }
    .qrCode_box{
        position: absolute;
        display: none;
        bottom: 52px;
        right:50px;
        padding:8px;
        text-align: center;
        border-radius:8px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
    }
    .qrCode_box img{
        width: 140px;
        height: 140px;
    }
    .qrCode img,
    .toTop img {
        display: block;
        width: 20px;
        height: 20px;
    }
    .qrCode_txt{
        color: #262728;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }
    .toTop{
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 40px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        margin-top: 12px;

    }
    .qrCode{
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 40px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
    }