@media screen and (max-width: 1700px) {
         .index1-item1-r .pe-li-img img {
             height: 290px;
         }
       .item1-I img {
        height: 110px;
       }
         .index3 {
             padding: 20px 0px;
         }
         .index2-list .pe-li-img img {
             height: 270px;
         }
         .pr-r-2 .pe-li-img img {
          height: 290px;
         }
         .zixun-img img {
             height: 180px;
         }
     }

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

         .index1-item1-r .pe-li-img img {
             height: 250px;
         }
         .pr-r-2 .pe-li-img img {
            height: 270px;
         }

         .index2-list .pe-li-img img {
             height: 255px;
         }

         .zixunList {
             gap: 20px;
         }

         .zixun-img img {
             height: 160px;
         }
         .item1-I img{
            height: 105px;
         }
     }

     @media screen and (max-width: 1500px) {
         .index1-item1-r .pe-li-img img {
               height: 235px;
         }
         .pr-r-2 .pe-li-img img {
             height: 250px;
         }

         .zixun-img img {
             height: 150px;
         }
         .index2-list .pe-li-img img{
            height: 235px;
         }
         .item1-I img{
            height: 95px;
         }
     }

     @media screen and (max-width: 1400px) {
         .index1-item1-r .pe-li-img img {
             height: 210px;
         }

         .index2-list .pe-li-img img {
             height: 210px;
         }

         .pr-r-2 .pe-li-img img {
             height: 230px;
         }

         .zixunList {
             grid-template-columns: repeat(3, 1fr);
         }

         .zixun-img img {
             height: 200px;
         }
         .item1-I img{
            height: 90px;
         }
     }

     @media screen and (max-width: 1280px) {
         .index1-item1-l {
             padding: 30px 40px;
             padding-right: 10px;
             width: calc(25% - 50px);
         }
         .item1-I img{
            height: 88px;
         }
         .index1-item1-r {
            width: calc(75% - 50px);
             padding-top: 30px;
             padding-left: 10px;
         }
         .item1-I {
    margin-bottom: 20px;
         }
         .pr-r-2 .pe-list,
        .pe-item .pe-list{
             row-gap: 20px;
         }

         .index1-item1-r .pe-li-img img {
             height: 210px;
         }

         .header-item a span {
             display: none;
         }

         .header-item a img {
             margin-right: 0px;
         }

         .header-item {
             margin-right: 15px;
         }

         .header-l ul li {
             margin-right: 20px;
         }

         .pr-r-2 .pe-list {
             grid-template-columns: repeat(3, 1fr);
         }

         .pr-r-2 .pe-li-img img {
             height: 210px;
         }
         .index1-item1-r .pe-list,
         .index2-list .pe-list {
             row-gap: 20px;
             column-gap: 20px;
         }

         .index2-list .pe-li-img img {
             height: 200px;
         }

         .zixun-img img {
             height: 180px;
         }

         .w1200 {
             padding-right: 20px;
             padding-left: 20px;
         }
         .item1-I{
            margin-bottom: 20px;
         }
     }

     @media screen and (max-width: 1180px) {
         .pr-r-2 .pe-list{
             gap: 20px;
         }

         .index1-item1-r .pe-li-img img {
             height: 190px;
         }
        .item1-I{
            margin-bottom: 15px;
        }
         .pe-li-item h4 {
             font-size: 14px;
         }

         .pe-xinxi-text {
             padding-left: 10px;
             width: calc(100% - 30px);
         }

         .pe-xinxi-img img {
             width: 30px;
             height: 30px;
         }

         .header-m {
             width: 251px;
         }

         .pr-r-2 .pe-li-img img {
             height: 190px;
         } 

         .index2-list .pe-li-img img {
             height: 190px;
         }
         .index1-item1-r .pe-list,
         .index2-list .pe-list {
             row-gap: 15px;
             column-gap: 15px;
         }

         .zixun-img img {
             height: 150px;
         }

         .status .pe-li-img img {
             height: 160px;
         }
         .pe-item .pe-li-img img{
            height: 160px;
         }
     }

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

         .index1-item1-l,
         .index1-item1-r {
           width: calc(100% - 80px);
            padding: 0 40px;
         }
         .index1-item1-r .pe-list,
         .index1-item1-l{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
             padding-bottom: 30px;
         }
         .item1-I {
             width: 100%;
             margin-bottom: 0px;
             border-radius: 10px;
         }
          .item1-text{
                 border-radius: 10px;
          }
         .item1-I img {
             width: 100%;
             height: 160px;
             object-fit: cover;
             border-radius: 10px;
         }
         
         .index1-item1-r .pe-li-img img {
             height: 160px;
         }
         
         .header-l ul {
             display: none;
             position: fixed;
             top: 50px;
             background: #fff;
             width: 240px;
             max-height: 80vh;
             padding: 10px 16px;
             border-radius: 4px;
             overflow: auto;
             z-index: 1000;
             box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, .3);
         }

         .header-l ul li {
             margin-right: 0px;
             padding: 8px;
         }

         .middle {
             padding-bottom: 0px;
         }

         footer {
             position: static;
         }

         .nav_but {
             display: block;
         }

         .navBtn {
             width: 16px;
             height: 16px;
             position: relative;
             cursor: pointer;
             z-index: 9;
             margin-right: 16px;
         }

         .navBtn span {
             display: block;
             height: 2px;
             background: #1F1F1F;
             top: 0px;
             position: absolute;
             width: 100%;
             -webkit-transition: all .3s ease;
             -o-transition: all .3s ease;
             transition: all .3s ease;
         }

         .navBtn span:nth-child(2) {
             top: 7px;
         }

         .navBtn span:nth-child(3) {
             top: 14px;
         }

         .closeNavbtn span:nth-child(1) {
             -webkit-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
             transform: rotate(45deg);
             top: 10px;
         }

         .closeNavbtn span:nth-child(2) {
             display: none;
         }

         .closeNavbtn span:nth-child(3) {
             -webkit-transform: rotate(-45deg);
             -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
             transform: rotate(-45deg);
             top: 10px;
         }

         .pr-r-2 .pe-li-img img {
             height: 170px;
         }

         .zixun-img img {
             height: 130px;
         }

         .accountBox {
             min-height: calc(100vh - 134px);
         }

         .data-item {
             width: calc(33% - 40px);
         }

         .status-lass ul li {
             padding-right: 15px;
         }

         .status .pe-li-img img {
             height: 130px;
         }

         .status .pe-list {
             gap: 15px;
         }
         .pe-li-img img{
            height: 160px;
         }
             .pe-item .pe-li-img img {
        height: 160px;
    }
             .com-img-item{
            height: auto;
         }
         .ke-container{
            width: 100% !important;
         }
             .index2-list .pe-li-img img {
        height: 160px;
    }
    .pr-l{
        width: 240px;
    }
    .pr-r {
    width: calc(100% - 320px);
    margin-left: 240px;
}
     }

     @media screen and (max-width: 940px) {
         .index1-item1-r .pe-li-img img {
             height: 190px;
         }

         .pr-l {
             width: 100%;
             min-height: auto;
             position: relative;
             padding: 20px 0px;
             z-index: 1000;
         }

         .pr-l-t {
             padding: 0 10px;
         }

         .pr-l-t h4 {
             border: 1px solid #e8e8e8;
             padding: 0 10px;
             padding-left: 50px;
             background-position: 10px 12px;
             cursor: pointer;
         }

         .pr-l-box {
             position: fixed;
             top: 0;
             left: 0;
             right: 0;
             background: #fff;
             z-index: 999;
             padding-top: 0px;
             min-height: 100vh;
             display: none;
         }

         .pr-close {
             display: flex;
             justify-content: flex-end;
             padding: 20px;
         }

         .pr-close img {
             width: 20px;
             height: 20px;
             cursor: pointer;
         }

         .pr-l-list li .pr-l-li {
             padding: 0 20px;
         }

         .Level2-item {
             padding: 0 20px;
         }

         .pr-r {
             width: 100%;
             margin-left: 0px;
         }

         .pr-r-2 .pe-li-img img {
             height: 180px;
         }

         .pr-xq1-r,
         .pr-xq2-l,
         .pr-xq2-r,
         .pr-xq1-l {
             width: 100%;
         }

         .xq2-r-2 .pe-list {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
         }

         .pe-li-img img {
             height: 280px;
         }

         .li-box {
             left: 0;
             top: 72px;
         }

         .rightBox {
             right: 0px;
         }
         .index1-item1-r .pe-list, 
         .index1-item1-l, 
         .index2-list .pe-list {
             grid-template-columns: repeat(3, 1fr);
         }
         .item1-I img,
         .index2-list .pe-li-img img {
             height: 190px;
         }

         .zixun .w1920 h4 {
             font-size: 20px;
         }

         .zixunList {
             grid-template-columns: repeat(2, 1fr);
         }

         .zixun-r .zixun-img img,
         .zixun-img img {
             height: 210px;
         }

         .zixun-l {
             width: calc(100% - 320px);
         }

         .zixun-r .zixunList a {
             margin-bottom: 10px;
         }

         .zixun-xq .w1200 {
             display: block;
         }

         .zixun-l {
             width: 100%;
             margin-bottom: 20px;
         }

         .zixun-xq-tt {
             padding: 20px;
         }

         .zixun-xq-con {
             padding: 20px;
         }

         .zixun-xq-but {
             padding: 15px 20px;
             padding-bottom: 0px;
         }

         .zixun-r {
             width: 100%;
         }

         .zixun-r .zixunList {
             display: grid;
         }

         .coll .index1-item1-r .pe-li-img img {
             height: 195px;
         }

         .accountL {
             width: 150px;
             padding: 0 10px;
         }

         .accountL ul li a {
             padding: 6px 10px;
         }

         .accountR {
             width: calc(100% - 215px);
             padding: 0 20px;
             margin-left: 171px;
         }

         .accountBox {
             min-height: calc(100vh - 164px);
         }

         /* .pagedataList .pe-li-img img {
             height: 160px;
         } */

         .points .pe-li-img img {
             height: 210px;
         }

         .layui-layer-partition {
             width: 80% !important;
         }

         .status .pe-li-img img {
             height: 200px;
         }
          .pe-item .pe-list,
         .status .pe-list {
             grid-template-columns: repeat(2, 1fr);
         }
          .pe-item .pe-li-img img{
            height: 200px;
          }
        /* .pe-li-img img{
            height: 160px;
         } */
     }


     @media screen and (max-width: 820px) {
         .index1-item1-r .pe-li-img img {
             height: 170px;
         }
          .item1-I img,
         .pr-r-2 .pe-li-img img {
             height: 170px;
         }

         .pe-li-img img {
             height: 230px;
         }

         .layui-layer-plate {
             width: 80% !important;
         }

         .index2-list .pe-li-img img {
             height: 170px;
         }

         .zixun-r .zixun-img img,
         .zixun-img img {
             height: 155px;
         }

         .zixun-xq-tt a {
             padding: 5px 0px;
             font-size: 14px;
             width: 70px;
         }

         .zixun-xq-text {
             width: calc(100% - 90px);
         }

         .coll .index1-item1-r .pe-li-img img {
             height: 170px;
         }

         .points .pe-list {
             grid-template-columns: repeat(2, 1fr);
             gap: 15px;
         }

         .status .pe-li-img img {
             height: 170px;
         }
             .pe-item .pe-li-img img {
        height: 160px;
    }
     }

     @media screen and (max-width: 740px) {
         .index1-item1-r .pe-li-img img {
             height: 200px;
         }
         .index1-item1-l,
         .index1-item1-r .pe-list {
             grid-template-columns: repeat(2, 1fr);
         }
         .pr-r-2 .pe-list,
         .index2-list .pe-list {
             grid-template-columns: repeat(2, 1fr);
         }
          .item1-I img,
         .index2-list .pe-li-img img {
             height: 200px;
         }

     .index1-item1-l, .index1-item1-r {
        width: calc(100% - 60px);
        padding: 0 30px;
        padding-top: 20px;
    }

         .pr-xq1-box,
         .pr-xq2-description,
         .pr-xq2-comment,
         .pr-xq2-material,
         .xq2-r-2,
         .xq2-r-1,
         .xinxi,
         .pe-item,
         .polyline,
         .pr-r {
             padding-left: 30px;
             padding-right: 30px;
         }

         .w1920 {
             padding: 0 30px;
         }

         .header {
             height: 120px;
         }

         .header-m {
             position: fixed;
             top: 75px;
             left: 20%;
             width: 60%;
             z-index: 99;
         }

         .header .w1920 {
             height: 60px;
         }

         .logo {
             margin-right: 20px;
         }

         .ser_text {
             width: 90%;
             padding: 30px 5%;
         }
         .index2-list .pe-li-img img,
         .pr-r-2 .pe-li-img img {
             height: 220px;
         }

         .prXq1-xinxi {
             width: 40px;
             height: 40px;
         }

         .prXq1-text {
             margin-left: 10px;
             width: calc(100% - 50px);
         }

         .pe-li-img img {
             height: 190px;
         }

         .xq2-r-2 .pe-list {
             gap: 20px;
         }

         .zixun-r .zixun-img img,
         .zixun-img img {
             height: 135px;
         }

         .zixunList a h4 {
             font-size: 14px;
         }

         .zixunList {
             gap: 15px;
         }

         .coll .index1-item1-r .pe-li-img img {
             height: 230px;
         }

         .collection {
             padding: 15px;
         }

         .accountR {
             width: calc(100% - 20px);
             margin-top: 30px;
             padding: 0 10px;
             margin-left: 0px;
         }

         .accountBox {
             display: block;
             min-height: calc(100vh - 224px);
         }

         .accountL {
             width: calc(100% - 20px);
             padding-top: 20px;
             position: static;
             height: auto;
         }

         .accountL ul {
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
         }

         .accountL ul li {
             padding: 6px 0px;
             list-style: none;
             margin: 0 5px;
         }
        .message-list,
         .status-lass {
             padding: 0 10px;
         }

         .status-lass ul li {
             padding-right: 20px;
         }

         .status-lass ul li a {
             font-size: 14px;
             padding: 10px 0px;
         }

         .list-class ul li {
             margin-right: 20px;
         }

         .list-class {
             margin-bottom: 10px;
         }

         .list-upload,
         .list-class ul {
             margin-bottom: 10px;
         }

         .accountR-tt {
             width: 100%;
         }

         .status .pe-li-img img {
             height: 220px;
         }

         .status,
         .status .pe-list {
             padding-left: 0px;
             padding-right: 0px;
         }
             .pe-item .pe-li-img img {
        height: 200px;
    }
     }

     @media screen and (max-width: 640px) {
         .index1-item1-l, .index1-item1-r {
            width: calc(100% - 20px);
             padding:  10px;
             padding-top: 20px;
         }

         .pr-xq2-description,
         .pr-xq2-comment,
         .pr-xq2-material,
         .pr-xq1-box,
         .xq2-r-2,
         .xq2-r-1,
         .w1200,
         .pe-item,
         .polyline,
         .xinxi,
         .status .pe-list,
         .pr-r {
             padding-left: 10px;
             padding-right: 10px;
         }

         .w1920 {
             padding: 0 10px;
         }

         .item2 {
             padding-top: 25px;
             padding-bottom: 20px;
         }

         .item1-I img {
             height: 160px;
         }

         .index2Swiper-next,
         .index2Swiper-prev,
         .index1Swiper-next,
         .index1Swiper-prev {
             width: 30px;
             height: 30px;
             top: 50%;
             margin-top: -15px;

         }

         .index2-box,
         .item2-box {
             padding: 0 40px;
         }

         footer .w1920 {
             flex-wrap: wrap;
             padding-bottom: 10px;
         }

         .footer-l {
             flex-wrap: wrap;
             padding: 10px 0px;
             flex-direction: column-reverse;
             width: 100%;
         }

         .footer-l ul {
             display: block;
             width: 100%;
         }

         .footer-l ul li {
             width: 100%;
             text-align: left;
         }

         .footer-l ul li a {
             width: 100%;
             display: block;
             line-height: 40px;
             border-bottom: 1px solid #eee;
         }

         .footer-l ul li {
             margin-left: 0px;
         }

         .layui-layer-login {
             width: 90% !important;
             height: 380px !important;
         }

         .ac .layui-layer-login .layui-layer-title {
             font-size: 18px;
             height: 50px;
             line-height: 50px;
         }

         .login-box .w1200 {
             margin-top: 30px;
         }

         .layui-form-tt {
             font-size: 20px;
             margin-bottom: 20px;
         }

         .login_r .layui-input {
             font-size: 14px;
             height: 30px;
             line-height: 30px;
         }

         .layui-form-agreement,
         .login_r .layui-form-f button {
             font-size: 12px;
         }

         .login_r .layui-form-item {
             margin-bottom: 25px;
         }

         .layui-form-submit .layui-btn {
             font-size: 14px;
             height: 40px;
             line-height: 40px;
         }

         .login_r {
             width: 90%;
         }

         .layui-form-submit {
             margin-top: 30px;
         }

         .pr-r-2 .pe-li-img img {
             height: 190px;
         }

         .pr-xq1-r-box {
             margin-bottom: 15px;
         }

         .pe-li-img img {
             height: 160px;
         }
         .pr-r-2 .pe-list,
         .pe-item .pe-list,
         .index1-item1-r .pe-list {
             gap: 10px;
         }

         .xq2-r-2 .pe-list {
             gap: 10px;
         }

         .li-box {
             width: 100%;
         }

         .li-nr {
             padding: 10px;
         }

         .layui-layer-copyright {
             width: 80% !;
         }

         .layui-layer-plate {
             width: 90% !important;
         }

         .layui-input-text textarea {
             width: 100%;
         }

         .prXq1-open h4 {
             font-size: 14px;
         }

         .export-but {
             padding: 6px 20px;
             font-size: 14px;
         }

         /* .zixunList {
             grid-template-columns: repeat(1, 1fr);
         } */
              .zixunList {
        gap: 10px;
    }
         .zixun-r .zixun-img img,
         .zixun-img img {
             height: 120px;
         }

         /* .coll .index1-item1-r .pe-list {
             grid-template-columns: repeat(1, 1fr);
         } */

         .coll .index1-item1-r .pe-li-img img {
             height: 160px;
         }

         .list-class ul li {
             margin-right: 10px;
         }

         /* .points .pe-list {
             grid-template-columns: repeat(1, 1fr);
         } */

         .data-item {
             width: calc(50% - 40px);
         }
/* 
         .status .pe-list {
             grid-template-columns: repeat(1, 1fr);
         } */

         .status .pe-li-img img {
             height: 240px;
         }

         .status-lass ul li {
             padding-right: 5px;
         }
         .inp{
        width: auto;
         }
         .order-item{
            width: 50%;
         }
         .order-item:nth-of-type(2) {
    width: 25%;
}
.order-item:nth-of-type(3) {
    width: 20%;
}
.exchange-img,
.exchange-text,
.exchange-l{
    width: 100%;
}
    /* .pe-item .pe-list{
        grid-template-columns: repeat(1, 1fr);
    } */
        .pe-item .pe-li-img img {
        height: 160px;
    }
    .pr-xq2-i ul li{
        width: 100%;
    }
     }

     @media screen and (max-width: 540px) {
        .index2-list .pe-li-img img,
         .index1-item1-r .pe-li-img img {
             height: 160px;
         }

         .index2Swiper .swiper-slide {
             padding-top: 10px;
         }

         .pr-r-2 .pe-li-img img {
             height: 160px;
         }

         .prXq1-xinxi {
             width: 30px;
             height: 30px;
         }

         .prXq1-text {
             width: calc(100% - 40px);
         }

         .layui-layer-copyright {
             width: 90% !important;
         }

         .layui-layer-page {
             width: 90% !important;
         }

         .accountR .layui-form-item .layui-input-inline+.layui-form-mid,
         .accountR .layui-form-item .layui-input-inline {
             margin-left: 0px;
         }
     }