@media only screen and (min-width:320px) and (max-width:760px) {
    .footer .info .cot-info {
        flex-direction: column;
        padding-left: .6rem;
    }

    .footer {
        background: #1f1f23;
        height: inherit;
    }

    .footer .info {
        height: inherit;
    }

    .footer .bottom {
        height: 1.4rem;
    }

    .footer .info .cot-info .cot-text {
        line-height: inherit;
    }

    .footer .info .cot-info .cot-text .connect-method img {
        width: .2rem !important;
    }

    .footer .info .cot-info .QR-code img {
        width: 1.6rem;
    }

    .footer .info .cot-info .QR-code {
        margin-top: .3rem;
        font-size: .3rem;
    }
    .footer .bottom{
        font-size: .3rem;
    }
    .footer .info .tel-text span:nth-child(1){
        font-size: .4rem;
    }
    .footer .info .tel-text span:nth-child(2){
        font-size: .5reml
    }
    .footer .info .cot-info .cot-text p{
        font-size: .4rem;
    }
    .footer .info .cot-info .cot-text span{
        font-size: .3rem;
    }
    .landing-item .landing-item-title{
        font-size: .24rm;
    }
    .landing-project .landing-title{
        font-size: .5rem;
    }
    .summarize-footer{
        font-size: .4rem;
    }
    .header {
        height: 1rem;
        justify-content: space-between;
        padding: .1rem .4rem;
        box-sizing: border-box;
    }
    .header img {
        width: 1rem;
        height: .5rem;
    }
    .lang-select-wrap .lang-select {
        width: 2rem;
        height: .6rem;
        border-radius: 1rem;
        position: relative;
        top: -.1rem;
    }
    .lang-select-wrap {
        margin-top: 3rem;
    }
    .lang-option-wrap {
        width: 2rem;
        font-size: .25rem;
    }
    .lang-select .select-selected{
        font-size: .25rem;
    }
    .lang-select .select-arrow {
        position: relative;
        border: 0.1rem solid transparent;
        border-top-color: #000;
        top: -0.05rem;
    }
    .lang-option-wrap .lang-option {
        padding: .2rem 0;
    }
    .homepage-banner-content {
        left: .5rem;
        transform: inherit;
    }
    .homepage-banner-content .title-1{
        font-size: .3rem;
    }
    .homepage-banner-content .title-2{
        font-size: .3rem;
    }
    .homepage-banner-content .title-3{
        font-size: .3rem;
    }
    .homepage-banner-content .title-4 div {
        width: 2.6rem;
        height: .6rem;
        border-radius: .5rem;
        font-size: .3rem;
    }
    .prod-value .prod-title{
        font-size: .5rem;
    }
    .prod-value .prod-subtitle{
        font-size: .3rem;
    }
    .homepage-banner-img {
        height: 3.6rem;
    }
    .homepage-banner-content .title-4 img {
        width: .28rem;
        height: .28rem;
    }
    .prod-item-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .prod-item-wrapper .prod-item {
        width: 7rem;
        margin-bottom: .6rem;
    }
    .prod-item .prod-item-icon {
        width: 0.6rem;
        margin-top: -0.3rem;
        margin-left: calc(50% - .3rem);
    }
    .prod-item .prod-item-title {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: .4rem;
    }
    .prod-item .prod-item-content {
        line-height: 0.55rem;
        font-size: .3rem;
    }
    .connect .connect-con img {
        width: 7.7rem;
        height: 4rem;
    }
    .connect .connect-con {
        flex-direction: column;
    }
    .connect .connect-con>div {
        width: 7.7rem;
        margin-left: 0;
        margin-top: .4rem;
    }
    .connect .connect-con>div p {
        line-height: .7rem;
        font-size: .3rem;
    }
    .connect .connect-bottom {
        flex-direction: column-reverse;
    }
    #select-main {
        display: flex;
        justify-content: center;
        margin-right: 0;
    }
    .box .main #select-main li.active::after {
        border-right: .12rem solid transparent;
        border-top: .12rem solid #18d26e;
        border-left: .12rem solid transparent;
        border-bottom: 0;
        bottom: -.12rem;
        left: 1.3rem;
    }
    .box .main {
        display: block;
    }
    .box .main #select-main li {
        width: 2.6rem;
        height: 1.8rem;
        font-size: .3rem;
    }
    .box .main #select-main li>div div {
        width: 2rem;
        height: .5rem;
        line-height: .53rem;
        font-size: .26rem;
    }
    .box .main #select-main li:last-child>div div {
        height: .9rem;
    }
    .box .main .mode-des {
        margin-top: .45rem;
    }
    .box .main .mode-des .des-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mode-des .des-con {
        justify-content: space-around;
        padding: 0 .4rem;
        margin-top: .6rem;
    }
    .private-1 div, .private-3 div {
        width: 1.6rem;
        height: .36rem;
        line-height: .36rem;
        font-size: .3rem;
    }
    .private-1 ul li,
    .private-3 ul li{
        font-size: .26rem;
    }
    .mode-des .des-header h3{
        font-size: .5rem;
    }
    .mode-des .des-header p{
        font-size: .4rem;
    }
    .private-1 ul, .private-3 ul {
        width: 2rem;
    }
    .private-2 img {
        width: .9rem !important;
    }
    .private-2 div {
        padding: .24rem .48rem .43rem;
        line-height: .38rem;
        background-size: cover;
        width: 3rem;
        height: 2.2rem;
        top: -2.3rem;
        left: -1rem;
        font-size: .3rem;
    }
    .rent ul li {
        line-height: .5rem;
        font-size: .26rem;
    }
    .rent>div {
        line-height: .68rem !important;
        margin-left: .8rem;
        font-size: .3rem;
    }
    .rent>img {
        width: 2.3rem !important;
        height: 4.6rem !important;
    }
    .rent p img {
        width: .26rem;
    }
    .rent ul {
        width: 4.5rem;
    }
    .authorized ul {
        width: 7.5rem;
    }
    .system-content-wrap {
        flex-direction: column;
        align-items: center;
    }
    .system-content-wrap .system-des-img {
        width: 6.49rem;
        height: 5.13rem;
    }
    .sys-left-img div {
        line-height: .4rem;
        width: 1.5rem;
        left: .5rem;
        top: .6rem;
        font-size: .3rem;
    }
    .system-des-content .des-title{
        font-size: .5rem;
    }
    .system-des-content .des-subtitle{
        font-size: .34rem;
    }
    .des-specialinfo .specialdes-title{
        font-size: .3rem;
    }
    .system-des-content .des-specialinfo{
        font-size: .3rem;
    }
    .des-features .des-features-content-wrap{
        font-size: .3rem;
    }
    .system-content-wrap .des-content-footer{
        font-size: .3rem;
    }
    .system-flow .system-flow-title{
        font-size: .5rem;
    }
    .system-flow .system-flow-title,
    .market-operation .market-operation-title {
        font-size: .5rem;
    }
    .system-flow-img-wrap .flow-recg-div{
        font-size: .24rem;
    }
    .system-flow-demon .demon-title{
        font-size: .3rem;
    }
    .system-content-wrap .system-des-content {
        width: 7rem;
        margin-top: .6rem;
        line-height: .6rem;
    }
    .system-flow-img-wrap .start-img {
        width: .8rem;
        height: 0.8rem;
    }
    .img-wrap .start-text {
        left: 46%;
        top: 32%;
        font-size: .3rem;
    }
    .system-flow {
        padding: 0.5rem .8rem;
    }
    .system-flow-demon {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .market-operation {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem .9rem;
    }
    .summarize-detail-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .summarize-detail-wrap .summarize-detail-item {
        display: flex;
        width: 33%;
        flex-direction: column;
        align-items: center;
        margin-top: .3rem;
    }
    .summarize-detail-item:nth-last-child(1) .des-title {
        width: 2.85rem;
    }
    .des-value-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        margin-right: 0rem;
        border: 1px solid #000;
        padding-top: 0;
    }
    .summarize-detail-item .des-title {
        width: initial;
        font-size: .3rem;
    }
    .summarize-detail-item .des-value {
        line-height: inherit;
        margin-top: 0;
        font-size: .3rem !important;
    }
    .header-menu{
        position: relative;
        margin-right: .5rem;
        display: block;
    }
    .header-menu .header-menu-icon{
        width: .7rem;
        height: .6rem;
        border: 1px solid rgba(0, 0, 0, .1);
        position: relative;
        top: 2.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: .07rem 0;
        box-sizing: border-box;
    }
    .header-menu .header-menu-icon > span{
        width: 74%;
        border-bottom: 1px solid rgba(0, 0, 0, .3);
    }
    .header-menu-cont{
        display: none;
        position: absolute;
        top: 3.6rem;
        z-index: 10;
        flex-direction: column;
        background: #fff;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        border-radius: 3px;
    }
    .header-menu-opt{
        width: 3rem;
        height: 1rem;
        font-size: .3rem;
        padding: 0 .2rem;
        line-height: 1rem;
    }
    #headerSelect{
        display: none;
    }
    .connect .connect-con>div h3{
        font-size: .5rem;
    }
}