@media screen and (max-width: 1720px) {

    .fw {

        padding-left: 100px;

        padding-right: 100px;

    }



    .footer .right .item+.item {

        margin-left: 120px;

    }

}



@media screen and (max-width: 1540px) {

    .footer .right .item+.item {

        margin-left: 100px;

    }



    .footer .logobox .text {

        font-size: 32px;

        margin-left: 20px;

    }



    .footer .logobox .logo {

        max-width: 140px;

    }



    .footer .right .tt {

        font-size: 28px;

        margin-bottom: 24px;

    }



    .footer .right .t1 {

        font-size: 14px;

        margin-bottom: 8px;

    }



    .footer .right .t2 {

        font-size: 14px;

    }



    .footer .right .info+.info {

        margin-top: 24px;

    }

}



@media screen and (max-width: 1480px) {

    .fw {

        padding-left: 50px;

        padding-right: 50px;

    }



    .footer .right .item+.item {

        margin-left: 80px;

    }



    .footer .logobox .text {

        font-size: 32px;

    }



    .order-right {

        padding: 30px;

        width: 360px;

    }



    .order-title {

        font-size: 32px;

    }



    .order-left .line {

        margin-bottom: 36px;

    }



    .order-left .tt {

        margin-bottom: 20px;

        font-size: 18px;

    }



    .cplist li {

        padding: 0 10px;

    }



    .cplist {

        margin: 0 -10px;

    }

}



@media screen and (max-width: 1240px) {

    .fw {

        padding-left: 20px;

        padding-right: 20px;

    }



    .nav a {

        margin-right: 50px;

    }



    .footer .logobox .logo {

        max-width: 110px;

    }



    .footer .logobox .text {

        font-size: 24px;

    }



    .footer .right .tt {

        font-size: 24px;

        margin-bottom: 20px;

    }



    .footer .right .item+.item {

        margin-left: 60px;

    }



    /* .zslist li {

    width: 25%;

} */



    .order-left .infoflex {

        display: block;

        margin-bottom: 30px;

    }



    .order-left .infoflex .info+.info {

        margin-left: 0;

    }



    .order-left {

        padding-right: 40px;

    }

}



@media screen and (max-width: 1024px) {

    .nav a {

        margin-right: 40px;

    }



    .fw {

        padding-left: 20px;

        padding-right: 20px;

    }



    .footer .fw {

        display: block;

    }



    .footer {

        padding-top: 40px;

        padding-bottom: 40px;

    }



    .footer .right {

        margin-top: 20px;

        justify-content: space-between;

    }



    .footer .right .item+.item {

        margin-left: 15px;

    }



    .footer .right .item {

        margin-bottom: 20px;

        overflow: hidden;

    }



    .footer .right .tt {

        font-size: 20px;

        margin-bottom: 12px;

    }



    .footer .right .info+.info {

        margin-top: 10px;

    }



    .footer .copy {

        display: none;

    }



    .footer .copy2 {

        display: block;

    }



    .order-flex {

        display: block;

    }



    .order-left {

        padding-right: 0;

        margin-bottom: 30px;

    }



    .order-right {

        width: 400px;

        max-width: 100%;

        margin: 0 auto;

    }



    .order-title {

        font-size: 28px;

    }

    .index-flex+.index-flex {
        margin-top: 80px;
    }
}



@media screen and (max-width: 960px) {
    .mainbox {
        margin-top: 60px;
    }

    .nav {

        display: none;

    }



    .navbtn {

        display: block;

    }



    .header .fw {

        height: 60px;

    }



    .header .logo {

        height: 60px;

        line-height: 60px;

    }



    .header .logo img {

        max-height: 54%;

    }



    .mt100 {

        margin-top: 60px;

    }



    .zslist li {

        /* width: 33.3%; */
        padding: 0 10px;

    }

    .zslist {
        margin: 0 -10px;
    }



    .order-right .total {

        margin: 20px 0 40px;

    }

    .imgbox.tr {
        text-align: center;
    }
}



@media screen and (max-width: 840px) {

    .mask .info .flexcon .ss+.ss {

        margin-left: 10px;

    }

}



