.e_FlowCommonStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color:rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color:rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ background-color:rgba(27, 67, 119, 1); height:40px; width:auto; width-and-width-uint:auto; height-and-height-uint:40px; } .e_FlowCommonStyleBox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_FlowCommonStyleBox-001 .title_icon::before{ content:""; } .e_FlowCommonStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; max-width:600px; color:rgba(255,255,255,1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(27, 67, 119, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_FlowCommonStyleBox-001 .stylebox_link{ height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; vertical-align:middle; margin-right:15px; float:right; } .e_FlowCommonStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_FlowCommonStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_FlowCommonStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height:1px; background-color:rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1569770251478 > div > .p_gridbox{ background-image:url(../image/ccx-157788_1_1623374507000.jpg); } #w_grid-1569770251478 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1569770251478 >div{ animation-fill-mode:both; } #w_grid-1569770251478 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1569770251478> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1569770251478> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1569770251478> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1569770251478> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1569770251478> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1569770251478> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1569770251478 .p_gridbox{ background-repeat:no-repeat; background-position:top center; } #w_grid-1569770251518 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1569770251528 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1569771348730 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1569770251478{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:370px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1569770251518{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1569770251528{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1569771348730{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1569770251538{ width:auto; max-width:none; min-width:0px; height:45px; max-height:none; min-height:45px; margin-top:60px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-1569770251548 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-1569770251548 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-1569770251548 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-1569770251548 .p_page{ display:inline-block !important; } #c_portalResProduct_list-1569770251548 >div{ animation-fill-mode:both; } #c_portalResProduct_list-1569770251548 .proBox{ width:100%; height:auto; overflow:hidden; } #c_portalResProduct_list-1569770251548 .proContainer{ width:100%; height:auto; overflow:hidden; margin:1rem auto; } #c_portalResProduct_list-1569770251548 .proLi{ position:relative; overflow:hidden; padding:20px; } #c_portalResProduct_list-1569770251548 .porTbox{ position:relative; overflow:hidden; width:100%; height:514px; } #c_portalResProduct_list-1569770251548 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } #c_portalResProduct_list-1569770251548 .porBbox{ position:relative; overflow:hidden; width:100%; height:130px; padding:20px 20px 10px; border:1px solid #f2f2f2; } #c_portalResProduct_list-1569770251548 .proTitle{ font-size:1rem; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; } #c_portalResProduct_list-1569770251548 .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; } #c_portalResProduct_list-1569770251548 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResProduct_list-1569770251548 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } #c_portalResProduct_list-1569770251548 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResProduct_list-1569770251548 .harr{ opacity:0; } #c_portalResProduct_list-1569770251548 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease; } #c_portalResProduct_list-1569770251548 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; } #c_portalResProduct_list-1569770251548 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-1569770251548 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-1569770251548 .lookDetail:hover .barr{ opacity:0; } #c_portalResProduct_list-1569770251548 .lookDetail:hover .harr{ opacity:1; } #c_portalResProduct_list-1569770251548 .proLi:hover .showBox{ opacity:1; } #c_portalResProduct_list-1569770251548 .proLi:hover .proImg{ transform:translate( -50% ,-50%) scale(1.1); } #c_portalResProduct_list-1569770251548 .proLi:hover .showBoxLink::before{ width:1rem; } #c_portalResProduct_list-1569770251548 .proLi:hover .showBoxLink::after{ width:1rem; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-1569770251548 .proContainer{ max-width:1400px; } #c_portalResProduct_list-1569770251548 .proLi{ width:calc(100% / 3); height:676px; float:left; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-1569770251548 .proContainer { max-width:900px; } #c_portalResProduct_list-1569770251548 .proLi { width:50%; height:676px; } } #c_portalResProduct_list-1569770251548 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1569770251548 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1569770251548 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1569770251548 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } @media only screen and (max-width: 768px){ #c_portalResProduct_list-1569770251548 .porTbox{ height: 450px;} } #c_portalResProduct_list-1569770251548{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:1491px; margin-right:auto; margin-left:auto; max-width:1400px; width:100%; margin-top:20px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }