#c_portalResProduct_list-17407095916461124 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-17407095916461124 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-17407095916461124 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-17407095916461124 >div{ animation-fill-mode:both; } #c_portalResProduct_list-17407095916461124 .relative{ position:relative; } #c_portalResProduct_list-17407095916461124 .absolute{ position:absolute; } #c_portalResProduct_list-17407095916461124 #products{ width:100%; height:auto; overflow:hidden; padding:1rem; } #c_portalResProduct_list-17407095916461124 .proName{ width:100%; height:auto; text-align:center; margin:1rem 0 2rem; } #c_portalResProduct_list-17407095916461124 .list{ position:relative; width:100%; height:auto; } #c_portalResProduct_list-17407095916461124 .swiper-container-pro{ width:calc(100% - 64px); margin:0 auto; } #c_portalResProduct_list-17407095916461124 .swiper-wrapperUl{ width:100%; } #c_portalResProduct_list-17407095916461124 .productLi{ overflow:hidden; } #c_portalResProduct_list-17407095916461124 .block{ display:block; } #c_portalResProduct_list-17407095916461124 .aTop{ width:100%; height:0px; padding-bottom:70%; overflow:hidden; border-radius: 10px; } #c_portalResProduct_list-17407095916461124 .picture{ width:100%; height:100%; top:0px; left:0px; } #c_portalResProduct_list-17407095916461124 .proPic{ width:100%; height:100%; } #c_portalResProduct_list-17407095916461124 .number{ margin-top:15%; font-size:2.5rem; padding-left:20%; color:#fff; } #c_portalResProduct_list-17407095916461124 .number::before{ content:''; position:absolute; left:5%; top:0px; bottom:0px; margin:auto; display:block; width:10%; height:2px; background:#fff; } #c_portalResProduct_list-17407095916461124 .blue{ background:rgba(10,49,144,0.8); top:100%; left:0px; width:100%; height:100%; transition:all .5s ease; } #c_portalResProduct_list-17407095916461124 .desc1{ padding:0 20%; color:#fff; height:6rem; line-height:1.5rem; overflow:hidden; } #c_portalResProduct_list-17407095916461124 .proName2{ display:block; color:#333; font-size:1rem; margin-top:20px; padding:0 15%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResProduct_list-17407095916461124 .desc2{ color:#888; font-size:0.75rem; margin:16px 0 28px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:1; letter-spacing:1px; transition:all .5s ease; } #c_portalResProduct_list-17407095916461124 #products .swiper-button-prev{ position:absolute; top:30%; left:0px; font-size:2rem; cursor:pointer; } #c_portalResProduct_list-17407095916461124 #products .swiper-button-next{ position:absolute; top:30%; right:0px; font-size:2rem; cursor:pointer; } #c_portalResProduct_list-17407095916461124 .proPrice{ color:red; display:none; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-17407095916461124 .productLi:hover .blue{ top:0px; } #c_portalResProduct_list-17407095916461124 .productLi:hover .desc2{ opacity:0; } } #c_portalResProduct_list-17407095916461124 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-17407095916461124 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-17407095916461124 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-17407095916461124 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-17407095916461124 .iconfont{ display:inline !important; color:#999; font-size:24px; }