/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .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{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .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 { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.headerBox{ position:fixed; top: 0; width:100%; height: auto; cursor: default; z-index:100; } .header{ position:relative; width:100%; max-width:1720px; margin:0 auto; padding:0 15px; z-index: 200; } .headerBox:after{ position:absolute; top:0; left:0; content:" "; width:100%; height:120px; background: rgba(255,255,255,0.7); border-bottom: 1px solid #e3e3e3; transition: 0.35s ease-in-out; z-index: 100; } .headerBox .leftLogoBox{ width:346px; height:58px; margin: 31px 0; float:left; transition: 0.35s ease-in-out; overflow:hidden; } .headerBox .rightConnet{ width: 60%; float:right; } .headerBox .rightConnet .mobileIcon{ display:none; } .headerBox .rightConnet .rightNavBox{ width: 90%; float:left; } .headerBox .rightConnet .rightNavBox ul{ list-style:none; margin:0; padding:0; } .headerBox .rightConnet .rightNavBox ul .navBox{ position:relative; width: calc(100%/8); margin: 0 auto; float:left; z-index:1; } .headerBox .rightConnet .rightNavBox ul .navBox:after{ position:absolute; left:0; top: 80px; width:0; height:1px; background:#1b76b7; content:" "; transition:0.35s ease-in-out; z-index:101; } .headerBox .rightConnet .rightNavBox ul .navBox:hover:after{ width:60%; margin:0 20%; animation: fadeInDown 0.35s ease-in-out; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .Title h2{ text-align:center; font-size: 1rem; color:#1c1c1c; line-height: 120px; transition: 0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox:hover .Title h2{ color:#1b76b7; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-123-01{ display:none; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-down{ display:none; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox{ display: none; margin: 0 auto; background: #333; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox:hover .childNavBox{ display:block; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox .child{ width:100%; border-bottom:1px solid rgba(255,255,255,0.1); transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox .child:hover{ background:#1b76b7; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox .child h2{ text-align:center; width: 100%; padding: 0 4px; font-size:0.875rem; color:#fff; line-height:48px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .headerBox .rightConnet .rightIconBox{ display: block; text-align:right; width: 10%; margin: 50px auto; float:right; } .headerBox .rightConnet .rightIconBox .iconfont{ display:inline-block; margin: 0 0.5rem 0 0; font-size:1rem; color:#1c1c1c; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox .iconfont:hover{ color:#1b76b7; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox .iconfont:before{ padding: 0 6px 0 0; } .headerNavOpen{ transform: translateX(0%) !important; transition:0.35s ease-in-out; } .headerNavClose{ transform: translateX(100%) !important; transition:0.35s ease-in-out; } @media only screen and (max-width: 768px){ .headerBox{ height:80px; } .headerBox:after{ top: 0px; height: 80px; } .headerBox .leftLogoBox{ width: 80px; margin: 14px auto 0; transition: 0.35s ease-in-out; } .headerBox .rightConnet .mobileNavBox{ display: block; position: absolute; top: 0; right: 0; transition:0.35s ease-in-out; z-index: 100; transform: scale(0.85); } .headerBox .rightConnet .mobileNavBox .mobileIcon{ display: block; position: relative; top: 46px; right: 15px; transition:0.35s ease-in-out; z-index: 100; transform: scale(0.85); } .headerBox .rightConnet .mobileNavBox .mobileIcon span{ display: block; position: relative; width: 24px; height:2px; background: #333; animation: navMiddle 0.75s ease-in-out; transition:0.35s ease-in-out; z-index: 2; } .headerBox .rightConnet .mobileNavBox .mobileIcon span:before{ position: absolute; content:" "; top: 6px; right: 0; width:30px; height:2px; background: #333; animation: navBefore 0.75s ease-in-out; transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .mobileIcon span:after{ position: absolute; content:" "; bottom: 6px; right: 0; width:30px; height: 2px; background: #333; animation: navAfter 0.75s ease-in-out; transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .activeIcon{ display: block; position: absolute; top: 50px; right: 15px; transition:0.35s ease-in-out; z-index: 100; } .headerBox .rightConnet .mobileNavBox .activeIcon span{ display: block; position: relative; width: 24px; height:2px; background: transparent; transition:0.35s ease-in-out; z-index: 2; } .headerBox .rightConnet .mobileNavBox .activeIcon span:before{ position: absolute; content:" "; top: -6px; right: 0; width:30px; height:2px; background: #333; transform:rotate(45deg); transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .activeIcon span:after{ position: absolute; content:" "; bottom: 6px; right: 0; width:30px; height: 2px; background: #333; transform:rotate(-45deg); transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .rightNavBox{ display: block; top: 80px; left: 0; position: fixed; width: 100vw; height: 100vh; padding: 0 15px; transform: translateX(100%); background: rgba(51,51,51,0.98); } .headerBox .rightConnet .rightNavBox ul .navBox{ display: block; width:100%; margin: 0; border-bottom:1px solid rgba(255,255,255,0.1); } .headerBox .rightConnet .rightNavBox ul .navBox:after{ top:50px; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox:hover:after{ width:100%; margin:0; } .headerBox .rightConnet .rightNavBox ul .navBox .Title h2{ display: inline-block; text-align: left; width: 90%; padding: 0; font-size: 0.875rem; color:#fff; line-height: 50px; transition: 0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-123-01{ display: block; position: absolute; text-align: right; width: 10%; top: 1.25rem; right: 0; color:#fff; opacity:0.25; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-down{ display: inline-block; text-align: right; position: absolute; top: 1.25rem; right: 0; width: 10%; font-size:0.6rem; color:#fff; opacity:0.25; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox{ position:relative; } .headerBox .rightConnet .rightNavBox ul .navBox .childNavBox .child h2{ text-align:left; padding:0 0 0 5%; transition: 0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox{ display: none !important; transition:0.35s ease-in-out; } } @media only screen and (min-width: 769px) and (max-width: 1024px){ .headerBox{ height:80px; } .headerBox:after{ top: 0; height: 80px; } .headerBox .leftLogoBox{ width: 340px; margin: 14px auto 0; transition: 0.35s ease-in-out; } .headerBox .rightConnet .mobileNavBox{ display: block; position: absolute; top: 0; right: 0; transition:0.35s ease-in-out; z-index: 100; transform: scale(0.85); } .headerBox .rightConnet .mobileNavBox .mobileIcon{ display: block; position: relative; top: 46px; right: 15px; transition:0.35s ease-in-out; z-index: 100; transform: scale(0.85); } .headerBox .rightConnet .mobileNavBox .mobileIcon span{ display: block; position: relative; width: 24px; height:2px; background: #333; animation: navMiddle 0.75s ease-in-out; transition:0.35s ease-in-out; z-index: 2; } .headerBox .rightConnet .mobileNavBox .mobileIcon span:before{ position: absolute; content:" "; top: 6px; right: 0; width:30px; height:2px; background: #333; animation: navBefore 0.75s ease-in-out; transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .mobileIcon span:after{ position: absolute; content:" "; bottom: 6px; right: 0; width:30px; height: 2px; background: #333; animation: navAfter 0.75s ease-in-out; transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .activeIcon{ display: block; position: absolute; top: 50px; right: 15px; transition:0.35s ease-in-out; z-index: 100; } .headerBox .rightConnet .mobileNavBox .activeIcon span{ display: block; position: relative; width: 24px; height:2px; background: transparent; transition:0.35s ease-in-out; z-index: 2; } .headerBox .rightConnet .mobileNavBox .activeIcon span:before{ position: absolute; content:" "; top: -6px; right: 0; width:30px; height:2px; background: #333; transform:rotate(45deg); transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .mobileNavBox .activeIcon span:after{ position: absolute; content:" "; bottom: 6px; right: 0; width:30px; height: 2px; background: #333; transform:rotate(-45deg); transition:0.35s ease-in-out; z-index:2; } .headerBox .rightConnet .rightNavBox{ display: block; top: 80px; left: 0; position: fixed; width: 100vw; height: 100vh; padding: 0 15px; transform: translateX(100%); background: rgba(51,51,51,0.98); } .headerBox .rightConnet .rightNavBox ul .navBox{ display: block; width:100%; margin: 0; border-bottom:1px solid rgba(255,255,255,0.1); } .headerBox .rightConnet .rightNavBox ul .navBox .Title h2{ display: inline-block; text-align: left; width: 95%; padding: 0; font-size: 0.875rem; color:#fff; line-height: 50px; transition: 0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox ul .navBox:hover:after{ width:100%; margin:0; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-123-01{ display: none; position: absolute; width: 5%; top: 1.25rem; right: 0; color:#fff; opacity:0.25; } .headerBox .rightConnet .rightNavBox ul .navBox .icon-down{ display: inline-block; position: absolute; top: 1.25rem; right: 0; font-size:0.6rem; color:#fff; opacity:0.25; } .headerBox .rightConnet .rightIconBox{ display: none !important; transition:0.35s ease-in-out; } } @media only screen and (min-width: 1025px) and (max-width: 1280px){ .headerBox .rightConnet .rightNavBox{ width:100%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox{ display: none !important; transition:0.35s ease-in-out; } } @media only screen and (min-width:1281px) and (max-width:1366px){ .headerBox .rightConnet{ width:70%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox{ width:85%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox{ width:15%; transition:0.35s ease-in-out; } } @media only screen and (min-width:1367px) and (max-width:1440px){ .headerBox .rightConnet{ width:70%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox{ width:88%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox{ width: 12%; transition:0.35s ease-in-out; } } @media only screen and (min-width:1441px) and (max-width:1680px){ .headerBox .rightConnet{ width:70%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightNavBox{ width:90%; transition:0.35s ease-in-out; } .headerBox .rightConnet .rightIconBox{ width:10%; transition:0.35s ease-in-out; } } /* anmiaton */ @keyframes navAfter{ 0% {bottom:0px;} 100% {bottom:6} } @-webkit-keyframes navAfter{ 0% {bottom:0px;} 100% {bottom:6} } @keyframes navBefore{ 0% {top:0px;} 100% {top:6} } @-webkit-keyframes navBefore{ 0% {top:0px;} 100% {top:6} } @keyframes navMiddle{ 0% {width:0px;} 100% {width:24px} } @-webkit-keyframes navMiddle{ 0% {width:0px;} 100% {width:24px} }.searchBox{ display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,118,176,0.9); cursor:default; z-index: 9999; } .searchBox .icon-close{ position:absolute; top: 50px; right: calc((100% - 1685px)/2); height: 30px; font-size:16px; color:#fff; } .searchBox .icon-close:before{ padding:0 6px 0 0; } .searchBox .serchBorder{ position: absolute; top: 32%; left: 20%; width: 60%; margin: 0 auto; padding:10px; height: 58px; background:#fff; border-radius:6px; } .searchBox .serchBorder .lefTitle{ display: block; text-align: center; width: 10%; font-size: 22px; line-height: 38px; color: #1c1c1c; float:left; border-right: 1px solid #d9d9d9; } .searchBox .serchBorder .InputText{ width: 85%; height: 38px; border:none; padding:0 10px; font-size:14px; } .searchBox .serchBorder .InputText::placeholder{ font-size:16px; } .searchBox .serchBorder .p_searchBtn{ position:relative; text-align: center; width: 4%; margin: 5px 0; height: 28px; float:right; } .searchBox .serchBorder .p_searchBtn .icon-search{ margin: 5px auto; font-size: 26px; color: #333; ransition:0.35s ease-in-out; } .searchBox .serchBorder .p_searchBtn:hover .icon-search{ color: #017cc2; transition:0.35s ease-in-out; } .searchBox .serchBorder .p_searchBtn:active .icon-search{ color: #017cc2; transition:0.35s ease-in-out; } @media only screen and (max-width:768px){ .searchBox .icon-close{ top: 32px; right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:769px) and (max-width:1024px){ .searchBox .icon-close{ top: 32px; right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1025px) and (max-width:1280px){ .searchBox .icon-close{ right: 15px; } .searchBox .serchBorder{ left: 10%; width: 80%; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1281px) and (max-width:1366px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1367px) and (max-width:1440px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1441px) and (max-width:1680px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } } @media only screen and (min-width:1681px) and (max-width:1720px){ .searchBox .icon-close{ right: 15px; } .p_searchBtn{ position: absolute !important; top: 10px; right: 10px; } }.c_portalResComplaintPage_detail-01001 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; min-width: 320px; overflow: hidden; } .c_portalResComplaintPage_detail-01001 .p_header { text-align: center; } .c_portalResComplaintPage_detail-01001 .p_time { text-align: center; margin: 20px 0; } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 30px; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } /* mobile */ @media only screen and (max-width: 768px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 20px; } .c_portalResComplaintPage_detail-01001 .p_time { margin-top: 10px; } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 20px; } .c_portalResComplaintPage_detail-01001 .resetHtmlCssStyle .tp img { vertical-align: top; width: 100%; } } /* PC */ @media only screen and (min-width:769px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 30px; } .c_portalResComplaintPage_detail-01001 .p_header { padding-bottom: 8px; } .c_portalResComplaintPage_detail-01001 .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } .c_portalResComplaintPage_detail-01001 .p_timeIcon:before { content: '\e67a'; } } /* pad */ @media only screen and (min-width:769px) and (max-width:1024px) { }.footerBox{ position: relative; width:100%; background: url(/repository/image/559d3db0-c95b-47ec-adca-45b138fefcbd.jpg?t=1615432661119); background-size: cover; overflow:hidden; cursor:default; } .footerBox .footer{ position: relative; width:1720px; margin:0 auto; padding: 32px 15px; } .footerBox .footer .leftLogoBox{ width:26%; float:left; } .footerBox .footer .leftLogoBox .logo{ width: 340px; height: 50px; margin: 0 0 32px 0; } .footerBox .footer .leftLogoBox .logo img{ width:100%; } .footerBox .footer .leftLogoBox .infoBox{ position:relative; margin: 0 0 1.5rem 0; } .footerBox .footer .leftLogoBox .infoBox span{ display:block; font-size:0.875rem; color:#fff; line-height:2; } .footerBox .footer .leftLogoBox .infoBox span a{ color:#fff; } .footerBox .footer .rightNavBox{ text-align:right; width:74%; float:right; } .footerBox .footer .rightNavBox .navBox{ list-style:none; } .footerBox .footer .rightNavBox .navBox .nav{ width:calc(100%/5); float:left; } .footerBox .footer .rightNavBox .navBox .nav:nth-child(1){ display:none; } .footerBox .footer .rightNavBox .navBox .nav:nth-last-child(2){ display:none; } .footerBox .footer .rightNavBox .navBox .nav:nth-last-child(3){ display:none; } .footerBox .footer .rightNavBox .navBox .nav h2{ font-size:1rem; color:#fff; line-height:2.2; } .footerBox .footer .rightNavBox .navBox .nav .childBox{ position:relative; list-style:none; margin:0; padding:0; } .footerBox .footer .rightNavBox .navBox .nav:nth-child(3) .childBox li:nth-child(n+5){ display:none; } .footerBox .footer .rightNavBox .navBox .nav:nth-child(3) .childBox li:nth-last-child(1){ display:block; } .footerBox .footer .rightNavBox .navBox .nav .childBox li h2{ font-size:0.875rem; color:#fff; transition:0.35s ease-in-out; } .footerBox .footer .rightNavBox .navBox .nav .childBox li h2:hover{ color:#fff; transition:0.35s ease-in-out; } .footerBox .copyRightBox{ position:relative; width:100%; background: rgba(30,27,27,0.3); cursor:default; float:left; } .footerBox .copyRight{ width:1720px; margin:0 auto; padding:0 15px; } .footerBox .copyRight .left{ text-align:left; line-height:50px; float:left; } .footerBox .copyRight .left span{ font-size: 12px; color: #fff; } .footerBox .copyRight .left a{ color: #fff; transition:0.35s ease-in-out; } .footerBox .copyRight .left a:hover{ color:#808080; transition:0.35s ease-in-out; } .footerBox .copyRight .right{ text-align:right; line-height:50px; float:right; } .footerBox .copyRight .right span{ font-size: 12px; color: #fff; } .footerBox .copyRight .right span a{ color: #fff; transition:0.35s ease-in-out; } .footerBox .copyRight .right span a:hover{ color:#fff; transition:0.35s ease-in-out; } @media only screen and (max-width: 768px){ .footerBox .footer{ display:none; transition:0.35s ease-in-out; } .footerBox .copyRight{ width:100%; transition:0.35s ease-in-out; } .footerBox .copyRight .left{ text-align:center; width:100%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight .right{ text-align:center; width:100%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight span{ display:block; font-size: 0.7rem !important; color: #808080; } footerBox .copyRight span a{ color:#808080; } } @media only screen and (min-width: 769px) and (max-width: 1024px){ .footerBox .footer{ display:none; transition:0.35s ease-in-out; } .footerBox .copyRight{ width:100%; transition:0.35s ease-in-out; } .footerBox .copyRight .left{ text-align:left; width:50%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight .right{ text-align:right; width:50%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight span{ display:block; font-size: 0.7rem !important; color: #808080; } footerBox .copyRight span a{ color:#808080; } } @media only screen and (min-width:1025px) and (max-width: 1280px){ .footerBox .footer{ display:none; transition:0.35s ease-in-out; } .footerBox .copyRight{ width:100%; transition:0.35s ease-in-out; } .footerBox .copyRight .left{ text-align:left; width:50%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight .right{ text-align:right; width:50%; line-height: 2rem; transition:0.35s ease-in-out; } .footerBox .copyRight span{ display:block; font-size: 0.7rem !important; color: #808080; } .footerBox .copyRight span a{ color:#808080; } } @media only screen and (min-width:1281px) and (max-width:1366px){ .footerBox .footer{ width:100%; transition:0.35s ease-in-out; } .footerBox .copyRight{ width:100%; transition:0.35s ease-in-out; } } @media only screen and (min-width:1367px) and (max-width:1440px){ .footerBox .footer{ width:100%; transition:0.35s ease-in-out; } } @media only screen and (min-width:1441px) and (max-width:1680px){ .footerBox .footer{ width:100%; transition:0.35s ease-in-out; } } @media only screen and (min-width:1681px) and (max-width:1720px){ .footerBox .footer{ width:100%; transition:0.35s ease-in-out; } }.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){ }@CHARSET "UTF-8";/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResSearch_total-16148393181428642{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResnav_main-16148513217937560{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16148534657933082{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResnav_main-16149080412475113{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResComplaintPage_detail-17246406149207484 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-17246406149207484 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-17246406149207484 .wyz{ position:fixed; right:2px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:50px 0; border-right:1px solid #20b09f; height:482px; -moz-box-sizing:border-box; box-sizing:border-box; z-index:99; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form.cur{ width:200px; opacity:1; } #c_portalResComplaintPage_detail-17246406149207484 .wyz .transition{ -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; } #c_portalResComplaintPage_detail-17246406149207484 .wyz .wyz-title{ background-color:rgba(32, 176, 159, .8); color:#fff; padding:15px 20px 0; white-space:nowrap; position:relative; } #c_portalResComplaintPage_detail-17246406149207484 .wyz .wyz-title .cf-close{ position:absolute; left:166px; top:0; padding:10px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block{ position:absolute; right:0; width:70px; height:70px; background-color:rgba(0, 0, 0, .4); border:1px solid #20b09f; border-right:none; -moz-box-sizing:border-box; box-sizing:border-box; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block:nth-child(1){ top:50px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block:nth-child(2){ top:128px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block:nth-child(3){ top:206px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block:nth-child(4){ top:284px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block:nth-child(5){ top:362px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item{ width:100%; height:100%; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-p{ color:#fff; font-size:12px; margin-top:5px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-in{ height:100%; display:none; position:relative; z-index:1; overflow:hidden; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-in-p{ color:#fff; text-align:center; line-height:68px; height:68px; white-space:nowrap; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in.cur{ width:156px; background-color:transparent; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in.cur .wyz-item-in{ width:100%; display:block; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in.cur .wyz-item{ display:none; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in:before{ content:""; background-color:rgba(32, 176, 159, .8); position:absolute; height:100%; width:0; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -moz-transition:all .8s ease; transition:all .8s ease; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in.cur:before{ width:100%; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block.wyz-top{ display:none; cursor:pointer; width:46px; height:46px; top:480px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-item-block.wyz-top .wyz-item-p{ font-size:14px; margin-top:0; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-in.wyz-search.cur{ border-left:none; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form{ position:absolute; width:0; right:156px; bottom:-1px; z-index:999; overflow:hidden; opacity:0; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form .cf-form{ background-color:rgba(32, 176, 159, .8); -moz-box-sizing:border-box; box-sizing:border-box; padding:10px 20px 20px; border-bottom:1px solid #20b09f; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form .cf-form-item{ margin-bottom:10px; font-size:0; white-space:nowrap; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form .cf-form-item:last-of-type{ margin:0; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form input{ padding:0 8px; margin:0; border:none; -moz-box-sizing:border-box; box-sizing:border-box; width:160px; height:28px; line-height:28px; font-size:12px; display:inline-block; vertical-align:middle; background-color:#fff; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form .verify{ width:86px; margin-right:5px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-form .submit{ width:160px; height:28px; line-height:28px; font-size:14px; } #c_portalResComplaintPage_detail-17246406149207484 .wyz-qr-show{ display:none; position:absolute; z-index:1; border:1px solid rgba(32, 176, 159, .8); left:-160px; top:-91px; } #c_portalResComplaintPage_detail-17246406149207484 .flex-col{ display:flex; flex-direction:column; justify-content:center; align-items:center; } #w_grid-1614838977541 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1614838977541*/ /*w_grid-1614838977541*/ /*w_grid-1614838977541*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1668478647565 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1668478647565*/ /*w_grid-1668478647565*/ /*w_grid-1668478647565*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1724640614757 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1724640614757*/ /*w_grid-1724640614757*/ /*w_grid-1724640614757*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614838977541{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:600px; 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-1668478647565{ 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-1724640614757{ 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; } #c_portalResComplaintPage_detail-17246406149207484{ width:100%; max-width:100%; 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; }