@media screen and (max-width: 700px) {
    .circle-com{
        width: 1rem;
        height: 1rem;
        border-width: .125rem;
        top: -0.7rem;
    }
    .circle1{
        left: 4rem;
    }
    .circle2{
        right: 4rem;
    }
    .box{
        min-width: unset;
        position: relative;
    }
    .header{
        display: none;
    }

    .content-1{
        height: 21.25rem;
    }

    .content-1-left{
        display: none;
    }

    .pc_3{
        display: none;
    }

    .iphone_1{
        width: 5rem;
        height: 5rem;
        display: block;
        background-image: url('/static/images/iphone_1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .iphone_2{
        width: 13.125rem;
        height: 2.5rem;
        display: block;
        background-image: url('/static/images/iphone_2.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: .9375rem auto;
    }
    .iphone_3{
        width: 18.75rem;
        height: 3.125rem;
        display: block;
        background-image: url('/static/images/iphone_3.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .content-1-right{
        width: 100%;
        margin-left: unset;
    }

    .qrCode{
        display: none;
    }

    .download-btn-box{
        display: none;
    }

    .line-column{
        width: .125rem;
        height: .875rem;
        background-color: #fff;
    }

    .line-column-disnone{
        display: none;
    }

    .star-box{
        display: none;
    }

    .content-1-right-foot{
        width: 13.75rem;
        display: flex;
        flex-direction: row-reverse;
        font-size: .875rem;
        margin-top: 1.5625rem;
    }

    .content-2{
        height: auto;
        padding: 2.5rem 0rem;
    }

    .content-2-box1{
        width: 20rem;
        height: 13.5rem;
        min-width: unset;
        max-width: unset;
        border-width: .125rem;
        padding: 0.6rem 0.4rem;
        border-radius: .625rem;
        /* margin-bottom: 1.875rem; */
        margin-bottom: 0;
    }

    .content-2-com-head{
        width: 7rem;
        height: 3rem;
        margin-bottom: 0.5rem;
    }

    .line-row{
        display: none;
    }

    .box1-content-bg{
        display: none;
    }

    .content-2-box1-content{
        width: 18.75rem;
    }

    .content-2-com-head-t{
        height: 1.6875rem;
        line-height: 1.6875rem;
        font-size: 1.125rem;
        text-align: center;
    }

    .box1-content-l{
        width: auto;
        min-width: unset;
        height: auto;
    }

    .box1-content-l-item{
        width: 20rem;
        height: 1.625rem;
        font-size: .8125rem;
        margin-bottom: .875rem;
    }

    .box1-content-l-item div:nth-child(1){
        width: 3rem;
        height: 1.625rem;
        line-height: 1.625rem;
        margin-right: .3125rem;
        border-radius: .3125rem;
    }
    
    .box1-content-l-item div:nth-child(2){
        height: 1.625rem;
        line-height: 1.625rem;
        border-radius: .3125rem;
        padding: 0 .625rem;
    }

    .content-2-box_c{
        width: 20rem;
        height: auto;
        min-width: unset;
        max-width: unset;
        border-width: .125rem;
        padding: 0.6rem 0.4rem;
        border-radius: .625rem;
    }

    .content-2-box2-head {
        width: 18rem;
        text-align: center;
    }

    .content-2-box2-content-head{
        width: 100%;
        height: 2.25rem;    
    }

    .c2-bg-com{
        width: 8.25rem;
        height: 2.25rem; 
    }

    .c2-left-bg-1, .c2-left-bg-2, .c2-right-bg-1, .c2-right-bg-2{
        padding: 0px;
        border-radius: .3125rem;
        background-color: unset;
    }

    .c2-left-bg-3, .c2-right-bg-3{
        width: 8.25rem;
        height: 2.25rem;
        line-height: 2.25rem; 
        font-size: 1.1rem;
        border-radius: .5rem;
        position: relative;
        
    }

    .c2-left-bg-3{
        left: -0.5rem;
        border-bottom-left-radius: unset;
        border-start-start-radius: unset;
    }

    .c2-right-bg-3{
        right: -0.5rem;
        border-bottom-right-radius: unset;
        border-start-end-radius: unset;
    }

    .vs{
        width: 3.125rem;
        font-size: 1.125rem;
    }

    .c2-text-com{
        width: 19.5rem;
        height: 3.25rem;
        margin: .9375rem auto;
    }

    .c2-text-com-div1, .c2-text-com-div3{
        width: 7rem;
        height: 2.625rem;
        line-height: 1.2rem;
        font-size: .8125rem;
        padding: 0rem 0rem;
    }

    .c2-text-com-div2{
        width: 3.25rem;
        height: 3.25rem;
        font-size: .9375rem;
    }

    .qrCode1{
        display: none;
    }

    .footer-download-btn{
        display: none;
    }

    .content-3{
        padding: 1.5rem 0rem;
    }

    .home-img{
        width: 4rem;
        height: 4rem;
        display: block;
        background-image: url('../images/iphone_1.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .content-3-f-t{
        font-size: 0.7rem;
    }

    .content-3-f-t1{
        color: #d9d6d6;
        margin-top: 0.9rem;
    }

    .line-column-1{
        margin: 0rem 0.4rem;
    }

    .line-column-h5{
        display: none;
    }

    .content-3-f-t2{
        flex-direction: column;
        margin-top: 1rem;
        line-height: 1.2rem;
    }
    
    .content-2-box3{
        display: block;
        width: 100%;
        /* margin-bottom: 1.875rem; */
        margin-bottom: 0;
    }

    .banner-bg{
        /* width: 17rem !important; */
        height:31rem;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .banner-1{
        background-image: url('../images/banner_1.png');
    }
    .banner-2{
        background-image: url('../images/banner_2.png');
    }
    .banner-3{
        background-image: url('../images/banner_3.png');
    }

    .swiper-slide {
        transition-duration: .2s;
        transform: scale(0.8);
    }

    .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);
    }

    .swiper-slide {
        width: 70% !important;
    }

    .swiper{
        height: 32rem;
    }

    .footer-download-btn1{
        width: 15rem;
        height: 3rem;
        border-radius: 0.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f06944;
        color: #fff;
        position: fixed;
        bottom: 2rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }
    .ab-box{
        display: block;
        width: 100%;
        height: 5rem;
    }
    
    .masking, 
    .masking1{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 99;
    }

    .masking-bg{
        width: 21rem;
        height: 24rem;
        background-image: url('../images/masking_1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 1rem auto;
    }

    .masking-div{
        color: #fff;
        display: flex;
        align-items: center;
        font-size: 0.9rem;
        justify-content: center;
        margin-top: 15rem;
    }
    .masking-div img{
        width: 2rem;
        height: 2rem;
    }

    .masking-copy{
        color: #333;
        width: 9rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem auto;
        background-color: #fff;
        border-radius: 0.8rem;
    }
}