@media screen and (max-width: 640px) {    img {        image-rendering:-moz-crisp-edges;        image-rendering:-o-crisp-edges;        image-rendering:-webkit-optimize-contrast;        image-rendering: crisp-edges;        -ms-interpolation-mode:nearest-neighbor;    }    /** 主页 **/    .main.index{        /*background-color: rgb(22 25 40 / 100%);*/    }    .main .container nav .link{        margin-top: 0;        padding-top: 10px;    }    .main .container nav .link a, .main .container nav .link a:hover{        padding-bottom: 5px;        border-bottom: 3px solid rgba(255,255,255,0);    }    .main .container nav .link a.active{        padding-bottom: 5px;        border-bottom: 3px solid #999999;    }    .main.community .container2 nav .link a.active{        color:#333;        border-bottom: 3px solid #999999;    }    .main.community .container2 nav .link a:hover{        color:#333;    }    .main{        position: static;        height: auto;    }    .main .container{        position: static;        height: auto;    }    .main .container nav{        display: flex;        margin-top: 0;        padding-top: 30px;        flex-flow: row nowrap;    }    .main .container nav .logo{        margin-left: 0;        padding-left:30px;        flex: 1;        padding-top: 2px;    }    .main .container nav .logo img{        height:30px;        width: auto;    }    body > .main{        transition: all;        transition-duration: 600ms;    }    body > .main.show-slide{        transform: translateX(-100px);    }    .main .container nav .link{        position: fixed;        top:0;        right:0;        width: 100px;        margin-right: -100px;        background: white;        height: 100%;        display: flex;        flex-flow: column nowrap;        text-align: center;        padding-top:15px;        margin-top: 0;        color: #333;        z-index: 99999;        align-items: center;        /*transition: box-shadow;*/        /*transition-duration: 600ms;*/    }    body > .main.show-slide .container nav .link{        box-shadow: inset 0 0 20px rgba(0,0,0,.3);    }    .main .container nav .link a{        white-space: nowrap;        margin: 5px;        font-size: 14px;        color:#333;    }    .main .container nav .web-version{        display: none;    }    .main .container nav .menu{        display: flex;        margin-right: 5px;        flex-flow: row nowrap;    }    .main .container nav .menu a{        color: #FFFFFF;        font-size: 16px;        text-decoration: none;        margin: 0 8px;        padding-bottom: 5px;        border-bottom: 3px solid transparent;    }    .main.community .container2 nav .menu a{        color:#333;    }    .main .container nav .menu a.active{        border-bottom: 3px solid white;    }    .main .container nav .menu a.menu-more{        background: url(../images/img_menu_white_838b68c246f44db2bf7121290d762032.png) center no-repeat;        background-size: auto 26px;        width: 30px;        height: 22px;        display: inline-block;        padding-bottom: 0;        border-bottom: none;    }    .main.community .container2 nav .menu a.menu-more{        background-image: url(../images/img_menu_black_f28678b1e4cc4567b03fd7ddaa63411b.png);        color:#333;    }    .index .content{        position: static;        display: block;        height:auto;        margin-top: 20px;    }    .index .content .preview{        text-align: center;        margin-top: 15px;    }    .index .content .preview img{        width:80%;        height: auto;    }    .index .content .content2{        margin-left: 0;        padding: 0 30px;    }    .index .content .content2 .title{        margin-top: 10px;        font-size: 34px;        display: none;    }    .index .content .content2 .cd-intro{        font-size: 24px;        width:auto;    }    .index .content .content2 .desc{        width: auto;        margin-top: 20px;        text-indent: 2em;        word-break: break-all;        text-align: justify;    }    .download-label{        margin-top: 10px;    }    .download-label .btn-item{        margin-top: 10px;        margin-left: 10px;        margin-right: 10px;        height: 50px;        border-radius: 15px;        width:120px;    }    .download-label .btn-item.h5{        display: none;    }    .download-label .btn-item .btn{        height: 50px;    }    .download-label .btn-item:hover .tips{        display: none !important;    }    .download-label .btn-item:hover .app-qr{        display: none !important;    }    .download-label .btn-item:hover{        border-radius: 15px !important;    }    .download-label{        flex-flow: row wrap;        justify-content: center;    }    .index .footer{        position: static;        margin-top: 15px;        padding-bottom: 20px;    }    .index .footer .about{        flex-flow: row wrap;        justify-content: space-between;        padding:0 20px;    }    .index .footer .about a{        white-space: nowrap;        margin-right: 0;    }    .index .footer .info{        flex-flow: row wrap;        line-height: 22px;    }    .main.community .container2 nav{        height: auto;        padding: 20px 0 10px;    }    .main.community .container2 .content2{        width: auto;        padding: 0;    }    .main.community .container2 .content2 .left{        width:auto;        padding:10px;    }    .main.community .container2 .content2 .left .community-item{        overflow: hidden;    }    .main.community .container2 .content2 .left .community-item .community-info{        width: calc(100% - 135px);    }    .main.community .container2 .content2 .left .community-item .community-info .name{        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .main.community .container2 .content2 .left .community-item .community-desc{        width: auto;    }    .main .container .footer2{        position: static;        margin-top: 15px;        padding-bottom: 20px;    }    .main .container .footer2 .about{        flex-flow: row wrap;        justify-content: space-between;        padding:0 20px;    }    .main.service .container .footer2 .about a{        white-space: nowrap;        margin: 0 5px;    }    .main .container .footer2 .info{        flex-flow: row wrap;        line-height: 22px;    }    .mask-div{        top:0;        left:0;    }    .download-info{        display: inline-block;        margin-left: 5px;    }    .download-info a{        margin-left: 5px;        color: #00A4FF;    }    .main.community .container2 .content2 .right{        display: none;    }    .service .content{        height: auto;        position: static;    }    .main.development-history{        background-size: 100% 300px;    }    .service .big-title{        position: static;        padding-bottom: 20px;        padding-top: 30px;        font-size: 30px;    }    .about .content1{        padding: 25px 10px 50px 10px;        width:100%;    }    .time-line .time-item{        margin-top: 10px;    }    .time-line .time-item.right{        padding-left: 20px;    }    .time-line .time-item .text-content{        padding:10px;        margin-top: 12px;    }    .time-line .time-item::after{        width:16px;        height: 16px;        font-size: 0;        border: 5px solid #00A4FF;    }    .time-line .time-item .text-title{        font-size:20px;    }    .time-line .time-item.right::after{        left:-6px;        top:6px;    }    .time-line .time-item.left::after{        right: -10px;        top:6px;    }    .time-line .time-item .text-content .badge{        margin-bottom: 10px;    }    .time-line .time-item.left{        padding-right: 15px;    }    .about .content2{        padding: 20px 0;    }    .about .content2 .title{        width: auto;        text-align: center;    }    .about .content2 .items{        flex-flow: row wrap;        margin-top: 0px;    }    .about .content2 .items .item{        width: auto;        padding:0 10px;        margin-top: 35px;        height: auto;    }    .about .content2 .items .item .top span:nth-of-type(2){        width:auto;        padding:0 15px;    }    .about .content2 .items .item:nth-of-type(1){        margin-right: 0;    }    .about .content2 .items .item .top{        width: auto;    }    .about .content2 .items .item .bottom{        width: auto;        padding-left: 10px;        padding-top: 10px;        height: auto;    }    .about .content3{        padding-top: 20px;    }    .about .content3 .title{        width: auto;        font-size: 22px;    }    .about .content3 .modes{        flex-flow: row nowrap;        margin-top: 15px;        justify-content: space-between;        padding: 0 10px    }    .about .content3 .modes .mode-item{        width: 25%;    }    .about .content3 .modes .mode-item:nth-of-type(2){        margin: 0;    }    .about .content3 .modes .mode-item img{        max-width: 100%;    }    .about .content3 .modes .mode-item p{        width: auto;    }    .about .content1 .cards{        border-radius: 10px;        overflow: hidden;    }    .about .content1 .cards .card-item p:nth-of-type(2){        white-space: nowrap;        font-size: 26px;    }    .about .content1 .cards .card-item{        width: 25%;        transition: width;        transition-duration: 600ms;    }    .about .content1 .cards .card-item:hover{        width: 50%;    }    .about .content1 .cards .card-item .info{        width: auto;        padding:0 5px;    }    .service .content .article{        width: 100%;        padding: 0 10px;    }    .service .content .article .article-item{        margin-top: 10px;    }    .bg{        height:220px;    }    .zhishi-content-p{        font-size: 34px;    }    .zhishi-content{        padding: 0 20px;    }    .zhishi-content-desc{        width: 100%;        height: auto;        font-size: 18px;    }    .zhishi-img img{        width: 100% !important;    }}