.QX-160041116{max-width:1180px;margin:0 auto;padding:30px 0;position:relative;word-break:break-word}.QX-160041116 .show-pro{position:relative}.QX-160041116 .firstpic{width:236px;height:395px;position:absolute;left:0;top:0}.QX-160041116 .bgimg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3}.QX-160041116 .proshow-scroll-list{display:flex;flex-wrap:wrap;background-color:#fff}.QX-160041116 .btn-scroll-left,.QX-160041116 .btn-scroll-right{display:none}.QX-160041116 .proshow-scroll-item{width:236px;height:395px;position:relative;border-left:1px solid #f7f7f7;box-sizing:border-box}.QX-160041116 .proshow-scroll-item:nth-child(5n+1){border-left:0}.QX-160041116 .proshow-scroll-item:nth-child(n+6){border-top:1px solid #f7f7f7}.QX-160041116 .pic .component-image-editor.backstage-component-editor{top:0;left:100%;transform:unset}.QX-160041116 .bgimg .pic .backstage-componet-bd{position:relative}.QX-160041116 .pic,.QX-160041116 .pic .backstage-componet,.QX-160041116 .pic .backstage-componet-bd,.QX-160041116 .pic .blocks-image{width:100%;height:100%}.QX-160041116 .pic .blocks-image img{width:100%;height:100%;object-fit:cover}.QX-160041116 .title{padding:2px 10px;position:absolute;z-index:4;background-color:#f90;color:#fff;line-height:1.4;font-size:32px;bottom:70px;left:0;max-width:216px;max-height:calc(100% - 80px);overflow:hidden}.QX-160041116 .butn{position:absolute;z-index:4;bottom:30px;letter-spacing:.6px;color:#fff;font-size:13px;left:10px}.QX-160041116 .butn a{color:inherit}.QX-160041116 .proshow-image{width:100%;height:0;padding-bottom:calc(400% / 3);position:relative}.QX-160041116 .proshow-image img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.QX-160041116 .proshow-caption{padding:10px 10px 20px}.QX-160041116 .proshow-title{font-size:16px;color:#030303;text-align:center;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QX-160041116 .proshow-price{color:#666;font-size:14px;text-align:center;line-height:1.7}.QX-160041116 .mc{visibility:hidden;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.06);transition:all .15s ease-in;z-index:1}.QX-160041116 .viewbutn{padding:15px 45px;top:50%;position:absolute;background-color:#f90;color:#fff;z-index:2;left:50%;transform:translateX(-50%);transition:all .15s ease-in;white-space:nowrap}.QX-160041116 .proshow-scroll-item:hover .mc{visibility:visible;opacity:1}.QX-160041116 .proshow-scroll-item:hover .viewbutn{top:35%}.QX-160041116 .pagination{max-width:1180px;margin:30px auto 0;text-align:center;display:block;width:100%}.QX-160041116 .paging{display:flex;justify-content:center}.QX-160041116 .paging li{width:25px;height:25px;margin:0 5px;border:1px solid #f90;text-align:center;line-height:25px;font-size:14px;color:#333;transition:all .3s}.QX-160041116 .paging li.active{color:#fff;background:#f90}.QX-160041116 .paging li:hover{background-color:#f90;color:#fff}.QX-160041116 .paging li a{color:inherit;width:100%;height:100%;position:relative;display:block}.QX-160041116 .pagination li>a#previousPage{margin-right:0;background-position:left center;padding-top:1px;display:unset}.QX-160041116 .pagination li>a#nextPage{margin-left:0;background-position:right center;padding-top:1px;display:unset}@media screen and (max-width:1200px){.QX-160041116{padding:30px 10px}.QX-160041116 .firstpic{width:20%;height:350px}.QX-160041116 .title{font-size:26px}.QX-160041116 .proshow-scroll-item{width:20%;height:350px}}@media screen and (max-width:900px){.QX-160041116 .firstpic{height:315px}.QX-160041116 .proshow-scroll-item{height:315px}}@media screen and (max-width:768px){.QX-160041116 .firstpic{height:290px}.QX-160041116 .proshow-scroll-item{height:290px}.QX-160041116 .title{font-size:22px}}@media screen and (max-width:656px){.QX-160041116 .firstpic{width:50%;height:320px}.QX-160041116 .proshow-scroll-item{width:50%;height:320px}.QX-160041116 .proshow-scroll-item:nth-child(2n+1){border-left:0}.QX-160041116 .proshow-scroll-item:nth-child(n+3){border-top:1px solid #f7f7f7}}