@media screen and (max-width: 720px) {

    .fw {

        padding-left: 15px;

        padding-right: 15px;

    }



    .success .price {

        font-size: 16px;

    }



    .success .price .p1 {

        font-size: 24px;

    }



    .success .code {

        margin: 20px auto;

        width: 200px;

        padding: 10px;

    }



    .success {

        padding-top: 100px;

    }



    .zslist li {

        width: 50%;

    }



    .order-left .line {

        margin-bottom: 20px;

    }



    .table-info td {

        padding: 15px 5px;

    }



    .table-info th {

        padding: 12px 5px;

    }



    .mask .info .flexcon {

        display: block;

    }



    .mask .info .flexcon .ss+.ss {

        margin-left: 0;

        margin-top: 10px;

    }



    .mask .title {

        margin-bottom: 24px;

    }



    .mask .info+.info {

        margin-top: 15px;

    }



    .mask .info .t0 {

        padding-right: 15px;

    }



    .mask .common-btns {

        padding: 20px 15px;

    }



    .common-btns a {

        height: 42px;

        line-height: 42px;

        width: 120px;

    }



    .common-btns .cancelbtn {

        line-height: 40px;

    }



    .common-btns a+a {

        margin-left: 15px;

    }



    .right-fixed {

        width: 190px;

        height: 282px;

        padding-top: 104px;

        padding-right: 0;

        padding-left: 28px;

    }



    .right-fixed .item .icon img {

        width: 16px;

        margin-right: 5px;

    }



    .right-fixed .item .num {

        font-size: 13px;

        margin-top: 5px;

    }



    .right-fixed .item+.item {

        margin-top: 15px;

    }



    .right-fixed .btn {

        margin-top: 20px;

        width: 114px;

        font-size: 12px;

        height: 32px;

        line-height: 32px;

    }



    .right-fixed .btn img {

        width: 16px;

        margin-right: 5px;

    }



    .right-fixed .closebtn {

        right: 24px;

        top: 0;

    }

    .index-flex+.index-flex {
        margin-top: 60px;
    }

}



@media screen and (max-width: 600px) {

    .footer .logobox .logo {

        max-width: 80px;

    }



    .footer .logobox .text {

        font-size: 20px;

        margin-left: 15px;

    }



    .footer .right .t1 {

        margin-bottom: 4px;

        font-size: 12px;

    }



    .footer .right .t2 {

        font-size: 12px;

    }



    .footer .right .tt {

        font-size: 18px;

    }



    .footer {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .success .tt {

        font-size: 14px;

    }



    .success .icon img {

        max-width: 120px;

    }



    .success .t1 {

        margin: 20px 0 15px;

        font-size: 20px;

    }



    .success .t2 {

        font-size: 14px;

        margin-bottom: 30px;

    }



    .default-btn {

        font-size: 14px;

        height: 42px;

        line-height: 42px;

        width: 240px;

    }



    .order-title {

        font-size: 24px;

    }



    .goods-info .pic {

        width: 60px;

        margin: 0 auto;

    }



    .goods-info .name {

        margin-left: 0;

        font-size: 14px;

        text-align: center;

        margin-top: 6px;

    }



    .goods-info {

        display: block;

        max-width: 180px;

    }



    .table-info td {

        font-size: 12px;

    }



    .table-info th {

        min-width: 60px;

    }



    .order-right .total {

        font-size: 20px;

    }



    .mask .info {

        display: block;

    }



    .mask .info .t0 {

        width: 100%;

        padding-right: 0;

        text-align: left;

        line-height: 20px;

        margin-bottom: 6px;

    }



    .goods-info .pic {

        display: none;

    }



    .goods-info .name {

        margin-left: 0;

        overflow: auto;

        text-overflow: initial;

        font-size: 13px;

        white-space: normal;

    }



    .goods-info {

        max-width: 120px;

    }



    .cplist li {

        width: 50%;

        margin-bottom: 20px;

    }



    .cplist {

        flex-wrap: wrap;

    }

}



@media screen and (max-width: 480px) {

    .mask .wrap {

        padding: 20px;

    }



    .mask .title {

        font-size: 20px;

    }



    .order-right .total .price span {

        font-size: 20px;

    }



    .order-right {

        padding: 20px;

    }

}



@media screen and (max-width: 440px) {}