.e_SideMajorStyleBox-001 {
     width: 100%;
     height: auto;
     width-uint: %;
 }

 .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);
 }

 .c_portalResFriendlink_list-01001 {
     margin-left: auto;
     margin-right: auto;
     max-width: 1180px;
     min-height: 192px;
     width: 100%;
 }

 @media only screen and (max-width: 768px) {
     .c_portalResFriendlink_list-01001 .p_summary {
         color: rgba(102, 102, 102, 1);
         font-size: 14px;
         line-height: 26px;
         text-align: left;
         vertical-align: top;
         word-break: break-all;
     }

     .c_portalResFriendlink_list-01001 .p_nameB {
         display: inline-block;
         margin: 0;
         padding: 0;
         vertical-align: middle;
         color: #969696;
         font-size: 14px;
         text-align: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .font {
         vertical-align: middle;
         line-height: 19px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_title {
         display: inline-table;
         margin: 0;
         min-width: 37px;
         padding: 0;
         color: rgba(51, 51, 51, 1);
         font-size: 16px;
         font-weight: 400;
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_title .font {
         vertical-align: middle;
         line-height: 21px;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_title:hover {
         color: var(--main-color);
     }

     .c_portalResFriendlink_list-01001 .p_title:active {
         color: rgba(69, 165, 161, 1);
     }

     .c_portalResFriendlink_list-01001 .p_title .iconfont:before {
         display: inline-block;
         content: "";
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB {
         display: inline-block;
         padding: 0;
         color: #707070;
         font-size: 14px;
         text-align: left;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB {
         white-space: nowrap;
         vertical-align: middle;
         line-height: 19px;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:hover {
         text-decoration: underline;
         font-weight: bold;
         cursor: pointer;
         color: #60a9d7;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:active {
         color: #60a9d7;
         font-weight: 400;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:active {
         text-decoration: none;
         margin-top: 0;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_nameA {
         display: inline-block;
         margin: 0;
         padding: 0;
         vertical-align: middle;
         color: #969696;
         font-size: 14px;
         text-align: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .font {
         vertical-align: middle;
         line-height: 19px;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .iconfont:before {
         display: inline-block;
         content: "";
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA {
         display: inline-block;
         padding: 0;
         color: #707070;
         font-size: 14px;
         text-align: left;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA {
         white-space: nowrap;
         vertical-align: middle;
         line-height: 19px;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:hover {
         text-decoration: underline;
         font-weight: bold;
         cursor: pointer;
         color: #60a9d7;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:active {
         color: #60a9d7;
         font-weight: 400;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:active {
         text-decoration: none;
         margin-top: 0;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_CommonLanternBox {
         margin: 0;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
         width: 100%;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_Linkslist {}

     .c_portalResFriendlink_list-01001 .p_Linkslist {
         width: 100%;
         height: auto;
         overflow: visible;
         white-space: normal;
         background: transparent;
     }

     .c_portalResFriendlink_list-01001 .p_links {
         width: auto;
         height: auto;
         border-color: transparent;
         padding: 0;
         overflow: visible;
     }

     .c_portalResFriendlink_list-01001 .p_articles {
         margin: 5px;
         height: auto;
         width: calc((100% - 20px)/2);
         display: inline-block;
         vertical-align: top;
         text-align: left;
         overflow: visible;
     }

     .c_portalResFriendlink_list-01001 .p_LinkA {
         position: static;
         display: inline-block;
         width: 100%;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_images {
         display: block;
         width: 100%;
         height: auto;
         position: relative;
         vertical-align: middle;
         overflow: visible;
         margin: 0 auto;
     }

     .c_portalResFriendlink_list-01001 .p_thumbnail {
         width: 100%;
         height: auto;
         vertical-align: middle;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .higher .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .widther .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .smaller .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_thumbnail img {
         width: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_content {
         width: 100%;
         height: auto;
         border-width: 0;
         background-color: transparent;
     }

     .c_portalResFriendlink_list-01001 .p_TitleBox {
         width: auto;
         height: auto;
         margin-top: 5px;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_nameA {
         vertical-align: bottom;
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .font {
         line-height: 21px;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .iconfont:before {
         content: '\e6ae';
     }

     .c_portalResFriendlink_list-01001 .p_title {
         vertical-align: bottom;
         display: block;
         text-align: justify;
         text-align: c;
     }

     .c_portalResFriendlink_list-01001 .p_nameA.item_hide+.p_LinkB .p_title {
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_SummaryBox {
         width: auto;
         height: auto;
         margin-top: 5px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB {
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .font {
         line-height: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .iconfont:before {
         content: '';
     }

     .c_portalResFriendlink_list-01001 .p_summary {
         line-height: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB.item_hide+.p_summary {
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_classificationBox {
         width: 100%;
         height: auto;
         border-bottom: 1px solid #ccc;
         padding: 20px 15px;
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_classificationBox:first-child {
         display: block;
     }

     .c_portalResFriendlink_list-01001 .p_classificationA {
         width: auto;
         height: auto;
         display: inline-block;
         vertical-align: middle;
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_classificationB {
         width: auto;
         height: auto;
         display: block;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_fail {
         width: 580px;
         height: 360px;
         background-color: rgba(255, 255, 255, 0.8);
         position: fixed;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         font-size: 0;
         z-index: 999999999;
     }

     .c_portalResFriendlink_list-01001 .p_fail .iconfont {
         display: inline-block;
         margin-left: 40px;
         color: #de7676;
         font-size: 64px;
         height: auto;
         vertical-align: -20px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .iconfont:before {
         content: "\e641";
     }

     .c_portalResFriendlink_list-01001 .p_fail .fontbox {
         display: table-cell;
         vertical-align: middle;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_fail .promptbox {
         display: table;
         width: inherit;
         height: 360px;
         border-width: 1px;
         border-style: solid;
         border-color: rgba(228, 228, 228, 1);
         border-radius: 10px 10px 10px 10px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .font {
         width: auto;
         height: auto;
         font-size: 43px;
         display: inline-block;
         vertical-align: middle;
         margin-left: 20px;
         color: #000;
     }

     .c_portalResFriendlink_list-01001 .p_fail .assistfont {
         width: auto;
         height: auto;
         font-size: 32px;
         display: block;
         margin-top: 20px;
         margin-bottom: 10px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .Confirm {
         display: inline-block;
         width: 290px;
         height: 80px;
         line-height: 80px;
         text-align: center;
         font-size: 32px;
         border-width: 1px;
         border-style: solid;
         border-color: rgba(228, 228, 228, 1);
         border-radius: 0px 0px 0px 10px;
         border-right-width: 0;
         position: absolute;
         bottom: 0;
         left: 0;
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_fail .Confirm:active {
         background-color: #d1ecea;
     }

     .c_portalResFriendlink_list-01001 .p_fail .cancel {
         display: inline-block;
         width: 290px;
         height: 80px;
         line-height: 80px;
         text-align: center;
         font-size: 32px;
         border-width: 1px;
         border-style: solid;
         border-color: rgba(228, 228, 228, 1);
         border-radius: 0px 0px 10px 0px;
         position: absolute;
         bottom: 0;
         right: 0;
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_fail .cancel:active {
         background-color: #d1ecea;
     }

     .c_portalResFriendlink_list-01001 .p_fail .close {
         display: block;
         width: 580px;
         height: 80px;
         line-height: 80px;
         text-align: center;
         font-size: 32px;
         border-width: 1px;
         border-style: solid;
         border-color: rgba(228, 228, 228, 1);
         border-radius: 0px 0px 10px 10px;
         position: absolute;
         bottom: 0;
         left: 0;
     }

     .c_portalResFriendlink_list-01001 .p_fail .close:active {
         background-color: #d1ecea;
     }

     .c_portalResFriendlink_list-01001 .p_succ {
         width: 580px;
         height: 360px;
         background-color: rgba(255, 255, 255, 0.8);
         border-width: 1px;
         border-style: solid;
         border-color: rgba(228, 228, 228, 1);
         border-radius: 10px;
         position: fixed;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         font-size: 64px;
         z-index: 999999999999;
     }

     .c_portalResFriendlink_list-01001 .p_succ .iconfont {
         display: inline-block;
         margin-left: 40px;
         color: #09bb07;
         font-size: 64px;
         height: auto;
         vertical-align: -20px;
     }

     .c_portalResFriendlink_list-01001 .p_succ .iconfont:before {
         content: "\e648";
     }

     .c_portalResFriendlink_list-01001 .p_succ .fontbox {
         display: table-cell;
         vertical-align: middle;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_succ .promptbox {
         display: table;
         width: inherit;
         height: inherit;
     }

     .c_portalResFriendlink_list-01001 .p_succ .font {
         width: auto;
         height: auto;
         font-size: 43px;
         display: inline-block;
         vertical-align: middle;
         margin-left: 20px;
         color: #000;
     }

     .c_portalResFriendlink_list-01001 .p_succ .assistfont {
         width: auto;
         height: auto;
         font-size: 32px;
         display: block;
         margin-top: 20px;
         margin-bottom: 10px;
     }

     .c_portalResFriendlink_list-01001 .p_succ .Confirm {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_succ .cancel {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_succ .close {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_prompt {
         width: auto;
         height: auto;
         text-align: center;
         background-color: inherit;
         font-size: 16px;
         border: 1px solid #E4E4E4;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title {
         display: inline-table;
         padding: 0 30px;
         height: 100%;
         min-height: 260px;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title .iconfont:before {
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title .first {
         height: auto;
         display: table-cell;
         font-size: 36px;
         margin-right: 10px;
         position: relative;
         color: #09bb07;
         vertical-align: middle;
         padding: 0 10px 10px 0;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title .first:before {
         content: "\e6b4";
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title {
         font-size: 24px;
         text-align: left;
         color: rgba(51, 51, 51, 1);
         font-weight: bold;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_title .font {
         display: table-cell;
         line-height: normal;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .promptbox {
         width: auto;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_prompt .prompt_content {
         font-size: 18px;
         color: rgba(105, 105, 105, 1);
         padding-left: 65px;
     }

     .c_portalResFriendlink_list-01001 .p_more {
         margin: 0 auto;
         position: static;
     }

     @-moz-keyframes three-quarters-loader {
         0% {
             -moz-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -moz-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     @-webkit-keyframes three-quarters-loader {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     @keyframes three-quarters-loader {
         0% {
             -moz-transform: rotate(0deg);
             -ms-transform: rotate(0deg);
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -moz-transform: rotate(360deg);
             -ms-transform: rotate(360deg);
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     .loading_animation {
         -moz-animation: three-quarters-loader 850ms infinite linear;
         -webkit-animation: three-quarters-loader 850ms infinite linear;
         animation: three-quarters-loader 850ms infinite linear;
         border: 3px solid #65beba;
         border-right-color: transparent;
         border-radius: 16px;
         box-sizing: border-box;
         display: inline-block;
         position: relative;
         overflow: hidden;
         text-indent: -9999px;
         width: 32px;
         height: 32px;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_loading {
         width: 100%;
         height: 100px;
         background-color: rgba(242, 242, 242, 1);
         font-size: 0;
         line-height: 100px;
         text-align: center;
         color: #A7A7A7;
         font-size: 30px;
     }

     .c_portalResFriendlink_list-01001 .p_loading .iconfont:before {
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_loading .font {
         display: inline-block;
         margin-left: 20px;
         line-height: 100px;
         height: inherit;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_more {
         background-color: rgba(242, 242, 242, 1);
         display: block;
         height: 70px;
         width: 100%;
         position: relative;
         border-radius: 0px;
         font-size: 24px;
         color: rgba(0, 0, 0, 1);
     }

     .c_portalResFriendlink_list-01001 .p_more:active {
         background-color: rgba(248, 248, 248, 0.8);
     }

     .c_portalResFriendlink_list-01001 .p_more .font {
         display: block;
     }

     .c_portalResFriendlink_list-01001 .p_more .iconfont {
         display: inline;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_more .iconfont:before {
         content: "\e6d1";
         line-height: 70px;
         font-size: 70px;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_moreBox {
         width: 100%;
         height: auto;
         background-color: transparent;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_OccupyBox {
         margin: 0;
         width: 100%;
         height: auto;
         padding: 0;
         border: none;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox {
         margin: 0 auto;
         width: 100%;
         height: auto;
         clear: both;
         position: relative;
         font-size: 0;
         white-space: nowrap;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre {
         display: inline-table;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next {
         display: inline-table;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre {
         height: 40px;
         width: 35%;
         color: rgba(255, 255, 255, 1);
         border-width: 0;
         border-style: solid;
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(101, 190, 186, 1);
         text-align: center;
         padding: 0;
         position: relative;
         left: 0;
         top: 0;
         box-sizing: content-box;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre:hover {
         color: rgba(255, 255, 255, 1);
         border-width: 0;
         border-style: solid;
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(101, 190, 186, 1);
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre:active {
         background-color: rgba(90, 170, 167, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre .font {
         display: table-cell;
         vertical-align: middle;
         bottom: 0;
         font-size: 14px;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre .iconfont {
         display: inline-block;
         color: rgba(255, 255, 255, 1);
         vertical-align: middle;
         width: auto;
         height: auto;
         font-size: 20px;
         position: absolute;
         left: 10px;
         top: 50%;
         transform: translateY(-50%);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre:hover .iconfont {
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre:active .iconfont {
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .pre .iconfont:before {
         content: "\e6b0";
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next {
         height: 40px;
         width: 35%;
         color: rgba(255, 255, 255, 1);
         border-width: 0;
         border-style: solid;
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(101, 190, 186, 1);
         text-align: center;
         padding: 0;
         position: relative;
         left: 0;
         top: 0;
         box-sizing: content-box;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next:hover {
         color: rgba(255, 255, 255, 1);
         border-width: 0;
         border-style: solid;
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(101, 190, 186, 1);
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next:active {
         background-color: rgba(90, 170, 167, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next .font {
         display: table-cell;
         vertical-align: middle;
         bottom: 0;
         font-size: 14px;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next .iconfont {
         display: inline-block;
         color: rgba(255, 255, 255, 1);
         vertical-align: middle;
         width: auto;
         height: auto;
         font-size: 20px;
         position: absolute;
         right: 10px;
         top: 50%;
         transform: translateY(-50%);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next:hover .iconfont {
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next:active .iconfont {
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .next .iconfont:before {
         content: "\e6af";
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .NumBox {
         width: 30%;
         height: 88px;
         border: 1px solid #CDD5D5;
         display: inline-table;
         position: relative;
         cursor: pointer;
         box-sizing: content-box;
         background: #e6e6e6;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .num {
         display: table;
         vertical-align: middle;
         font-size: 32px;
         text-align: center;
         width: auto;
         margin: 0 auto;
         position: absolute;
         overflow: hidden;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .ItemBox {
         position: absolute;
         width: 100%;
         height: auto;
         border: 1px solid #D3D4D4;
         bottom: 90px;
         left: 0;
         max-height: 300px;
         overflow-y: auto;
         z-index: 99;
         border-bottom: none;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .num .iconfont {
         width: 32px;
         height: 32px;
         position: static;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .num .iconfont:before {
         content: "\e69c";
         font-size: 32px;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .NumBox ul li {
         width: inherit;
         height: 80px;
         line-height: 80px;
         text-align: center;
         background-color: #FFFFFE;
         color: #323332;
         font-size: 32px;
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .NumBox ul li .iconfont:before {
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_pagebox .NumBox ul li:active {
         background-color: #e4e4e4;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSummaryBoxA {
         width: auto;
         height: auto;
         position: relative;
         text-align: center;
         margin-bottom: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_CommonThumbnailBox {
         width: auto;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn {
         margin-left: 10px;
         background-color: rgba(191, 191, 191, 1);
         width: 15px;
         height: 15px;
         display: inline-table;
         color: rgba(153, 153, 153, 1);
         font-size: 12px;
         border-radius: 10px;
         -moz-border-radius: 10px;
         text-align: center;
         position: relative;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn.active {
         background-color: #67b8b4;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn .shape {
         background-color: inherit;
         width: inherit;
         height: inherit;
         text-indent: -99999px;
         display: table-cell;
         vertical-align: middle;
         border-radius: inherit;
         -moz-border-radius: inherit;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn img {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn:active {
         background-color: rgba(105, 192, 188, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonInteraction {
         width: 100%;
         height: 100%;
         height: calc(100% - 15px);
         vertical-align: middle;
         position: absolute;
         overflow: visible;
         pointer-events: none;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA .iconfont {
         color: rgba(191, 191, 191, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before {
         content: "\e687";
         font-size: 56px;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA {
         display: inline-block;
         vertical-align: middle;
         cursor: pointer;
         font-size: 56px;
         color: #e2e2e2;
         width: 60px;
         position: absolute;
         top: 50%;
         -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
         pointer-events: all;
         left: 0;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA .iconfont {}

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA .font {
         display: table;
         width: inherit;
         height: inherit;
         pointer-events: none;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB .font {
         display: table;
         width: inherit;
         height: inherit;
         pointer-events: none;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB {
         position: absolute;
         top: 50%;
         right: 0px;
         -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
         pointer-events: all;
         display: inline-block;
         vertical-align: middle;
         cursor: pointer;
         font-size: 56px;
         color: #e2e2e2;
         width: 60px;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB .iconfont {
         color: rgba(191, 191, 191, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before {
         content: "\e6ae";
         font-size: 56px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @media only screen and (min-width: 769px) {
     .c_portalResFriendlink_list-01001 .p_summary {
         color: rgba(102, 102, 102, 1);
         font-size: 14px;
         line-height: 26px;
         text-align: left;
         vertical-align: top;
         word-break: break-all;
     }

     .c_portalResFriendlink_list-01001 .p_nameB {
         display: inline-block;
         margin: 0;
         padding: 0;
         vertical-align: middle;
         color: #969696;
         font-size: 14px;
         text-align: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .font {
         vertical-align: middle;
         line-height: 19px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_title {
         display: inline-table;
         margin: 0;
         min-width: 37px;
         padding: 0;
         color: rgba(51, 51, 51, 1);
         font-weight: 400;
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_title .font {
         vertical-align: middle;
         line-height: 21px;
     }

     .c_portalResFriendlink_list-01001 .p_title:hover {
         color: var(--main-color);
     }

     .c_portalResFriendlink_list-01001 .p_title:active {
         color: rgba(69, 165, 161, 1);
     }

     .c_portalResFriendlink_list-01001 .p_title .iconfont:before {
         display: inline-block;
         content: "";
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB {
         display: inline-block;
         padding: 0;
         color: #707070;
         font-size: 14px;
         text-align: left;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB {
         white-space: nowrap;
         vertical-align: middle;
         line-height: 19px;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:hover {
         text-decoration: underline;
         font-weight: bold;
         cursor: pointer;
         color: #60a9d7;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:active {
         color: #60a9d7;
         font-weight: 400;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkB:active {
         text-decoration: none;
         margin-top: 0;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkB .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_nameA {
         display: inline-block;
         margin: 0;
         padding: 0;
         vertical-align: middle;
         color: #969696;
         font-size: 14px;
         text-align: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .font {
         vertical-align: middle;
         line-height: 19px;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .iconfont:before {
         display: inline-block;
         content: "";
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA {
         display: inline-block;
         padding: 0;
         color: #707070;
         font-size: 14px;
         text-align: left;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA {
         white-space: nowrap;
         vertical-align: middle;
         line-height: 19px;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:hover {
         text-decoration: underline;
         font-weight: bold;
         cursor: pointer;
         color: #60a9d7;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:active {
         color: #60a9d7;
         font-weight: 400;
     }

     a>.e_title.c_portalResFriendlink_list-01001 .p_LinkA:active {
         text-decoration: none;
         margin-top: 0;
     }

     .e_title.c_portalResFriendlink_list-01001 .p_LinkA .iconfont:before {
         display: inline-block;
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_CommonLanternBox {
         margin: 0;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
         width: 100%;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_Linkslist {
         margin: 0;
         width: 880px;
         height: auto;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(255, 255, 255, 1);
         background-color: transparent;
         white-space: nowrap;
     }

     .c_portalResFriendlink_list-01001 .p_Linkslist {
         width: 100%;
         height: auto;
         overflow: hidden;
         white-space: normal;
         background: transparent;
         border: 1px solid #ccc;
     }

     .c_portalResFriendlink_list-01001 .p_links {
         width: auto;
         height: auto;
         border-color: transparent;
         padding: 0;
         overflow: visible;
         font-size: 0;
     }

     .c_portalResFriendlink_list-01001 .p_articles {
         margin: 5px;
         height: auto;
         width: calc((100% - 60px)/2);
         display: inline-block;
         vertical-align: top;
         text-align: left;
         overflow: visible;
     }

     .c_portalResFriendlink_list-01001 .p_LinkA {
         position: static;
         display: inline-block;
         width: 100%;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_images {
         display: block;
         width: 100%;
         height: auto;
         position: relative;
         vertical-align: middle;
         overflow: hidden;
         margin: 0 auto;
     }

     .c_portalResFriendlink_list-01001 .p_thumbnail {
         width: 100%;
         height: auto;
         vertical-align: middle;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .higher .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .widther .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .smaller .p_thumbnail {
         position: absolute;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_thumbnail img {
         width: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_content {
         width: 100%;
         height: auto;
         border-width: 0;
         background-color: transparent;
         margin-top: 15px;
     }

     .c_portalResFriendlink_list-01001 .p_TitleBox {
         width: auto;
         height: auto;
         margin-top: 5px;
     }

     .c_portalResFriendlink_list-01001 .p_nameA {
         vertical-align: bottom;
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .font {
         line-height: 21px;
     }

     .c_portalResFriendlink_list-01001 .p_nameA .iconfont:before {
         content: '\e6ae';
     }

     .c_portalResFriendlink_list-01001 .p_title {
         vertical-align: bottom;
         display: block;
         text-align: justify;
     }

     .c_portalResFriendlink_list-01001 .p_nameA.item_hide+.p_LinkB .p_title {
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_SummaryBox {
         width: auto;
         height: auto;
         margin-top: 5px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB {
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .font {
         line-height: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB .iconfont:before {
         content: '';
     }

     .c_portalResFriendlink_list-01001 .p_summary {
         line-height: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_nameB.item_hide+.p_summary {
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_classificationBox {
         width: 100%;
         height: auto;
         border-bottom: 1px solid #ccc;
         padding: 20px;
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_classificationBox:first-child {
         display: block;
     }

     .c_portalResFriendlink_list-01001 .p_classificationA {
         width: auto;
         height: auto;
         display: inline-block;
         vertical-align: middle;
         float: left;
     }

     .c_portalResFriendlink_list-01001 .p_classificationB {
         width: auto;
         height: auto;
         display: block;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_succ {
         width: auto;
         height: auto;
         min-width: 255px;
         min-height: 113px;
         max-width: 500px;
         background-color: #F7FBFB;
         border: 2px solid #65beba;
         font-size: 22px;
         position: absolute;
         z-index: 9999999999;
     }

     .c_portalResFriendlink_list-01001 .p_succ .iconfont {
         height: auto;
         color: #A2D465;
         margin-right: 20px;
         display: inline-block;
         margin-left: 40px;
     }

     .c_portalResFriendlink_list-01001 .p_succ .iconfont:before {
         content: "\e648";
     }

     .c_portalResFriendlink_list-01001 .p_succ .fontbox {
         display: inline-block;
         vertical-align: top;
         max-width: 386px;
         margin-right: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_succ .promptbox {
         width: auto;
         height: auto;
         margin-top: 35px;
         margin-bottom: 35px;
     }

     .c_portalResFriendlink_list-01001 .p_succ .assistfont {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_succ .closebtn {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_fail {
         width: auto;
         height: auto;
         min-width: 255px;
         min-height: 113px;
         max-width: 500px;
         background-color: #FDFCF3;
         border: 2px solid #FFDC90;
         font-size: 22px;
         position: absolute;
         z-index: 99999999999;
     }

     .c_portalResFriendlink_list-01001 .p_fail .iconfont {
         height: auto;
         color: #FF0000;
         margin-right: 20px;
         display: inline-block;
         margin-left: 40px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .iconfont:before {
         content: "\e641";
     }

     .c_portalResFriendlink_list-01001 .p_fail .fontbox {
         display: inline-block;
         vertical-align: top;
         max-width: 386px;
         margin-right: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .promptbox {
         width: auto;
         height: auto;
         margin-top: 35px;
         margin-bottom: 35px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .assistfont {
         font-size: 14px;
         color: #999999;
         margin-top: 5px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .closebtn {
         font-size: 14px;
         color: #65beba;
         position: absolute;
         right: 15px;
         bottom: 15px;
     }

     .c_portalResFriendlink_list-01001 .p_fail .closebtn:hover {
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_PromptNoneData {
         width: auto;
         background-color: inherit;
         text-align: center;
     }

     .c_portalResFriendlink_list-01001 .p_PromptNoneData .prompt_title .iconfont:before {
         content: "";
     }

     .c_portalResFriendlink_list-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_portalResFriendlink_list-01001 .p_PromptNoneData .prompt_title {
         display: inline-table;
         padding: 0 30px;
         min-height: 200px;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_PromptNoneData .prompt_title .first:before {
         content: "\e6b4";
     }

     .c_portalResFriendlink_list-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_portalResFriendlink_list-01001 .p_PromptNoneData .promptbox {
         width: auto;
         height: 100%;
     }

     .c_portalResFriendlink_list-01001 .p_PromptNoneData .prompt_content {
         font-size: 14px;
         color: rgba(105, 105, 105, 1);
         padding-left: 65px;
     }

     @-moz-keyframes three-quarters-loader {
         0% {
             -moz-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -moz-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     @-webkit-keyframes three-quarters-loader {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     @keyframes three-quarters-loader {
         0% {
             -moz-transform: rotate(0deg);
             -ms-transform: rotate(0deg);
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             -moz-transform: rotate(360deg);
             -ms-transform: rotate(360deg);
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     .loading_animation {
         -moz-animation: three-quarters-loader 850ms infinite linear;
         -webkit-animation: three-quarters-loader 850ms infinite linear;
         animation: three-quarters-loader 850ms infinite linear;
         border: 3px solid #737282;
         border-right-color: transparent;
         border-radius: 16px;
         box-sizing: border-box;
         display: inline-block;
         position: relative;
         overflow: hidden;
         text-indent: -9999px;
         width: 32px;
         height: 32px;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_loading {
         width: 890px;
         height: 70px;
         background-color: #FBFBFC;
         line-height: 70px;
         text-align: center;
         color: #666666;
         font-size: 18px;
     }

     .c_portalResFriendlink_list-01001 .p_loading .iconfont:before {
         content: "";
     }

     .c_portalResFriendlink_list-01001 .p_loading .font {
         display: inline-block;
         margin-left: 20px;
         line-height: 70px;
         height: inherit;
     }

     .c_portalResFriendlink_list-01001 .p_more {
         width: 890px;
         text-align: center;
         padding-right: 20px;
         padding-left: 20px;
         height: 70px;
         background-color: #F6F7F8;
         position: relative;
         border-radius: 0;
         border-width: 0;
         color: rgba(115, 115, 131, 1);
         font-size: 18px;
     }

     .c_portalResFriendlink_list-01001 .p_more:active {
         background-color: #F6F7F8;
     }

     .c_portalResFriendlink_list-01001 .p_more .font {
         vertical-align: middle;
         text-align: inherit;
     }

     .c_portalResFriendlink_list-01001 .p_more .iconfont {
         display: inline;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_more .iconfont:before {
         content: "\e6d1";
     }

     .c_portalResFriendlink_list-01001 .p_moreBox {
         margin: 0;
         width: 236px;
         height: 317px;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_OccupyBox {
         margin: 0;
         width: auto;
         height: auto;
         padding: 0;
         border: none;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn {
         display: inline-block;
         height: 10px;
         width: 100px;
         padding: 0;
         background-color: rgba(228, 228, 228, 1);
         border-width: 1px;
         border-color: transparent;
         color: rgba(153, 153, 153, 1);
         font-size: 12px;
         font-family: "Microsoft YaHei";
         text-align: center;
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn img {
         display: none;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn .shape {
         text-indent: -9999em;
         width: inherit;
         height: inherit;
         vertical-align: middle;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn:hover,
     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn.active {
         background-color: rgba(103, 184, 180, 1);
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn.j-nav-active {
         background-color: rgba(103, 184, 180, 1);
         color: rgba(255, 255, 255, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonThumbnailBox {
         margin: 0;
         width: 236px;
         height: 317px;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSummaryBoxA {
         margin: 0;
         width: 236px;
         height: 317px;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB {
         display: inline-block;
         vertical-align: middle;
         cursor: pointer;
         font-size: 28px;
         color: rgba(154, 155, 155, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before {
         content: "\e6ae";
         display: inline-block;
         font-size: 56px;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB:hover {
         color: rgba(105, 192, 188, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB:hover {
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA {
         display: inline-block;
         vertical-align: middle;
         cursor: pointer;
         font-size: 28px;
         color: rgba(154, 155, 155, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before {
         content: "\e687";
         display: inline-block;
         font-size: 56px;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA:hover {
         color: rgba(105, 192, 188, 1);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA:hover {
         cursor: pointer;
     }

     .c_portalResFriendlink_list-01001 .p_CommonInteraction {
         margin: 0;
         width: 236px;
         height: 317px;
         padding: 0;
         border-width: 1px;
         border-style: none;
         border-color: rgba(228, 228, 228, 0);
         background-color: transparent;
         overflow: hidden;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnA {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 45px;
         color: #e5e5e5;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSwitchBtnB {
         position: absolute;
         top: 50%;
         right: 50%;
         transform: translate(50%, -50%);
         font-size: 45px;
         color: #e5e5e5;
     }

     .c_portalResFriendlink_list-01001 .p_CommonSummaryBoxA {
         width: auto;
         height: auto;
         text-align: center;
         margin-bottom: 20px;
     }

     .c_portalResFriendlink_list-01001 .p_CommonThumbnailBox {
         width: auto;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .d_CommonInteractionA {
         left: 0px;
         width: 60px;
         height: auto;
         vertical-align: middle;
         position: absolute;
         overflow: visible;
         top: 50%;
         transform: translate(0, -50%);
     }

     .c_portalResFriendlink_list-01001 .d_CommonInteractionB {
         right: 0px;
         width: 60px;
         height: auto;
         vertical-align: middle;
         position: absolute;
         overflow: visible;
         top: 50%;
         transform: translate(0, -50%);
     }

     .c_portalResFriendlink_list-01001 .p_CommonSquareNumBtn {
         width: 100px;
         height: 10px;
         margin: 0px 8px;
     }

     .c_portalResFriendlink_list-01001 .p_page {
         width: auto;
         height: auto;
         float: right;
         right: 30px;
         margin-bottom: 10px;
     }

     .c_portalResFriendlink_list-01001 .p_moreBox {
         width: 100%;
         height: auto;
     }

     .c_portalResFriendlink_list-01001 .p_more {
         width: 100%
     }

     .c_portalResFriendlink_list-01001 .p_loading {
         width: 100%
     }

     .p_articles .higher img,
     .higher video {
         width: auto !important;
         height: auto !important;
         left: 50% !important;
         width: 100% !important;
         top: 50% !important;
         -webkit-transform: translate(-50%, -50%) !important;
         -ms-transform: translate(-50%, -50%) !important;
         transform: translate(-50%, -50%) !important;
         position: absolute !important;
     }

     .c_portalResFriendlink_list-01001 .p_title .font {
         vertical-align: middle;
         line-height: 21px;
         text-align: center;
     }
 }

 .video-box {
     width: 100%;
     height: a;
     position: relative;
 }

 .video-box .equipment-video {
     position: absolute;
     top: 0;
     left: 0;
     height: auto;
     width: 100%;
 }

 #pcb-product .owl-carousel .owl-wrapper-outer {
     width: 100%;
 }

 .equipment .equipment_box {
     height: 450px;
     width: 100%;
     position: relative;
 }

 .equipment .item-list {
     position: absolute;
     left: 0;
     top: 0;
 }

 .equipment .equipment-item {
     float: left;
     position: relative;
     width: 100%;
     height: 450px;
     cursor: pointer;
     border-right: 1px solid rgba(255, 255, 255, .3);
     background: rgba(0, 0, 0, .5);
 }

 .equipment .img {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 320px;
     transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     display: none;
 }

 .equipment .equipment-item:hover .img {
     transform: scale(1.1);
     z-index: 2;
 }

 .equipment .item {
     position: relative;
     z-index: 3;
     margin-left: 20px;
     border: 0;
 }

 .equipment .equipment-item-title {
     position: absolute;
     bottom: -95px;
     width: 100%;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     height: 200px;
     padding-bottom: 30px;
 }

 .equipment .owl-controls {
     display: block !important
 }

 .equipment .owl-controls .owl-buttons div {
     top: 145px;
     z-index: 6;
     width: 30px;
     height: 44px;
     padding-top: 8px;
     padding-bottom: 8px;
     font: 44px/44px "宋体";
     color: #fff;
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
 }

 .equipment_title {
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .equipment-item-title .title {
     display: inline-block;
     padding-bottom: 15px;
     padding-top: 40px;
     font-size: 20px;
 }

 .equipment-item-title .border_f90 {
     display: none;
     width: 40px;
     height: 4px;
     background: #f90;
     margin-left: 20px;
 }

 .equipment-item-title.active .border_f90 {
     display: block;
 }

 .equipment-item-title.active {
     background: linear-gradient(to top, var(--main-color), rgba(0, 0, 0, 0));
 }

 .equipment .equipment-item-title span {
     color: #fff;
 }

 .owl-theme .owl-controls .owl-buttons .owl-prev {
     position: absolute;
     display: block;
     width: 50px;
     height: 98px;
     background: url(../image/anniu.png) no-repeat 0;
     top: 50%;
     margin-top: -49px;
     text-indent: 99998px;
 }

 .owl-theme .owl-controls .owl-buttons .owl-next {
     position: absolute;
     display: block;
     width: 50px;
     height: 98px;
     background: url(../image/anniu.png) no-repeat -200px;
     top: 50%;
     margin-top: -49px;
     text-indent: 99998px
 }

 .item-list .owl-controls .owl-buttons .owl-prev {
     left: 0 !important;
 }

 .item-list .owl-controls .owl-buttons .owl-next {
     right: 0 !important;
 }

 .equipment .mb20 {
     margin-bottom: 20px;
 }

 .equipment .dis {
     display: block;
 }

 .g_jc {
     background: url(../image/lcbg2.jpg) no-repeat center top;
 }

 .g_jc_wrap {
     padding-top: 5px;
     width: 1200px;
     margin: 0 auto;
     position: relative;
 }

 .g_jc h2 {
     background: url(https://static201.yun300.cn/img/jctit.jpg?tenantId=199795&viewType=1&v=1656645108000) no-repeat;
     height: 145px;
     text-align: center;
     font-size: 28px;
     font-weight: bold;
     color: #000
 }

 .g_jc h2 em {
     display: block;
     font-size: 22px;
     font-weight: normal;
     color: #333333;
     padding-top: 5px;
 }

 .g_jc h2 span {
     display: block;
     font-size: 14px;
     font-weight: normal;
     color: #c1c2c2;
     text-transform: uppercase;
 }

 .g_jc h2 b {
     color: var(--main-color);
 }

 .g_jc .jctit {
     height: 110px;
 }

 .g_jc .jctit li {
     float: left;
     width: 133px;
     text-align: center;
     font-size: 16px;
     color: #333333;
     background: url(../image/dian1.png) no-repeat center 0;
     padding-top: 53px;
 }

 .g_jc .jctit li.on {
     color: var(--main-color);
     font-weight: bold;
     background: url(../image/dian2.png) no-repeat center 0;
 }

/* .g_jc dl {
     margin-left: 128px;
     position: relative;
 } */

/* .g_jc dt img {
     width: 936px;
     display: block;
 } */

 .g_jc dd {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 936px;
     padding: 20px 0;
     background: rgba(0, 0, 0, 0.8);
     display: none;
 }

 .g_jc h3 {
     height: 36px;
     line-height: 36px;
     text-align: center;
     overflow: hidden;
     font-size: 20px;
     color: #fff;
     font-weight: bold;
 }

 .g_jc p {
     font-size: 15px;
     /* color: #fff; */
     color: #333333;
     line-height: 24px;
     text-align: center;
 }

 .g_jc .next,
 .g_jc .prev {
     width: 40px;
     height: 92px;
     top: 50%;
 }

 .g_jc .next {
     background: url(../image/rjt.png) no-repeat;
     position: absolute;
     right: 50px;
 }

 .g_jc .prev {
     background: url(../image/ljt.png) no-repeat;
     position: absolute;
     left: 50px;
 }

 .g_jc .next:hover,
 .g_jc .prev:hover {
     background-position: right 0;
 }

 .BDiv {
     width: 100%;
     height: 330px;
     background: white;
     vertical-align: middle;
     position: relative;
     vertical-align: top;
     display: block;
     cursor: pointer;
 }

 .BDiv:hover {
     box-shadow: 0 0px 45px 0 rgba(0, 0, 0, .19);
     -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
     transition: all .3s cubic-bezier(.55, 0, .1, 1);
     -webkit-transform: translate3d(0, -1px, 0);
     -ms-transform: translate3d(0, -1px, 0);
     transform: translate3d(0, 0px, 0);
 }

 .Video_Img {
     position: absolute;
     bottom: 75px;
     left: 0;
     width: 100%;
     left: 0;
     width: 100%;
 }

 .Video_Img1 {
     position: absolute;
     top: 28%;
     left: 44%;
     width: 70px;
 }

 .VideoON {
     position: absolute;
     width: 100%;
     height: 284px;
     overflow: hidden;
     object-fit: fill;
 }

 .BP {
     height: 85px;
     padding: 28px 0;
     width: 100.07%;
     padding-left: 26px;
     color: #666666;
     font-size: 20px;
     margin-right: 5px;
     position: absolute;
     bottom: 0;
     background: white;
     margin-right: 0;
 }

 .BSpan {
     display: inline-block;
     border: 1px solid#ff9900;
     color: #ff9900;
     border-radius: 4px;
     font-size: 14px;
     padding: 0 10px;
     vertical-align: 14%;
 }

 .close {
     width: 38px;
     height: 38px;
     background: url(../image/close.jpg) no-repeat center;
     display: block;
     position: absolute;
     right: -50px;
     top: -30px;
     opacity: 0.5;
     cursor: pointer;
 }

 .video_model {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     display: none;
     z-index: 100;
 }

 .video-tc {
     width: 50%;
     height: 540px;
     left: 50%;
     margin-left: -24%;
     position: absolute;
     top: 20%;
     z-index: 100;
 }

 .video-box {
     position: relative;
 }

 .video-box video {
     width: 100%;
     height: auto;
 }

 .time-show {
     position: absolute;
     padding: 10px;
     background: rgba(0, 0, 0, 0.3);
     top: 0;
     left: 0;
     white-space: nowrap;
     color: #fff;
     font-size: 14px;
     line-height: 30px;
 }

 @media only screen and (max-width: 768px) {
     .BDiv {
         height: 270px;
     }

     .VideoON {
         width: 100%;
         height: auto;
     }

     .c_portalResPublic_codeContainer-01001 {
         min-height: 500px;
         width: 100%;
     }

     #w_fimgbox-1557041067278 {
         width: 96% !important;
         margin-top: 0px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 96% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 96% !important;
     }

     #w_grid-1557024169152 #w_common_text-1557024247061 p {
         text-align: center;
     }

     #w_common_text-1557050525115 span {
         font-size: 16px !important;
     }

     #w_common_text-1557050547523 span {
         font-size: 16px !important;
     }

     #w_common_text-1557050633699 span {
         font-size: 14px !important;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResPublic_codeContainer-01001 {
         min-height: 500px;
         width: 100%;
     }

     #w_fimgbox-1557041067278 {
         width: 100% !important;
         margin-top: 20px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 100% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 100% !important;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_fimgbox-1557041067278 {
         width: 100% !important;
         margin-top: 20px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 100% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 100% !important;
     }
 }

 .w_fimg-000 .p_title {
     display: inline-table;
     margin: 0;
     min-width: 37px;
     padding: 0;
     color: rgba(51, 51, 51, 1);
     font-size: 16px;
     font-weight: 400;
     cursor: pointer;
 }

 .w_fimg-000 .p_title .font {
     vertical-align: middle;
     line-height: 21px;
 }

 .w_fimg-000 .p_title:hover {
     color: rgba(87, 177, 173, 1);
 }

 .w_fimg-000 .p_title:active {
     color: rgba(69, 165, 161, 1);
 }

 .w_fimg-000 .p_title .iconfont:before {
     display: inline-block;
     content: "";
 }

 .w_fimg-000 {
     position: relative;
     width: 100%;
     height: auto;
     min-height: 200px;
 }

 .w_fimg-000 .animated {
     width: 100%;
     height: 100%;
     position: relative;
     min-height: inherit;
 }

 .w_fimg-000 .font {
     white-space: nowrap;
 }

 .w_fimg-000 .p_link001 {
     width: 100%;
     height: 100%;
 }

 .w_fimg-000 .p_link002 {
     width: 100%;
     height: 30px;
 }

 .w_fimg-000 .p_box {
     width: 100%;
     height: 100%;
     text-align: center;
     position: static;
 }

 .w_fimg-000 .p_dimage {
     height: inherit;
     overflow: hidden;
     font-size: 0;
 }

 .w_fimg-000 .e_image:hover:after {
     background: transparent;
 }

 .w_fimg-000 .p_dimage:empty {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: #f2f2f2 url(../image/camera.png) no-repeat center;
 }

 .e_FlowCommonStyleBox-001 {
     width: 100%;
     height: auto;
     width-uint: %;
 }

 .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);
 }

 .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-1566009176840 {
         z-index: 9999;
     }

     .w_grid-000>div>.p_gridbox>.p_gridCell {
         width: 100%;
         margin-left: 0;
         margin-top: 0rem;
         margin-bottom: 0rem;
     }

     #w_grid-1589523242597 {
         margin: 0 auto !important;
     }

     #w_fimg-1589528441210 {
         margin: 0 auto !important;
     }

     #w_grid-1566009176840>div>.p_gridbox.on #w_fimg-1598237839726 .p_dimage {
         /* background: url(../image/sj_logo.png); */
         /* background-size: cover; */
     }

     #w_grid-1566009176840>div>.p_gridbox.on img {
         /* opacity: 0; */
     }
 }

 @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;
     }

     #w_grid-1566009176840>div>.p_gridbox.on #w_grid-1598237086546>.w_grid>.p_gridbox {
         min-height: 75px;
         transition: all .4s;
     }

     #w_grid-1566009176840>div>.p_gridbox #w_fimg-1598237839726 {
         transition: all .4s;
     }

     #w_grid-1566009176840>div>.p_gridbox.on #w_fimg-1598237839726 {
         max-width: 200px;
     }

     #w_grid-1566009176840>div>.p_gridbox.on #w_fimg-1598237839726 .p_dimage {
         /* background: url(../image/sj_logo.png); */
         /* background-size: cover; */
     }

     #w_grid-1566009176840>div>.p_gridbox.on img {
         /* opacity: 0; */
     }

     #w_grid-1566009176840>div>.p_gridbox.on #w_grid-1598238027517>.w_grid>.p_gridbox {
         transition: all .4s;
         margin-top: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @media only screen and (max-width: 768px) {
     .c_portalResnav_main-01001001 .p_problemCategory {
         display: block;
     }

     .c_portalResnav_main-01001001 .p_navPc {
         display: none;
     }

     .c_portalResnav_main-01001001 .p_linkBox {
         display: none;
     }

     .c_portalResnav_main-01001001 .p_parent {
         display: block;
     }

     .c_portalResnav_main-01001001 .p_categoryBtn:before {}

     .c_portalResnav_main-01001001 .icon-arrow_up:before {
         content: "\e69a";
     }

     .c_portalResnav_main-01001001 .icon-arrow_down:before {
         content: "\e69c";
     }

     .c_portalResnav_main-01001001 .p_btn-show {
         color: #fff;
         background: #7F7F7F;
     }

     .c_portalResnav_main-01001001 .p_btn-hide {
         width: 10%;
         height: 100%;
         float: left;
         background-color: #7F7F7F;
     }

     .c_portalResnav_main-01001001 .p_category {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 100%;
     }

     .c_portalResnav_main-01001001 .p_parent {
         width: auto;
         height: auto;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         padding: 0 0 0 5px;
     }

     .c_portalResnav_main-01001001 .p_categoryBox {
         overflow-y: auto;
         width: 90%;
         height: 100%;
         float: left;
         background-color: rgb(239, 239, 245);
     }

     .c_portalResnav_main-01001001 .p_categoryBox>.p_parentBox {
         background-color: #FFFFFE !important;
         padding-left: 0px;
     }

     .c_portalResnav_main-01001001 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
     }

     .c_portalResnav_main-01001001 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
         background-color: rgb(239, 239, 245);
         padding-left: 20px;
     }

     .c_portalResnav_main-01001001 .p_childBox .p_parent {
         border-bottom: 1px solid #c0c0c0;
     }

     .c_portalResnav_main-01001001 .p_c-fff {
         display: inline-block;
         margin-top: 10px;
         margin-bottom: 10px;
         color: #fff;
     }

     .c_portalResnav_main-01001001 .p_categoryBtn {
         display: block;
         margin: 12px 5px 10px 0;
         color: #000000;
         font-size: 12px;
     }

     .c_portalResnav_main-01001001 .p_link {
         height: auto;
         vertical-align: middle;
         width: initial;
         margin: 10px 0;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         color: #000;
     }

     .c_portalResnav_main-01001001 {
         width: 640px;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResnav_main-01001001 .p_problemCategory {
         display: none;
     }

     .c_portalResnav_main-01001001 .p_parent {
         display: none;
     }

     .c_portalResnav_main-01001001 .p_navPc {
         display: block;
     }

     .c_portalResnav_main-01001001 .p_linkBox {
         display: block;
     }

     .c_portalResnav_main-01001001 {
         width: auto;
         height: auto;
         overflow: visible;
     }

     .c_portalResnav_main-01001001 .p_category {
         height: 100%;
         width: 100%;
         position: relative;
         background-color: #FFFFFE;
     }

     .clearfix:before,
     .clearfix:after {
         content: "";
         display: block;
         clear: both;
         width: 0;
         height: 0;
         visibility: hidden;
         font-size: 0;
     }

     .c_portalResnav_main-01001001 .p_categoryBox {
         line-height: 24px;
         width: auto;
         float: left;
     }

     .c_portalResnav_main-01001001 .p_categoryBox .p_linkBox {
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         align-items: center;
     }

     .c_portalResnav_main-01001001 .p_categoryBox>.p_parentBox:hover {
         border-top: 3px solid rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001001 .p_categoryBox .p_title {
         height: auto;
         width: auto;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         font-size: 14px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }

     .c_portalResnav_main-01001001 .p_categoryBox .p_title:hover {
         color: rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001001 .p_categoryBtn {
         display: inline-block;
         vertical-align: middle;
         background-color: rgba(255, 255, 255, 0);
         border-color: rgba(255, 255, 255, 0);
         border-style: solid;
         border-width: 0;
         color: rgb(64, 143, 244);
         height: auto;
         width: 14px;
         margin: 0 4px 0 0;
         padding: 0;
         position: static;
         text-align: center;
         color: rgba(217, 217, 217, 1);
     }

     .c_portalResnav_main-01001001 .p_categoryBtn:hover {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001001 .p_categoryBtn:active {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001001 .p_linkBox .iconfont:before {
         content: '';
     }

     .c_portalResnav_main-01001001 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {
         content: '\e65f';
         color: rgb(64, 143, 244);
         font-size: 10px
     }

     .c_portalResnav_main-01001001 .p_categoryBox .p_childBox {
         border: 1px solid rgba(240, 240, 240, 1);
         box-shadow: 2px 1px 2px #c0c0c0;
         z-index: 9;
     }

     .c_portalResnav_main-01001001 .p_categoryBox .p_parentBox {
         position: relative;
         width: 200px;
         height: 40px;
         float: left;
         text-align: center;
     }

     .c_portalResnav_main-01001001 .p_parentBox:last-child .p_linkBox {
         border-bottom: 0 none;
     }

     .c_portalResnav_main-01001001 .p_categoryBox>.p_parentBox>.p_childBox {
         margin-top: 40px;
         left: 0px;
     }

     .c_portalResnav_main-01001001 .p_categoryBox .slideOut {
         position: absolute;
         left: 100%;
         top: 0;
         width: 100%;
         height: auto;
     }

     .c_portalResnav_main-01001001 .top-nav-a1:after {
         content: '';
         position: absolute;
         width: 20px;
         height: 2px;
         background: var(--main-color);
         left: 0;
         bottom: -16px;
         display: none;
     }

     .c_portalResnav_main-01001001 .top-nav {
         padding-right: 25px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .c_portalResnav_main-01001001 a {
     color: #333;
     transition: all .3s ease;
     text-decoration: none;
 }

 .c_portalResnav_main-01001001 .top-nav-wrap {
     display: block;
     font-size: 14px;
     color: #333;
     display: flex;
 }

 .c_portalResnav_main-01001001 .top-nav-wrap .clear {
     clear: both;
 }

 .c_portalResnav_main-01001001 .top-nav-wrap .btlink1 {}

 .c_portalResnav_main-01001001 .top-nav-wrap .btlink8 {
     display: none;
 }

 .c_portalResnav_main-01001001 .top-nav {
     line-height: 24px;
     flex-basis: 33.33%;
 }

 .c_portalResnav_main-01001001 .top-nav.btlink7 {
     margin-right: 0;
 }

 .c_portalResnav_main-01001001 .top-nav-a1 {
     display: block;
     font-size: 18px;
     margin-bottom: 25px;
     color: #adadad;
     position: relative;
 }

 .c_portalResnav_main-01001001 .top-nav-a2 {
     display: block;
     font-size: 14px;
     line-height: 35px;
     margin-bottom: 0px;
     color: #fff;
 }

 .c_portalResnav_main-01001001 .top-nav-a2:hover {
     color: #fff;
 }

 @media (max-width: 768px) {
     .c_portalResnav_main-01001001 .top-nav {
         margin-left: 0;
     }

     .c_portalResnav_main-01001001 .top-nav-wrap {
         display: flex;
         flex-wrap: wrap;
         flex: 0 0 100%;
     }

     .c_portalResnav_main-01001001 .top-nav {
         flex: 0 0 100%;
         margin-right: 0;
     }

     .c_portalResnav_main-01001001 .top-nav-a1 {
         font-size: 14px;
         line-height: 50px;
         margin-bottom: 0;
         border-bottom: 1px solid #d7d7d7;
         position: relative;
     }

     .c_portalResnav_main-01001001 .top-nav-a1::after {
         content: '+';
         position: absolute;
         right: 10px;
         top: 5px;
         color: #fff;
         font-size: 16px;
         font-weight: normal;
     }

     .c_portalResnav_main-01001001 .top-nav.cur .top-nav-a1::after {
         content: '-';
     }

     .c_portalResnav_main-01001001 .footer-sub-hides {
         display: none;
         padding: 10px 15px;
         border-bottom: 1px solid #d7d7d7
     }

     .c_portalResnav_main-01001001 .top-nav-a2 {
         font-size: 13px;
         color: #767676;
         background: url(https://static201.yun300.cn/img/btlink_ico.png?tenantId=199795&viewType=1&v=1656645108000) no-repeat left center;
         background-size: 3px auto;
         line-height: 36px;
         margin-bottom: 0;
     }

     .c_portalResnav_main-01001001 .top-nav.cur .top-nav-a1 {
         background: url(https://static201.yun300.cn/img/btlink_jian.png?tenantId=199795&viewType=1&v=1656645108000) no-repeat right center;
     }
 }

 .bot-inlienav {
     text-align: center;
 }

 .bot-inlienav li {
     display: inline-block;
     position: relative;
     margin: 0 52px;
 }

 .bot-inlienav li:first-child {
     margin: 0 52px 0 0;
 }

 .bot-inlienav li:last-child {
     margin: 0 0 0 52px;
 }

 .bot-inlienav li:after {
     content: '';
     position: absolute;
     width: 1px;
     height: 16px;
     background: #8e8e8e;
     top: 11px;
     right: -50px;
 }

 .bot-inlienav li:last-child:after {
     display: none;
 }

 .bot-inlienav li a {
     font-size: 16px;
     color: #c3c3c3;
     line-height: 40px;
 }

 .bot-inlienav li a:hover {
     color: #fff;
 }

 @media only screen and (max-width: 768px) {
     .c_portalResnav_main-01001 .p_problemCategory {
         display: block;
     }

     .c_portalResnav_main-01001 .p_navPc {
         display: none;
     }

     .c_portalResnav_main-01001 .p_linkBox {
         display: none;
     }

     .c_portalResnav_main-01001 .p_parent {
         display: block;
     }

     .c_portalResnav_main-01001 .p_categoryBtn:before {}

     .c_portalResnav_main-01001 .icon-arrow_up:before {
         content: "\e69a";
     }

     .c_portalResnav_main-01001 .icon-arrow_down:before {
         content: "\e69c";
     }

     .c_portalResnav_main-01001 .p_btn-show {
         color: #fff;
         background: #7F7F7F;
     }

     .c_portalResnav_main-01001 .p_btn-hide {
         width: 10%;
         height: 100%;
         float: left;
         background-color: #7F7F7F;
     }

     .c_portalResnav_main-01001 .p_category {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 100%;
     }

     .c_portalResnav_main-01001 .p_parent {
         width: auto;
         height: auto;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         padding: 0 0 0 5px;
     }

     .c_portalResnav_main-01001 .p_categoryBox {
         overflow-y: auto;
         width: 90%;
         height: 100%;
         float: left;
         background-color: rgb(239, 239, 245);
     }

     .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox {
         background-color: #FFFFFE !important;
         padding-left: 0px;
     }

     .c_portalResnav_main-01001 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
     }

     .c_portalResnav_main-01001 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
         background-color: rgb(239, 239, 245);
         padding-left: 20px;
     }

     .c_portalResnav_main-01001 .p_childBox .p_parent {
         border-bottom: 1px solid #c0c0c0;
     }

     .c_portalResnav_main-01001 .p_c-fff {
         display: inline-block;
         margin-top: 10px;
         margin-bottom: 10px;
         color: #fff;
     }

     .c_portalResnav_main-01001 .p_categoryBtn {
         display: block;
         margin: 12px 5px 10px 0;
         color: #000000;
         font-size: 12px;
     }

     .c_portalResnav_main-01001 .p_link {
         height: auto;
         vertical-align: middle;
         width: initial;
         margin: 10px 0;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         color: #000;
     }

     .c_portalResnav_main-01001 {
         width: 640px;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResnav_main-01001 .p_problemCategory {
         display: none;
     }

     .c_portalResnav_main-01001 .p_parent {
         display: none;
     }

     .c_portalResnav_main-01001 .p_navPc {
         display: block;
     }

     .c_portalResnav_main-01001 .p_linkBox {
         display: block;
     }

     .c_portalResnav_main-01001 {
         width: auto;
         height: auto;
         overflow: visible;
     }

     .c_portalResnav_main-01001 .p_category {
         height: 100%;
         width: 100%;
         position: relative;
         background-color: #FFFFFE;
     }

     .clearfix:before,
     .clearfix:after {
         content: "";
         display: block;
         clear: both;
         width: 0;
         height: 0;
         visibility: hidden;
         font-size: 0;
     }

     .c_portalResnav_main-01001 .p_categoryBox {
         line-height: 24px;
         width: auto;
         float: left;
     }

     .c_portalResnav_main-01001 .p_categoryBox .p_linkBox {
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         align-items: center;
     }

     .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox:hover {
         border-top: 3px solid rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001 .p_categoryBox .p_title {
         height: auto;
         width: auto;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         font-size: 14px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }

     .c_portalResnav_main-01001 .p_categoryBox .p_title:hover {
         color: rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001 .p_categoryBtn {
         display: inline-block;
         vertical-align: middle;
         background-color: rgba(255, 255, 255, 0);
         border-color: rgba(255, 255, 255, 0);
         border-style: solid;
         border-width: 0;
         color: rgb(64, 143, 244);
         height: auto;
         width: 14px;
         margin: 0 4px 0 0;
         padding: 0;
         position: static;
         text-align: center;
         color: rgba(217, 217, 217, 1);
     }

     .c_portalResnav_main-01001 .p_categoryBtn:hover {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001 .p_categoryBtn:active {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001 .p_linkBox .iconfont:before {
         content: '';
     }

     .c_portalResnav_main-01001 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {
         content: '\e65f';
         color: rgb(64, 143, 244);
         font-size: 10px
     }

     .c_portalResnav_main-01001 .p_categoryBox .p_childBox {
         border: 1px solid rgba(240, 240, 240, 1);
         box-shadow: 2px 1px 2px #c0c0c0;
         z-index: 9;
     }

     .c_portalResnav_main-01001 .p_categoryBox .p_parentBox {
         position: relative;
         width: 200px;
         height: 40px;
         float: left;
         text-align: center;
     }

     .c_portalResnav_main-01001 .p_parentBox:last-child .p_linkBox {
         border-bottom: 0 none;
     }

     .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox>.p_childBox {
         margin-top: 40px;
         left: 0px;
     }

     .c_portalResnav_main-01001 .p_categoryBox .slideOut {
         position: absolute;
         left: 100%;
         top: 0;
         width: 100%;
         height: auto;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .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;
 }

 @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%;
     }
 }

 @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';
     }
 }

 @media only screen and (min-width:769px) and (max-width:1024px) {}

 .e_IndexOrdinaryStyleBox-001 {
     width: 100%;
     height: auto;
     width-uint: %;
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_top {
     background-color: transparent;
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_link {
     color: #666666;
     font-size: 14px;
     display: table;
     height: inherit;
     border-width: 0;
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover {
     color: rgba(101, 190, 186, 1);
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_link:active {
     color: rgba(101, 190, 186, 1);
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_top {
     width: auto;
     height: 40px;
 }

 .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .title_icon::before {
     content: "";
 }

 .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .stylebox_link {
     float: right;
     vertical-align: middle;
     margin-right: 15px;
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_link a {
     color: inherit;
     display: table-cell;
     vertical-align: middle;
 }

 .e_IndexOrdinaryStyleBox-001 .link_icon {
     display: inline-block;
     margin-left: 5px;
 }

 .e_IndexOrdinaryStyleBox-001 .link_icon::before {
     content: '\e6af';
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_top_line {
     height: 1px;
     background-color: rgba(240, 240, 240, 1);
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_content {
     border-style: solid;
     border-width: 1px;
     border-color: #f0f0f0;
     width: 100%;
     height: calc(100% - 48px);
     width-uint: %;
 }

 .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line {
     height: 1px;
     background-color: rgba(240, 240, 240, 1);
 }

 * {
     padding: 0;
     margin: 0;
 }

 .pagebox {
     width: 100%;
 }

 .pagebox,
 #-remove--flag {
     width: 100%;
     margin: 0px auto;
 }

 body,
 #-remove--flag {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @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) {}

 @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 (min-width: 769px) and (max-width: 1024px) {}

 @media only screen and (min-width: 769px) and (max-width: 1024px) {}

 @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 (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (min-width:769px) and (max-width: 1024px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {}

 #c_portalResnav_main-15895317150600107 {
     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;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_articles {
     width: calc((100% - 0px)/6);
     margin: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_CommonSummaryBoxA {
     text-align: center;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResFriendlink_list-15982479141006687>div {
     animation-fill-mode: both;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_page .pre .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_page .next .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_more .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResFriendlink_list-15982479141006687 .p_loading .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResFriendlink_list-15982479141006687 .bot-links li {
     display: inline-block;
     font-size: 14px;
     color: #fff;
     line-height: 25px;
     margin-right: 10px;
 }

 #c_portalResFriendlink_list-15982479141006687 .bot-links li a {
     color: #fff;
 }

 #c_portalResFriendlink_list-15982479141006687 {
     width: 100%;
     max-width: 1230px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResnav_main-15982485489128141 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResnav_main-15982485489128141>div {
     animation-fill-mode: both;
 }

 #c_portalResnav_main-15982485489128141 .fr {
     float: right;
 }

 #c_portalResnav_main-15982485489128141 .clearfix:after {
     clear: both;
 }

 #c_portalResnav_main-15982485489128141 .clearfix {
     clear: both;
     *zoom: 1;
 }

 #c_portalResnav_main-15982485489128141 body {
     background-color: #1b1b1b;
 }

 #c_portalResnav_main-15982485489128141 .header {
     width: 100%;
     position: relative;
     top: 0;
     left: 0;
     z-index: 999;
     padding: 0 30px;
     background: rgba(28, 35, 39, 0.8);
 }

 #c_portalResnav_main-15982485489128141 .header .left {
     width: 12%;
 }

 #c_portalResnav_main-15982485489128141 .header .left a img {
     height: 40px;
     margin-top: 6px;
 }

 #c_portalResnav_main-15982485489128141 .header .left .img2 {
     display: none;
 }

 #c_portalResnav_main-15982485489128141 .header .nav {
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     height: 100%;
     line-height: 50px;
     display: block;
 }

 #c_portalResnav_main-15982485489128141 .container {
     width: 100%;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li {
     float: left;
     position: relative;
     display: block;
     width: 114px;
     text-align: center;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li:after {
     content: "";
     width: 0;
     height: 2px;
     background: orangered;
     position: absolute;
     bottom: 0;
     left: 0;
     transition: all 0.5s ease 0s;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li:hover:after {
     width: 100%;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li a {
     text-decoration: none;
     height: 100%;
     padding: 0 25px;
     display: block;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     color: #fff;
     font-size: 16px;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li:hover a {
     color: orangered;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown {
     display: inherit;
     position: relative;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown .jt {
     width: 20px;
     height: 20px;
     background: url(https://static201.yun300.cn/css/i/top.png?tenantId=199795&viewType=1&v=1656645108000) no-repeat;
     background-size: 100% 100%;
     display: block;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown .dropdown_menu {
     display: none;
     position: absolute;
     top: 50px;
     width: 120%;
     background: #fff;
     box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
     left: -10%;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown>.dropdown_menu {
     position: fixed;
     top: auto;
     width: 114px;
     left: auto;
     z-index: 10;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown .dropdown_menu a {
     font-size: 14px;
     color: #666;
     padding: 0 10px;
     line-height: 40px;
     text-align: center;
     background: #fff;
     margin-bottom: 2px;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown:hover .dropdown_menu {
     display: block;
     background: #f3f3f3;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown:hover .dropdown_menu a {
     color: #666;
 }

 #c_portalResnav_main-15982485489128141 .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
     color: #fff;
     background: orange;
 }

 #c_portalResnav_main-15982485489128141 .header.on {
     background: #fff;
     border-bottom: 1px solid #ccc;
 }

 #c_portalResnav_main-15982485489128141 .header.on .left .img1 {
     display: none;
 }

 #c_portalResnav_main-15982485489128141 .header.on .left .img2 {
     display: block;
 }

 #c_portalResnav_main-15982485489128141 .header.on .navbar_nav li a {
     color: #333;
 }

 #c_portalResnav_main-15982485489128141 .header.on .navbar_nav li:hover a {
     color: orangered;
 }

 #c_portalResnav_main-15982485489128141 #navToggle {
     display: none;
 }

 #c_portalResnav_main-15982485489128141 .m_nav {
     position: fixed;
     left: 0;
     top: 0;
     box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
     width: 100%;
     height: 100%;
     background: #fff;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     -webkit-transition: all ease 0.5s;
     z-index: 1000;
     opacity: 1;
     visibility: visible;
     margin-top: 0;
     overflow-y: auto;
     transform: translateX(100%);
 }

 #c_portalResnav_main-15982485489128141 .m_nav.open {
     transform: translateX(0);
 }

 #c_portalResnav_main-15982485489128141 .m_nav .top {
     height: 60px;
     padding: 20px;
     box-sizing: border-box;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .top .closed {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     float: right;
     cursor: pointer;
     font-size: 30px;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .logo {
     width: 100%;
     margin: 0 auto;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .logo img {
     height: 50px;
     display: block;
     margin: 30px auto;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul {
     margin-top: 30px;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li {
     padding: 0 20px;
     border-bottom: 1px solid #f5f5f5;
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
     -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     opacity: 0;
 }

 #c_portalResnav_main-15982485489128141 .m_nav.open .ul li {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(1) {
     -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(2) {
     -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(3) {
     -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(4) {
     -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(5) {
     -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li:nth-child(6) {
     -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li a {
     display: inline-block;
     text-decoration: none;
     color: #333;
     font-size: 16px;
     height: 50px;
     line-height: 50px;
     width: 80%;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li .dropdown_menu {
     display: none;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li.dropdown.active .dropdown_menu {
     display: block;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li .dropdown_menu a {
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
     padding: 0 40px;
     box-sizing: border-box;
     border-bottom: 1px solid #f5f5f5;
 }

 #c_portalResnav_main-15982485489128141 .m_nav .ul li .dropdown_menu a:last-child {
     border: none;
 }

 #c_portalResnav_main-15982485489128141 .banner {
     width: 100%;
 }

 #c_portalResnav_main-15982485489128141 .banner img {
     width: 100%;
 }

 @media screen and (max-width: 768px) {
     #c_portalResnav_main-15982485489128141 .header {
         padding: 0 10px;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle {
         height: 50px;
         padding: 9px 15px;
         display: inline-block;
         float: right;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle span {
         position: relative;
         width: 25px;
         height: 1px;
         margin-top: 19px;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle span:before,
     .header #navToggle span:after {
         content: '';
         position: relative;
         width: 100%;
         height: 1px;
         left: 0;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle span,
     .header #navToggle span:before,
     .header #navToggle span:after {
         -webkit-transition: 0.3s;
         -moz-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
         display: block;
         background: #fff;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle span:before {
         top: 8px;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle span:after {
         bottom: 10px;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle.open span:before {
         top: 10px;
         -webkit-transform: translateY(-11px) rotate(-45deg);
         -moz-transform: translateY(-11px) rotate(-45deg);
         -ms-transform: translateY(-11px) rotate(-45deg);
         -o-transform: translateY(-11px) rotate(-45deg);
         transform: translateY(-11px) rotate(-45deg);
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle.open span:after {
         bottom: 12px;
         -webkit-transform: translateY(10px) rotate(45deg);
         -moz-transform: translateY(10px) rotate(45deg);
         -ms-transform: translateY(10px) rotate(45deg);
         -o-transform: translateY(10px) rotate(45deg);
         transform: translateY(10px) rotate(45deg);
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle.open span {
         background: none;
     }

     #c_portalResnav_main-15982485489128141 .header #navToggle.open span:before,
     .header #navToggle.open span:after {
         background: #fff;
     }

     #c_portalResnav_main-15982485489128141 .header .nav {
         display: none;
     }

     #c_portalResnav_main-15982485489128141 .banner img {
         height: 600px;
         object-fit: cover;
     }

     #c_portalResnav_main-15982485489128141 .jt {
         display: inline-block;
         width: 10%;
         height: 50px;
         line-height: 50px;
         text-align: center;
         vertical-align: top;
         font-size: 1rem;
         transition: all .5s ease;
     }

     #c_portalResnav_main-15982485489128141 .jtRote {
         transform: rotateZ(90deg);
     }
 }

 #c_portalResnav_main-15982485489128141 {
     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;
 }

 #c_portalResPublic_codeContainer-15662008031129831 .toTop {
     display: none;
     position: fixed;
     z-index: 5;
     bottom: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     cursor: pointer;
     background: var(--main-color) url(../image/rBQBG1zOxtmED6SCAAAAAOn2YgE121.png) no-repeat center;
     transition: all .3s linear;
     background-size: 26px !important;
     border-radius: 50%;
 }

 #c_portalResPublic_codeContainer-15662008031129831 .toTop:hover {
     transform: translateY(-6px);
 }

 @media (max-width: 1270px) {
     #c_portalResPublic_codeContainer-15662008031129831 .toTop {
         width: 40px;
         height: 40px;
         right: 0;
         bottom: 0;
     }
 }

 #c_portalResPublic_codeContainer-15662008031129831 {
     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: 1440px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1400px) and (min-width: 769px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 #c_portalResComplaintPage_detail-16031562420016680 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResComplaintPage_detail-16031562420016680>div {
     animation-fill-mode: both;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .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 var(--main-color); */
     height: 482px;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     z-index: 99;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form.cur {
     width: 200px;
     opacity: 1;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz .transition {
     -webkit-transition-duration: .8s;
     -moz-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz .wyz-title {
     background-color: var(--main-color);
     color: #fff;
     padding: 15px 20px 0;
     white-space: nowrap;
     position: relative;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz .wyz-title .cf-close {
     position: absolute;
     left: 166px;
     top: 0;
     padding: 10px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block {
     position: absolute;
     right: 0;
     width: 70px;
     height: 70px;
     background-color: rgba(0, 0, 0, .4);
     border: 1px solid var(--main-color);
     border-right: none;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block:nth-child(1) {
     top: 50px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block:nth-child(2) {
     top: 128px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block:nth-child(3) {
     top: 206px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block:nth-child(4) {
     top: 284px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block:nth-child(5) {
     top: 362px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item {
     width: 100%;
     height: 100%;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-p {
     color: #fff;
     font-size: 12px;
     margin-top: 5px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-in {
     height: 100%;
     display: none;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-in-p {
     color: #fff;
     text-align: center;
     line-height: 68px;
     height: 68px;
     white-space: nowrap;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-in.cur {
     width: 156px;
     background-color: transparent;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-in.cur .wyz-item-in {
     width: 100%;
     display: block;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-in.cur .wyz-item {
     display: none;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-in:before {
     content: "";
     background-color: var(--main-color);
     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-16031562420016680 .wyz-in.cur:before {
     width: 100%;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block.wyz-top {
     display: none;
     cursor: pointer;
     width: 46px;
     height: 46px;
     top: 450px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-item-block.wyz-top .wyz-item-p {
     font-size: 14px;
     margin-top: 0;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-in.wyz-search.cur {
     border-left: none;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form {
     position: absolute;
     width: 0;
     right: 156px;
     bottom: -1px;
     z-index: 999;
     overflow: hidden;
     opacity: 0;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form .cf-form {
     background-color: var(--main-color);
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px 20px 20px;
     border-bottom: 1px solid #20b09f;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form .cf-form-item {
     margin-bottom: 10px;
     font-size: 0;
     white-space: nowrap;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form .cf-form-item:last-of-type {
     margin: 0;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .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-16031562420016680 .wyz-form .verify {
     width: 86px;
     margin-right: 5px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-form .submit {
     width: 160px;
     height: 28px;
     line-height: 28px;
     font-size: 14px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .wyz-qr-show {
     display: none;
     position: absolute;
     z-index: 1;
     border: 1px solid var(--main-color);
     left: -113px;
     top: -43px;
 }

 #c_portalResComplaintPage_detail-16031562420016680 .flex-col {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 #c_portalResComplaintPage_detail-16031562420016680 {
     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;
 }

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 #c_portalResPublic_codeContainer-16082767584915878 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1566009176840 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1566009176840>div {
     animation-fill-mode: both;
 }

 #w_grid-1566009176840>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 #w_grid-1566009176840>div>.p_gridbox {
     background: rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 #w_grid-1566009176840>div>.p_gridbox.on {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1566009176840>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1598237086546 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1598237086546>div {
     animation-fill-mode: both;
 }

 #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1598237086546>div>.p_gridbox {
         min-height: 61px;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 60px;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: calc(100% - 60px);
         padding: 6px 0 6px 10px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598237086546>div>.p_gridbox {
         min-height: 75px;
         display: flex;
         align-items: center;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: calc(100% - 300px);
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 300px;
     }

     #w_grid-1598237086546>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_fimg-1598237839726 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1598237839726>div {
     animation-fill-mode: both;
 }

 #w_fimg-1598237839726 .p_dimage img {
     opacity: 1;
     transition: all .4s;
 }

 @media only screen and (max-width: 768px) {
     #w_fimg-1598237839726 .p_dimage {
         text-align: left;
         max-width: 150px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_fimg-1598237839726 #w_grid-1566009176840>div>.p_gridbox.on #w_fimg-1598237839726 .p_dimage {
         /* background: url(../image/sj_logo.png) !important; */
         /* background-size: cover; */
     }
 }

 #w_grid-1598238027517>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598238027517>div>.p_gridbox {
         margin-top: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1567499140195>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-1566009208695>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1566009208695 .p_gridbox {
     overflow: inherit;
 }

 #w_grid-1566009208695 .p_gridbox::after {
     content: '';
     display: block;
     clear: both;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1589531647737>div>.p_gridbox {
     background-color: rgba(51, 51, 51, 1);
 }

 #w_grid-1589531647737 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1589531647737>div {
     animation-fill-mode: both;
 }

 #w_grid-1589531647737>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0;
         margin-top: 2rem;
         margin-left: 0px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1589531647737>div>.p_gridbox {
         padding-bottom: 0;
     }

     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell {
         margin-left: 0px;
     }

     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell {
         margin-bottom: 2rem;
         margin-top: 4rem;
         margin-left: 0px;
     }

     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1589531647737>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 #w_grid-1598239933478>div>.p_gridbox {
     background-color: var(--main-color);
 }

 #w_grid-1598239933478 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1598239933478>div {
     animation-fill-mode: both;
 }

 #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 #w_grid-1598239933478 .p_gridbox {
     overflow: inherit;
 }

 #w_grid-1598239933478 .p_gridbox::after {
     content: '';
     display: block;
     clear: both;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1598239933478>div>.p_gridbox {
         display: none;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598239933478>div>.p_gridbox {
         min-height: 60px;
         margin-top: -30px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.8)
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: calc(100% - 270px);
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 270px;
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598239933478>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1598240369478>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598240369478>div>.p_gridbox {
         padding: 10px 0 0 48px;
     }

     #w_grid-1598240369478 div.reset_style:nth-child(1) {
         display: inline-block;
         margin-right: 10px;
         vertical-align: middle;
     }

     #w_grid-1598240369478 .reset_style:nth-child(1) p * {
         font-size: 28px !important;
         color: #fff !important;
     }

     #w_grid-1598240369478 div.reset_style:nth-child(2) {
         display: inline-block;
         vertical-align: middle;
         position: relative;
         padding-right: 35px;
     }

     #w_grid-1598240369478 .reset_style:nth-child(2):after {
         content: '';
         position: absolute;
         right: 0;
         top: 7px;
         width: 0;
         height: 0;
         border-top: 6px transparent solid;
         border-bottom: 6px transparent solid;
         border-left: 6px #fff solid;
     }

     #w_grid-1598240369478 .reset_style:nth-child(2) p * {
         font-size: 16px !important;
         color: #fff !important;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1598247913585 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1598247913585>div {
     animation-fill-mode: both;
 }

 #w_grid-1598247913585>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598247913585>div>.p_gridbox {
         padding-left: 10px;
     }

     #w_grid-1598247913585>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1598247913585>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598247913585>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1598248486695>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1598248486695>div>.p_gridbox {
         display: none;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598248486695>div>.p_gridbox {
         padding: 40px 0;
         border-bottom: 1px #4d4d4d solid;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1589531647743 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1589531647743>div {
     animation-fill-mode: both;
 }

 #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1589531647743>div>.p_gridbox {
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-bottom: 20px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1589531647743>div>.p_gridbox {
         margin-top: 40px;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell {
         position: relative;
         padding: 20px 0 30px 0;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:after {
         content: '';
         width: 1px;
         background: #656565;
         height: 260px;
         position: absolute;
         right: 0;
         top: 0;
         display: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:last-child:after {
         display: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(3n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1589531647743>div>.p_gridbox {
         margin-top: 40px;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell {
         position: relative;
         padding: 20px 0 30px 0;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:after {
         content: '';
         width: 1px;
         background: #656565;
         height: 260px;
         position: absolute;
         right: 0;
         top: 0;
         display: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:last-child:after {
         display: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1589531647743>div>.p_gridbox>.p_gridCell:nth-child(3n) {
         margin-right: 0;
     }
 }

 #w_grid-1600408638005 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1600408638005>div {
     animation-fill-mode: both;
 }

 #w_grid-1600408638005>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600408638005>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-bottom: 20px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600408638005>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1600408638005>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1600408638005>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1600408638005>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1600408652629>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600408652629 .reset_style:nth-child(1) p * {
         font-size: 16px !important;
         color: #adadad !important;
     }

     #w_grid-1600408652629 .reset_style:nth-child(1) {
         margin-bottom: 12px;
     }

     #w_grid-1600408652629 .reset_style:nth-child(2) p * {
         font-size: 26px !important;
         color: #f39800 !important;
     }

     #w_grid-1600408652629 .reset_style:nth-child(2) {
         margin-bottom: 10px;
     }

     #w_grid-1600408652629 .reset_style:nth-child(3) p * {
         font-size: 14px !important;
         color: #fff !important;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600408652629 .reset_style:nth-child(1) p * {
         font-size: 18px !important;
         color: #adadad !important;
     }

     #w_grid-1600408652629 .reset_style:nth-child(1) {
         margin-bottom: 20px;
     }

     #w_grid-1600408652629 .reset_style:nth-child(2) p * {
         font-size: 36px !important;
         color: #f39800 !important;
     }

     #w_grid-1600408652629 .reset_style:nth-child(2) {
         margin-bottom: 15px;
     }

     #w_grid-1600408652629 .reset_style:nth-child(3) p * {
         font-size: 14px !important;
         color: #fff !important;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1589531647757 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1589531647757>div {
     animation-fill-mode: both;
 }

 #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1589531647757>div>.p_gridbox {
         margin-top: 30px;
     }

     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1589531647757>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_fimg-1598250356648 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1598250356648>div {
     animation-fill-mode: both;
 }

 #w_fimg-1598250674606 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1598250674606>div {
     animation-fill-mode: both;
 }

 #w_grid-1603156633148>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-1600409627012>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1600409627012>div>.p_gridbox {
     border-top: 1px #5c5c5c solid;
     border-bottom: 1px #5c5c5c solid;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600409627012>div>.p_gridbox {
         padding: 15px 0;
     }

     #w_grid-1600409627012>div>.p_gridbox>.p_gridCell>div.w_grid-000 {
         margin-bottom: 10px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600409627012>div>.p_gridbox {
         padding: 15px 0;
     }

     #w_grid-1600409627012>div>.p_gridbox>.p_gridCell>div.w_grid-000 {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600409627012>div>.p_gridbox>.p_gridCell>div.w_grid-000:nth-child(1) {
         margin-right: 50px;
     }

     #w_grid-1600409627012>div>.p_gridbox>.p_gridCell>div.w_grid-000:nth-child(2) {
         margin-right: 175px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1600409861579>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600409861579 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600409861579 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600409861579 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600409861579 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600409861579 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600409861579 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600409861579 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600409861579 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1600410393756>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600410393756 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600410393756 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600410393756 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600410393756 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600410393756 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600410393756 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600410393756 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600410393756 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1600410395445>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1600410395445 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600410395445 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600410395445 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600410395445 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1600410395445 div.reset_style {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1600410395445 div.w_fimg-000 {
         display: inline-block;
         vertical-align: middle;
         margin-right: 5px;
     }

     #w_grid-1600410395445 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #adadad !important;
     }

     #w_grid-1600410395445 .reset_style:nth-child(1) {
         margin-right: 5px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1589531695425>div>.p_gridbox {
     background-color: rgba(51, 51, 51, 1);
 }

 #w_grid-1589531695425 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1589531695425>div {
     animation-fill-mode: both;
 }

 #w_grid-1589531695425>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1589531695425>div>.p_gridbox {
         padding: 10px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1589531695425>div>.p_gridbox {
         padding: 15px 0;
     }

     #w_grid-1589531695425>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1589531695425>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1589531695425>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1589531695430>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1589531695430>div>.p_gridbox {
         padding: 0 10px;
     }

     #w_grid-1589531695430>div>.p_gridbox>.p_gridCell {
         text-align: center;
     }

     #w_grid-1589531695430 .reset_style:nth-child(1) p * {
         font-size: 12px !important;
         color: #8e8e8e !important;
     }

     #w_grid-1589531695430 .reset_style:nth-child(1) p a:hover {
         color: #fff !important;
     }

     #w_grid-1589531695430 div.reset_style:nth-child(1) {
         width: 100%;
         margin-bottom: 8px;
     }

     #w_grid-1589531695430 div.w_fimg-000:nth-child(2) {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1589531695430 div.c_portalResPublic_codeContainer-01001:nth-child(3) {
         display: inline-block;
         vertical-align: middle;
         margin-left: 10px
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1589531695430>div>.p_gridbox>.p_gridCell {
         text-align: center;
     }

     #w_grid-1589531695430 .reset_style:nth-child(1) p * {
         font-size: 14px !important;
         color: #8e8e8e !important;
     }

     #w_grid-1589531695430 .reset_style:nth-child(1) p a:hover {
         color: #fff !important;
     }

     #w_grid-1589531695430 div.reset_style:nth-child(1) {
         width: auto;
         display: inline-block;
         margin-right: 10px;
         vertical-align: middle;
     }

     #w_grid-1589531695430 div.w_fimg-000:nth-child(2) {
         display: inline-block;
         vertical-align: middle;
     }

     #w_grid-1589531695430 div.c_portalResPublic_codeContainer-01001:nth-child(3) {
         display: inline-block;
         vertical-align: middle;
         margin-left: 10px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_fimg-1605229204318 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1605229204318>div {
     animation-fill-mode: both;
 }

 #w_grid-1566009176840 {
     position: fixed;
     top: 0px;
     left: 0px;
     bottom: auto;
     right: auto;
     transform: none;
     width: 100%;
     height: auto;
     z-index: 11;
     content: "lt";
     max-width: none;
     min-width: 0px;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     -webkit-transform: none;
 }

 #w_grid-1598237086546 {
     width: auto;
     max-width: 1400px;
     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_fimg-1598237839726 {
     width: 100%;
     max-width: 200px;
     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;
 }

 #w_grid-1598238027517 {
     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-1567499140195 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     /* min-height: 734px; */
     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-1566009208695 {
     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-1589531647737 {
     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-1598239933478 {
     width: 100%;
     max-width: var(--main-width);
     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: 20px; */
     /* padding-right: 20px; */
     padding-bottom: 0px;
 }

 #w_grid-1598240369478 {
     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-1598240371627 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 10px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1598240399629 {
     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: 35px;
     padding-bottom: 0px;
 }

 #w_grid-1598247913585 {
     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-1598248486695 {
     width: 100%;
     max-width: 1340px;
     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: 20px;
     padding-right: 20px;
     padding-bottom: 0px;
 }

 #w_grid-1589531647743 {
     width: 100%;
     max-width: 1340px;
     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: 20px;
     padding-right: 20px;
     padding-bottom: 0px;
 }

 #w_grid-1600408638005 {
     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-1600408652629 {
     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-1600408657097 {
     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: 20px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1600408671289 {
     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: 15px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1600408678868 {
     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;
 }

 #w_grid-1589531647757 {
     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_fimg-1598250356648 {
     width: 100%;
     max-width: 122px;
     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-1598250378810 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1598250674606 {
     width: 100%;
     max-width: 122px;
     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-1598250678929 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1603156633148 {
     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-1600409627012 {
     width: 100%;
     max-width: 1340px;
     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: 20px;
     padding-right: 20px;
     padding-bottom: 0px;
 }

 #w_grid-1600409861579 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: 50px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1600410078895 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1600410091270 {
     width: 100%;
     max-width: 40px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1600410132918 {
     width: 100%;
     max-width: 33px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1600410134734 {
     width: 100%;
     max-width: 69px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1600410393756 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: 175px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1600410393763 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1600410393766 {
     width: 100%;
     max-width: 221px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1600410395445 {
     width: auto;
     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-1600410395451 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1600410395455 {
     width: 100%;
     max-width: 344px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1589531695425 {
     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-1589531695430 {
     width: 100%;
     max-width: 1300px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 25px;
     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-1589531695434 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 10px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1605229204318 {
     width: 100%;
     max-width: 80px;
     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: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {}

 @media only screen and (max-width: 1280px) and (min-width: 768px) {}

 #c_portalResnav_main-15982380277736372 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResnav_main-15982380277736372>div {
     animation-fill-mode: both;
 }

 #c_portalResnav_main-15982380277736372 .clearfix:after {
     clear: both;
 }

 #c_portalResnav_main-15982380277736372 .clearfix {
     clear: both;
     *zoom: 1;
 }

 #c_portalResnav_main-15982380277736372 .header {
     width: 100%;
     position: relative;
     top: 0;
     left: 0;
     z-index: 999;
     padding: 0;
 }

 #c_portalResnav_main-15982380277736372 .lisa {
     color: var(--main-color) !important;
 }

 #c_portalResnav_main-15982380277736372 .lisa:after {
     /* width: 100% !important;
     content: "";
     height: 3px;
     background: var(--main-color);
     position: absolute;
     bottom: 0;
     left: 0;
     transition: all 0.5s ease 0s; */
 }

 #c_portalResnav_main-15982380277736372 .header .left {
     width: 12%;
 }

 #c_portalResnav_main-15982380277736372 .header .left a img {
     height: 40px;
     margin-top: 6px;
 }

 #c_portalResnav_main-15982380277736372 .header .left .img2 {
     display: none;
 }

 #c_portalResnav_main-15982380277736372 .header .nav {
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     height: 100%;
     line-height: 50px;
     display: block;
     margin-top: 13px!important;
 }

 #c_portalResnav_main-15982380277736372 .container {
     width: 100%;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li {
     float: left;
     position: relative;
     display: block;
     text-align: center;
     margin-left: 45px;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav>li:first-child {
     margin-left: 0;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li:after {
     content: "";
     width: 0;
     height: 3px;
     background: var(--main-color);
     position: absolute;
     bottom: 0;
     left: 0;
     transition: all 0.5s ease 0s;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li:hover:after {
     width: 100%;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li a {
     text-decoration: none;
     height: 100%;
     padding: 0;
     display: block;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     color: #fff;
     font-size: 16px;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li:hover a {
     color: var(--main-color);
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown {
     display: inherit;
     position: relative;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown .jt {
     width: 20px;
     height: 20px;
     background: url(https://static201.yun300.cn/css/i/top.png?tenantId=199795&viewType=1&v=1656645108000) no-repeat;
     background-size: 100% 100%;
     display: block;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown .dropdown_menu {
     display: none;
     position: absolute;
     top: 50px;
     width: 120%;
     background: #fff;
     box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
     left: -10%;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown>.dropdown_menu {
     position: fixed;
     top: auto;
     width: 114px;
     left: auto;
     z-index: 10;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown .dropdown_menu a {
     font-size: 14px;
     color: #666;
     padding: 0 10px;
     line-height: 40px;
     text-align: center;
     background: #fff;
     margin-bottom: 2px;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown:hover .dropdown_menu {
     display: block;
     background: #f3f3f3;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown:hover .dropdown_menu a {
     color: #666;
 }

 #c_portalResnav_main-15982380277736372 .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
     color: #fff;
     background: orange;
 }

 #c_portalResnav_main-15982380277736372 .header.on .left .img1 {
     display: none;
 }

 #c_portalResnav_main-15982380277736372 .header.on .left .img2 {
     display: block;
 }

 #c_portalResnav_main-15982380277736372 .header.on .navbar_nav li a {
     color: #333;
 }

 #c_portalResnav_main-15982380277736372 .header.on .navbar_nav li:hover a {
     color: var(--main-color);
 }

 #c_portalResnav_main-15982380277736372 #navToggle {
     display: none;
 }

 #c_portalResnav_main-15982380277736372 .m_nav {
     position: fixed;
     left: 0;
     top: 0;
     box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
     width: 100%;
     height: 100%;
     background: #fff;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     -webkit-transition: all ease 0.5s;
     z-index: 1000;
     opacity: 1;
     visibility: visible;
     margin-top: 0;
     overflow-y: auto;
     transform: translateX(100%);
 }

 #c_portalResnav_main-15982380277736372 .m_nav.open {
     transform: translateX(0);
 }

 #c_portalResnav_main-15982380277736372 .m_nav .top {
     height: 60px;
     padding: 20px;
     box-sizing: border-box;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .top .closed {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     float: right;
     cursor: pointer;
     font-size: 30px;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .logo {
     width: 100%;
     margin: 0 auto;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .logo img {
     height: 50px;
     display: block;
     margin: 30px auto;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul {
     margin-top: 30px;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li {
     padding: 0 20px;
     border-bottom: 1px solid #f5f5f5;
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
     -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     opacity: 0;
 }

 #c_portalResnav_main-15982380277736372 .m_nav.open .ul li {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }
 @media (min-width: 768px) {
    #c_portalResnav_main-15982380277736372 .m_nav.open .ul li:hover {
        background: var(--main-color);
    }
   
    #c_portalResnav_main-15982380277736372 .m_nav.open .ul li:hover a {
        color: #fff;
    }
   
}
 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(1) {
     -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(2) {
     -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(3) {
     -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(4) {
     -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(5) {
     -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li:nth-child(6) {
     -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
     transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li a {
     display: inline-block;
     text-decoration: none;
     color: #333;
     font-size: 16px;
     height: 50px;
     line-height: 50px;
     width: 80%;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li .dropdown_menu {
     display: none;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li.dropdown.active .dropdown_menu {
     display: block;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li .dropdown_menu a {
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
     padding: 0 40px;
     box-sizing: border-box;
     border-bottom: 1px solid #f5f5f5;
 }

 #c_portalResnav_main-15982380277736372 .m_nav .ul li .dropdown_menu a:last-child {
     border: none;
 }

 #c_portalResnav_main-15982380277736372 .banner {
     width: 100%;
 }

 #c_portalResnav_main-15982380277736372 .banner img {
     width: 100%;
 }

 @media only screen and (min-width: 769px) {
     #c_portalResnav_main-15982380277736372 .header {
         min-height: 75px;
     }

     #c_portalResnav_main-15982380277736372 .container {
         min-height: 75px;
         padding: 0;
         text-align: right;
     }

     #c_portalResnav_main-15982380277736372 .header .nav {
         display: inline-block;
     }

     #c_portalResnav_main-15982380277736372 .top-login {
         display: inline-block;
         vertical-align: top;
     }

     #c_portalResnav_main-15982380277736372 .top-login li {
         display: inline-block;
         margin: 0 0 0 20px;
         line-height: 75px;
         font-size: 16px;
     }

     #c_portalResnav_main-15982380277736372 .top-login li a {
         color: #fff;
     }

     #c_portalResnav_main-15982380277736372 .header.on .top-login li a {
         color: #333;
     }

     #c_portalResnav_main-15982380277736372 .top-login li.top_car a {
         display: block;
         line-height: 75px;
         padding: 0 14px 0 45px;
         background: url(../image/top_car.png) 7px center no-repeat;
         color: #fff;
     }

     #c_portalResnav_main-15982380277736372 .header.on .top-login li.top_car a {
         background: var(--main-color) url(../image/top_car.png) 7px center no-repeat;
         color: #fff;
     }
 }

 @media only screen and (max-width: 1400px) and (min-width: 1280px) {
     #c_portalResnav_main-15982380277736372 .header .navbar_nav li a {
         font-size: 14px;
     }

     #c_portalResnav_main-15982380277736372 .top-login li {
         font-size: 14px;
     }
 }

 @media only screen and (max-width: 1280px) and (min-width: 768px) {
     #c_portalResnav_main-15982380277736372 .header .navbar_nav li a {
         font-size: 14px;
     }

     #c_portalResnav_main-15982380277736372 .top-login li {
         font-size: 14px;
     }

     #c_portalResnav_main-15982380277736372 .header .navbar_nav li {
         margin-left: 20px;
     }
 }

 @media screen and (max-width: 768px) {
     #c_portalResnav_main-15982380277736372 .header {
         padding: 0;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle {
         height: 50px;
         padding: 9px 15px;
         display: inline-block;
         float: right;
         margin-top: 0px;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle span {
         position: relative;
         width: 25px;
         height: 1px;
         margin-top: 19px;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle span:before,
     .header #navToggle span:after {
         content: '';
         position: relative;
         width: 100%;
         height: 1px;
         left: 0;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle span,
     .header #navToggle span:before,
     .header #navToggle span:after {
         -webkit-transition: 0.3s;
         -moz-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
         display: block;
         background: #fff;
     }

     #c_portalResnav_main-15982380277736372 .header.on #navToggle span,
     .header.on #navToggle span:before,
     .header.on #navToggle span:after {
         background: #333;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle span:before {
         top: 8px;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle span:after {
         bottom: 10px;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle.open span:before {
         top: 10px;
         -webkit-transform: translateY(-11px) rotate(-45deg);
         -moz-transform: translateY(-11px) rotate(-45deg);
         -ms-transform: translateY(-11px) rotate(-45deg);
         -o-transform: translateY(-11px) rotate(-45deg);
         transform: translateY(-11px) rotate(-45deg);
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle.open span:after {
         bottom: 12px;
         -webkit-transform: translateY(10px) rotate(45deg);
         -moz-transform: translateY(10px) rotate(45deg);
         -ms-transform: translateY(10px) rotate(45deg);
         -o-transform: translateY(10px) rotate(45deg);
         transform: translateY(10px) rotate(45deg);
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle.open span {
         background: none;
     }

     #c_portalResnav_main-15982380277736372 .header #navToggle.open span:before,
     .header #navToggle.open span:after {
         background: #fff;
     }

     #c_portalResnav_main-15982380277736372 .header .nav {
         display: none;
     }

     #c_portalResnav_main-15982380277736372 .banner img {
         height: 600px;
         object-fit: cover;
     }

     #c_portalResnav_main-15982380277736372 .jt {
         display: inline-block;
         width: 10%;
         height: 50px;
         line-height: 50px;
         text-align: center;
         vertical-align: top;
         font-size: 1rem;
         transition: all .5s ease;
     }

     #c_portalResnav_main-15982380277736372 .jtRote {
         transform: rotateZ(90deg);
     }
 }

 #c_portalResnav_main-15982380277736372 {
     max-height: none;
     padding-top: 0px;
     padding-left: 0px;
     padding-bottom: 0px;
     min-height: 0px;
     margin-right: 0px;
     margin-left: 0px;
     max-width: none;
     width: auto;
     margin-top: 0px;
     margin-bottom: 0px;
     min-width: 0px;
     height: 100%;
     padding-right: 0px;
 }