@media screen and (max-width: 750px) {
    .swiper-wrapper {
        flex-direction: column;
        overflow-y: auto;
    }
    .header .box .item{
        flex-direction: column;
        align-items: end;
        margin-top: 175rem;
    }
    .header .box .item .left{
        width: 100%;
        padding: 0 100rem;
        position: relative;
    }
    .header .box .item .left>div:first-child{
        font-size: 46rem;
    }
    .header .box .item .left>div:nth-child(2){
        font-size: 28rem;
        font-weight: bold;
        margin-top: 16rem;
    }
    .header .box .item .left>div:nth-child(3){
        font-size: 24rem;
        line-height: 36rem;
        margin-top: 30rem;
    }
    .header .box .item .left>div:nth-child(3) img{
        display: none;
    }
    .header .box .item .left .btn{
        position: absolute;
        bottom: -177rem;
    }
    .header .box .item .left .btn>div{
        font-size: 30rem;
        width: 200rem;
        height: 60rem;
        border: 1rem solid #FFFFFF;
    }
    .header .box .item .right{
        width: 265rem;
        height: 463rem;
        margin-right: 96rem;
        margin-top: 40rem;
    }
    
    /* 明细 */
    .detail {
        height: 150% !important;
        flex-direction: column-reverse;
        /*        margin-top: 100rem;*/
    }
    .detail .right .item{
        width: 690rem;
        background-color: #fff;
        box-shadow: 1rem 1rem 30rem 0rem rgba(0,103,204,0.1);
        border-radius: 10rem;
    }
    .detail .right .item img{
        width: 136rem;
        height: 130rem;
    }
    .detail .right .item .content p:first-child{
        font-size: 30rem;
        line-height: 30rem;
    }
    .detail .right .item .content p:nth-child(2){
        font-size: 22rem;
        color: #B3B3B3;
        margin-top: 20rem;
    }
    .detail .left{
        margin-right: 0;
    }
}