@media (max-width: 768px) {


    .banner{

        background: #080B39;

        overflow: hidden;

        padding-bottom: 30px;
    }

    .bannercon {
    }
    .con{

        width: 90%;

        margin: 00px auto;
    }
    .bannerconL{

        float: left;

        color: #fff;

        width: 100%;

        margin-top: 104px;
    }
    .bannerconL p{

        font-size: 14px;
    }
    .bannerconL h2{

        font-weight: normal;

        font-size: 31px;

        margin: 14px 0;
    }
    .if{

        margin-top: 44px;
    }
    .if a{

        color: #4461F2;
    }
    .bannerconM{

        float: left;

        width: 100%;

    }
    .bannerconM img{

        width: 100%;
    }
    .bannerconR{

        background: #fff;

        float: left;

        padding: 7px;

        border-radius: 10px;
    }
    .bannerconR h2{

        margin: 10px;
    }
    .pre{

        background: #C0CEFF;

        font-size: 15px;

        width: 110px;

        margin: 10px;

        padding: 2px 5px;
    }
    .pre img{

        vertical-align: middle;
    }
    .buynew{

        display: flex;

        justify-content: space-between;

        overflow: hidden;

        background: #f5f5f5;

        margin: 10px auto;

        padding: 15px 10px;

        width: 90%;

        border-radius: 10px;
    }
    .buynew p{
    }
    .buynew p img{

        vertical-align: middle;
    }
    .price{

        color: #3D67FF;
    }
    .nexte{

        background: #212844;

        color: #fff;

        display: block;

        width: 90%;

        margin: 10px auto;

        padding: 10px;

        text-align: center;

        border-radius: 7px;
    }
    .tip{

        margin: 10px;
    }
    .tip p{

        color: #333;

        margin: 10px 0;
    }
    .tip p img{

        vertical-align: middle;
    }
    .payway{

        margin-top: 20px;
    }
    .payway a{

    }
    .payway a img{

    }
    .box1{

        display: flex;

        margin: 50px 0;

        flex-wrap: wrap;
    }
    .box1item{

        text-align: center;

        width: 100%;

        flex: auto;
    }
    .box1item img{

        height: 200px;
    }
    .box1item p{

        font-size: 18px;
    }
    .box2{
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        margin: 40px auto;
        padding: 30px 0;
        flex-wrap: wrap;
    }

    .box2L{

        color: #333;

        font-size: 30px;

        font-weight: 700;

        margin-left: 22px;

        width: 100%;
    }
    .box2R{
    }
    .list{

        margin: 20px;
        background: url("../images/down.png") no-repeat right;
        background-size: 14px;
    }
    .list p{

        font-size: 17px;

        width: 90%;
    }
    .rokbtn{background: url("../images/rorkbtn.png");padding: 9px 22px;display: block;width: 261px;background-size: 100% 100%;color: #fff;overflow: hidden;line-height: 56px;margin-bottom: 40px;}
    .rokbtn img{

        vertical-align: middle;

        float: right;

        margin: 10px;
    }
    .footer{

        background: #080B39;

        color: #fff;

        padding: 30px 0;
    }
    .footer h2{

    }
    .link{

        margin: 20px 0;
    }
    .link a {

        margin-right: 20px;
    }
    .link a img{

        vertical-align: middle;
    }
    .footer p{

    }
}