 html,body{margin: 0;padding: 0;} .pagebox{position:relative;background-color:rgba(247, 247, 247, 1); }.cpbg{ border-bottom: #fff 1px solid; border-right: #fff 1px solid; margin-bottom: 15px; } .cpbg TR TD{ text-align:center; border-left: #fff 1px solid; line-height: 2.2; font-family: Microsoft Yahei,Arial,Verdana,sans-serif; font-size: 14px; border-top: #fff 1px solid; padding: 7px 22px; color:#333; } .cpbg TD p{ text-align:center; line-height: 2.2; font-family: Microsoft Yahei,Arial,Verdana,sans-serif; font-size: 14px; color:#333; padding: 0 !important; } .cpbg .bt{ background-color:#ff4f51; color:#fff !important; font-weight:bold; } .cpbg .bt p{ background-color:#ff4f51; color:#fff !important; font-weight:bold; } TR.bg TD{ color:#fff !important; } tr:nth-child(odd){background-color:#eaeaea;} tr:nth-child(even){background-color:#f8f8f8;} @media screen and (max-width: 768px) { .table-box { box-sizing: border-box; width: 100%; white-space: nowrap; overflow-x: scroll; } .c_portalResProduct_detail-01001 .reset_style table td { border: 1px solid #ddd; padding: 2px !important; line-height: 1.4; } .cpbg TD p{ text-align:center; line-height: 24px !important; font-family: Microsoft Yahei,Arial,Verdana,sans-serif; font-size: 14px !important; color:#333; padding: 0 !important; word-wrap: break-word; word-break: normal; } } @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: #0351a1; border-color: #0351a1; color: #fff; } .p_page .pre:hover { color: #fff; background: #0351a1; border-color: #0351a1; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #0351a1; border-color: #0351a1; color: #fff; } .p_page .next:hover { background: #0351a1; border-color: #0351a1; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #0351a1; border-color: #0351a1; } .p_page .pageNum:hover { color: #fff; border-color: #0351a1; cursor: pointer; text-decoration: none; background-color: #0351a1; } .p_page .pageNum.active { text-decoration: none; background-color: #0351a1; color: #fff; border-color: #0351a1; } } .NavList_a1 a.active{ color: #0351a1 !important; } .NavList_a1 a.active:before { background-color: #0351a1 !important; width: 80% !important; left: 10% !important; } .NavList_a1 a:hover{ color: #0351a1 !important; } .NavList_a1 a:hover:before { background-color: #0351a1 !important; width: 80% !important; left: 10% !important; } #content_box-1604538396310-0{border-right:1px solid rgba(255,255,255,0.1);} @media only screen and (max-width: 768px){ #c_portalResComplaintPage_detail-16073370947444490,#w_fbtn-1608521692378,#w_grid-1608521560267{margin-left:0px !important;margin-bottom: 10px!important;} } @media only screen and (max-width: 1360px) and (min-width: 1331px) { #w_grid-1564456455396{margin-top:127px !important;} } @media only screen and (max-width: 1330px) and (min-width: 1281px) { #w_grid-1564456455396{margin-top:127px !important;} } @media only screen and (max-width: 1280px) and (min-width: 1024px) { #w_grid-1564456455396{margin-top:127px !important;} } @media only screen and (max-width: 768px){ #content_box-1623986371957-1{margin-top:30px !important;} #w_common_text-1618470764712 span,#w_common_text-1618474469184 span,#w_common_text-1607416835685 span{font-size:18px !important;} #content_box-1618470764665-0{margin: 0rem auto !important;} #w_common_text-1618470764704 p{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } #w_common_text-1618470764704 p span{ font-size:14px !important; } #w_common_text-1618470764712,#w_common_text-1618470764695{text-align:center;} #w_fbtn-1618471477443{margin: 40px auto 30px!important;width: 120px !important;min-height: 36px !important;} .syvideo{width:100%!important;height: auto !important;} #w_common_text-1618474469184,#w_grid-1607416693697{margin-top: 30px !important;margin-bottom: 0px !important;} #c_portalResProduct_category-16184746608605654{margin-bottom:0px !important;} #content_box-1607416738087-1{display:none !important;} #w_common_text-1607416835685{padding-left:0px !important;margin-left:0px !important;} #w_fline-1607417304955{padding-left:0px !important;margin-left:0px !important;} .c_portalResNews_list-01001007 .newTitle { font-size: 18px !important; line-height: 1.25; display: block !important; height: auto !important; } .c_portalResNews_list-01001007 .newSummry{margin-bottom:0px !important;} } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #0351a1; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0351a1; background-color: #0351a1; cursor: pointer; } .p_pagebox .pre:active { background-color: #0351a1; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #0351a1; } .p_pagebox .next:hover { background-color: #0351a1; } .p_pagebox .next:active { background-color: #0351a1; } }