.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: #47b4af;
 }

 .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: #47b4af;
   padding-left: 15px;
   padding-right: 15px;
   font-size: 0;
   vertical-align: bottom;
   white-space: nowrap;
 }

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

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

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

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

 .e_FlowCommonStyleBox-001 .stylebox_content {
   border-style: solid;
   border-width: 1px;
   border-color: #f0f0f0;
   width: 100%;
   width-uint: %;
 }

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

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

 .content {}

 .containerr {
   padding: 0 50px;
 }

 .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox .p_linkBox:hover {
   #background: #e6f7ff;
 }

 @media only screen and (max-width:768px) {
   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
   }

   .c_portalResProduct_category-01001 .p_btn-show {
     display: inline-block;
   }

   .c_portalResProduct_category-01001 .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     width: 100%;
   }

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

   .c_portalResProduct_category-01001 .p_childBox .p_parentBox {
     background: #FFFFFF;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_parentBox .p_linkBox {
     background: #939393;
     width: 100%;
     border-bottom: 1px solid #d5d5d6;
   }

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_childBox {
     background: #efeff4;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }

   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
     background: #fff;
   }

   .c_portalResProduct_category-01001 .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
     height: 50px;
   }

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

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
     content: '\e69a';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
     content: '\e69c';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px;
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_childBox {
     background: #efeff4;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }

   .c_portalResProduct_category-01001 .p_btn-show .p_c-fff {
     color: #fff;
   }

   .c_portalResProduct_category-01001 .p_btn-show .p_c-fff {
     margin: 0 0 0 10px;
     vertical-align: middle;
     width: auto;
     float: right;
     line-height: 50px;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     overflow-y: auto;
     height: 100%;
     float: left;
   }
 }

 @media only screen and (min-width:769px) and (max-width: 1024px) {
   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_category {
     height: 100%;
     width: 100%;
     position: relative;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
   }

   .c_portalResProduct_category-01001 .p_btn-show {
     display: none;
   }

   .e_title .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
   }

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

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_childBox .p_parentBox {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
     content: '\e6c9';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
     content: '\e6c8';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_btn-hide {
     width: 10%;
     height: 100%;
     display: none;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }

   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_category {
     height: 100%;
     width: 100%;
     position: relative;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
   }

   .e_title .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
   }

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

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_linkBox .iconfont:before {}

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
     content: '\e6c9';
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
     content: '\e6c8';
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }
 }

 @media only screen and (min-width:1024px) {
   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_category {
     height: 100%;
     width: 100%;
     position: relative;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
   }

   .e_title .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
   }

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

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
     content: '\e6c9';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
     content: '\e6c8';
     color: #7B7B7E;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }

   .c_portalResProduct_category-01001 {
     height: auto;
     width: 280px;
     overflow: visible;
   }

   .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
     width: 100%;
   }

   .c_portalResProduct_category-01001 .p_category {
     height: 100%;
     width: 100%;
     position: relative;
   }

   .c_portalResProduct_category-01001 .p_categoryBox {
     line-height: 24px;
   }

   .c_portalResProduct_category-01001 .p_btn-show {
     display: none;
   }

   .c_portalResProduct_category-01001 .p_title {
     font-size: 16px;
   }

   .c_portalResProduct_category-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;
     padding: 5px 10px;
     border-bottom: 1px solid #fff;
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_title {
     height: auto;
     width: auto;
     -webkit-flex: 1;
     -moz-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -moz-box-flex: 1;
     -webkit-box-flex: 1;
     box-flex: 1;
     font-size: 18px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     align-items: center;
   }

   .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
     height: auto;
     width: 14px;
     margin: 0 4px 0 0;
     padding: 0;
     position: static;
     text-align: center;
     font-size: 14px;
     color: rgba(217, 217, 217, 1);
   }

   .c_portalResProduct_category-01001 .p_categoryBtn:active {
     border-width: 0;
     border-style: solid;
     color: rgba(101, 190, 186, 1);
     border-color: rgba(255, 255, 255, 0);
     background-color: rgba(255, 255, 255, 0);
     box-shadow: none;
   }

   .c_portalResProduct_category-01001 .p_linkBox .c {
     content: '\e6c9';
   }

   .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
     content: '\e6c8';
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
     padding-left: 20px
   }

   .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
     position: relative;
     height: auto;
   }

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

   .c_portalResProduct_category-01001 .p_image {
     width: 30px;
     height: 30px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }

   .c_portalResProduct_category-01001 .p_image>img {
     width: 100%;
     height: 100%;
   }

   .c_portalResProduct_category-01001 .p_num .iconfont:before {
     content: ''
   }

   .c_portalResProduct_category-01001 .p_num {
     color: #ccc;
   }

   .c_portalResProduct_category-01001 .p_childBox .p_num {
     color: #333;
   }

   .c_portalResProduct_category-01001 .p_btn-hide {
     width: 10%;
     height: 100%;
     background-color: #7F7F7F;
     display: none;
   }

   .c_portalResProduct_category-01001 .p_parentBox {
     background: #fff;
     color: #000;
   }
 }

 #c_portalResProduct_list-15744840310264570 .container {
   width: 100% !important;
 }

 #c_portalResProduct_list-15744840310264570 .col-md-4 {
   width: 25%;
 }

 @media screen and (max-width: 768px) {
   #c_portalResProduct_list-15744840310264570 .col-md-4 {
     width: 50%;
     float: left;
   }
 }

 #c_portalResProduct_list-15744840310264570 .p_CommonSummaryBoxA {
   margin: 20px 0;
 }

 .e_FlowCommonStyleBox-001 .stylebox_top {
   background: none;
 }

 .e_FlowCommonStyleBox-001 .stylebox_title {
   background: none;
 }

 .e_FlowCommonStyleBox-001 .stylebox_content {
   border: none;
 }

 @media only screen and (max-width:768px) {
   .c_portalResProduct_list-01001 {
     overflow: hidden;
     width: 100%;
     height: auto;
     min-width: 640px;
     margin-left: 0;
     margin-right: 0;
   }

   .c_portalResProduct_list-01001 .p_ProductList {
     margin: 0;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden;
     background-color: transparent;
     white-space: normal;
     font-size: 0;
   }

   .c_portalResProduct_list-01001 .p_categorySummaryBox {
     padding: 15px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.09);
   }

   .c_portalResProduct_list-01001 .p_categorySummary {
     color: rgba(0, 0, 0, 0.45);
     font-size: 14px;
     line-height: 22px;
     text-align: left;
     vertical-align: top;
     word-break: break-all;
   }

   .c_portalResProduct_list-01001 .p_sort {
     margin: 0;
     width: auto;
     height: auto;
     padding: 0 15px;
     overflow: hidden;
     font-size: 16px;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     border-bottom: 10px solid #F5F5F5;
   }

   .c_portalResProduct_list-01001 .d_sortBtn {
     -webkit-flex: 1.5;
     flex: 1.5;
     -webkit-box-flex: 1.5;
     -moz-box-flex: 1.5;
     -ms-flex: 1.5;
     display: block;
     position: relative;
     width: 100%;
     line-height: 40px;
     text-align: center;
   }

   .c_portalResProduct_list-01001 .d_sortBtn:hover,
   .c_portalResProduct_list-01001 .d_sortBtn:active {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .d_sortBtn.active {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .p_default {
     -webkit-flex: 1;
     flex: 1;
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
     -ms-flex: 1;
   }

   .c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
     display: none;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
     display: inline-block;
     font-size: 12px;
     width: 0;
     height: 0;
     margin: 5px 0 0 3px;
     font: 0/0 arial;
     vertical-align: middle;
     border: 5px dashed transparent;
     border-top: 5px solid rgba(0, 0, 0, 0.45);
     text-align: center;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
     content: "\e69a";
     line-height: 30px;
   }

   .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
   .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
   .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
     color: #47b4af;
     border-top-color: #47b4af;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
     margin-top: 0;
     border-top: 0 none;
     border-bottom: 5px solid rgba(0, 0, 0, 0.45);
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
     content: "\e69c";
   }

   .c_portalResProduct_list-01001 .p_default .font .iconfont {
     display: none;
   }

   .c_portalResProduct_list-01001 .p_products {
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     overflow: hidden;
     white-space: normal;
   }

   .c_portalResProduct_list-01001 .p_Product {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: calc((100% - 0px)/1) !important;
     padding: 15px 15px 0;
     height: inherit;
   }

   .c_portalResProduct_list-01001 .p_ProductInner {
     width: 100%;
     padding: 0 0 15px;
     border-top: 0 none;
     border-left: 0 none;
     border-right: 0 none;
     box-sizing: content-box;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
   }

   .c_portalResProduct_list-01001 .p_Product:last-of-type .p_ProductInner {
     border: 0 none;
   }

   .c_portalResProduct_list-01001 .p_images {
     position: relative;
     width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     text-align: center;
     font-size: 0;
     overflow: hidden;
     webkit-flex: 1;
     flex: 1;
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
     -ms-flex: 1;
   }

   .c_portalResProduct_list-01001 .p_image {
     width: 100%;
     height: 100%;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .p_imagesPc {
     display: none;
   }

   .c_portalResProduct_list-01001 .p_linkB {
     width: inherit;
     height: inherit;
     display: block;
     position: static;
   }

   .c_portalResProduct_list-01001 .p_image {
     width: 100%;
     height: 100%;
     padding: 0;
   }

   .c_portalResProduct_list-01001 .p_ThumbnailBox {
     display: none;
   }

   .c_portalResProduct_list-01001 .d_articles {
     height: auto;
     width: auto;
     padding: 0 0 0 15px;
     margin: 0;
     overflow: hidden;
     -webkit-flex: 2.4;
     flex: 2.4;
     -webkit-box-flex: 2.4;
     -moz-box-flex: 2.4;
     -ms-flex: 2.4;
   }

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

   .c_portalResProduct_list-01001 .d_title {
     display: block;
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     font-weight: 400;
     cursor: pointer;
     line-height: 22px;
     vertical-align: middle;
   }

   .c_portalResProduct_list-01001 .p_TagBox {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     width: auto;
     height: auto;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: rgba(228, 228, 228, 0);
     background-color: transparent;
     overflow: hidden;
     display: none;
   }

   .c_portalResProduct_list-01001 .p_tag {
     float: left;
     margin: 0 5px 0 5px;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: transparent;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .p_tag:hover {
     border-width: 1px;
     border-style: none;
     border-color: transparent;
   }

   .c_portalResProduct_list-01001 .p_tag:active {
     border-width: 1px;
     border-style: none;
     border-color: transparent;
   }

   .c_portalResProduct_list-01001 .d_item {
     width: auto;
     height: auto;
     margin: 5px 0;
     padding: 0;
     vertical-align: middle;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .d_item .d_itemLable {
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px 0 0;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .d_item .d_itemValue {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .p_salePricePc,
   .c_portalResProduct_list-01001 .p_NomBoxPc {
     display: none;
   }

   .c_portalResProduct_list-01001 .d_SummaryBox {
     margin: 5px 0;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .d_summary {
     color: #999;
     font-size: 12px;
     line-height: 20px;
     text-align: left;
     vertical-align: top;
     word-break: break-all;
   }

   .c_portalResProduct_list-01001 .d_SalePrice {
     display: inline-table;
     margin: 0;
     padding: 0;
     text-align: left;
     vertical-align: middle;
   }

   .c_portalResProduct_list-01001 .p_priceUnit::before {
     content: "\e6d7";
   }

   .c_portalResProduct_list-01001 .p_interaction {
     margin: 0;
     width: auto;
     height: auto;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: rgba(228, 228, 228, 0);
     background-color: transparent;
     overflow: hidden;
     word-break: break-all;
     white-space: normal;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .p_interaction .btn-default {
     display: inline-block;
     margin: 5px 0 0;
   }

   .c_portalResProduct_list-01001 .p_keyword {
     display: inline-block;
     padding-right: 5px;
     white-space: nowrap;
     overflow: hidden;
     vertical-align: middle;
   }
 }

 @media only screen and (min-width:769px) {
   .c_portalResProduct_list-01001 {
     overflow: hidden;
     width: 100%;
     height: auto;
     margin-left: 0;
     margin-right: 0;
   }

   .c_portalResProduct_list-01001 .p_ProductList {
     width: auto;
     height: auto;
     overflow: hidden;
     white-space: normal;
     font-size: 0;
     padding: 20px 25px;
   }

   .c_portalResProduct_list-01001 .p_categorySummaryBox {
     padding: 0 0 20px;
     margin: 0 0 30px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.09);
   }

   .c_portalResProduct_list-01001 .p_categorySummary {
     color: rgba(0, 0, 0, 0.45);
     font-size: 14px;
     line-height: 22px;
     text-align: left;
     vertical-align: top;
     word-break: break-all;
   }

   .c_portalResProduct_list-01001 .p_sort {
     margin: 0 0 10px;
     width: auto;
     height: auto;
     padding: 0 0 0 1px;
     border-width: 1px;
     border-style: none;
     border-color: rgba(228, 228, 228, 0);
     background-color: transparent;
     overflow: hidden;
     clear: both;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .d_sortBtn {
     position: relative;
     float: left;
     height: 30px;
     margin: 0 0 0 -1px;
     line-height: 30px;
     text-align: left;
     padding-left: 15px;
     padding-right: 30px;
     background-color: rgba(255, 255, 255, 1);
     border-width: 1px;
     border-style: solid;
     border-color: #D9D9D9;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.65);
   }

   .c_portalResProduct_list-01001 .d_sortBtn:hover,
   .c_portalResProduct_list-01001 .d_sortBtn:active {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .d_sortBtn.active {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .p_default {
     padding-right: 15px;
   }

   .c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
     border-color: #47b4af;
     color: #47b4af;
     z-index: 2;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
     display: none;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
     display: inline-block;
     position: absolute;
     top: 0;
     right: 8px;
     font-size: 12px;
     color: rgba(0, 0, 0, 0.65);
     text-align: center;
     transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
     content: "\e69a";
     line-height: 30px;
   }

   .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
   .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
   .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
     color: #47b4af;
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .arrow {
     transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
     transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
   }

   .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
     content: "\e69a";
   }

   .c_portalResProduct_list-01001 .p_default .iconfont.arrow {
     display: none;
   }

   .c_portalResProduct_list-01001 .p_products {
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     overflow: hidden;
     white-space: normal;
   }

   .c_portalResProduct_list-01001 .p_Product {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: calc((100% - 0px)/3);
     padding: 10px;
     height: inherit;
   }

   .c_portalResProduct_list-01001 .p_ProductInner {
     width: 100%;
     padding: 0 0 5px;
     box-sizing: content-box;
   }

   .c_portalResProduct_list-01001 .p_ProductInner:hover {
     border-width: 3px;
     border-color: #47b4af;
     margin: -2px;
   }

   .c_portalResProduct_list-01001 .p_images {
     position: relative;
     width: 100%;
     height: 188px;
     margin: 0;
     padding: 0;
     text-align: center;
     font-size: 0;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .p_imagesMo {
     display: none;
   }

   .c_portalResProduct_list-01001 .p_linkB {
     width: inherit;
     height: inherit;
     display: block;
     position: static;
   }

   .c_portalResProduct_list-01001 .p_image {
     width: 100%;
     height: 100%;
     padding: 0;
   }

   .c_portalResProduct_list-01001 .p_ThumbnailBox {
     position: absolute;
     left: 0;
     bottom: 1px;
     z-index: 10;
     width: 236px;
     height: auto;
     padding: 0;
     overflow: hidden;
     height: auto;
   }

   .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail {
     position: relative;
     width: 42px;
     height: 34px;
     float: left;
     margin: 0 2px;
     max-width: 42px;
     max-height: 34px;
     overflow: hidden;
     border: 2px solid rgba(0, 0, 0, .45)
   }

   .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail:hover {
     border-color: rgba(255, 255, 255, .7)
   }

   .c_portalResProduct_list-01001 .d_articles {
     height: auto;
     width: auto;
     padding: 0 0 0 15px;
     margin: 0;
     overflow: hidden;
     -webkit-flex: 2.4;
     flex: 2.4;
     -webkit-box-flex: 2.4;
     -moz-box-flex: 2.4;
     -ms-flex: 2.4;
   }

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

   .c_portalResProduct_list-01001 .d_title {
     display: block;
     width: auto;
     height: auto;
     margin: 0;
     padding: 0;
     font-weight: 400;
     cursor: pointer;
     line-height: 22px;
     vertical-align: middle;
   }

   .c_portalResProduct_list-01001 .p_TagBox {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     width: auto;
     height: auto;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: rgba(228, 228, 228, 0);
     background-color: transparent;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .p_tag {
     float: left;
     margin: 0 5px 0 5px;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: transparent;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .p_tag:hover {
     border-width: 1px;
     border-style: none;
     border-color: transparent;
   }

   .c_portalResProduct_list-01001 .p_tag:active {
     border-width: 1px;
     border-style: none;
     border-color: transparent;
   }

   .c_portalResProduct_list-01001 .d_item {
     width: auto;
     height: auto;
     margin: 5px 0;
     padding: 0;
     vertical-align: middle;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .d_item .d_itemLable {
     display: inline-block;
     vertical-align: middle;
     margin: 0 5px 0 0;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .d_item .d_itemValue {
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .p_salePriceMo,
   .c_portalResProduct_list-01001 .p_NomBoxMo {
     display: none;
   }

   .c_portalResProduct_list-01001 .d_SummaryBox {
     margin: 5px 0;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden;
   }

   .c_portalResProduct_list-01001 .d_summary {
     line-height: 20px;
     text-align: left;
     vertical-align: top;
     word-break: break-all;
   }

   .c_portalResProduct_list-01001 .d_SalePrice {
     display: inline-table;
     margin: 0;
     padding: 0;
     text-align: left;
     vertical-align: middle;
   }

   .c_portalResProduct_list-01001 .p_priceUnit::before {
     content: "\e6d7";
   }

   .c_portalResProduct_list-01001 .p_interaction {
     margin: 0;
     width: auto;
     height: auto;
     padding: 0;
     border-width: 1px;
     border-style: none;
     border-color: rgba(228, 228, 228, 0);
     background-color: transparent;
     overflow: hidden;
     word-break: break-all;
     white-space: normal;
     font-size: 14px;
   }

   .c_portalResProduct_list-01001 .p_interaction .btn-default {
     display: inline-block;
     margin: 5px 0 0;
   }

   .c_portalResProduct_list-01001 .p_keyword {
     display: inline-block;
     padding-right: 5px;
     white-space: nowrap;
     overflow: hidden;
     vertical-align: middle;
   }
 }

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

 .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(/img/ms.png?tenantId=222740&viewType=1&v=1699524575000) no-repeat center;
 }

 .w_grid-001 {
   margin-left: auto;
   margin-right: auto;
   max-width: 1180px;
   min-height: 12rem;
   width: 100%;
 }

 .w_grid-001>.w_grid {
   width: 100%;
   position: relative;
 }

 .w_grid-001>div>.p_gridbox {
   width: 100%;
   overflow: hidden;
   position: static;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell {
   float: left;
   position: static;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell:not(:empty):before {
   content: '';
   height: 0.1px;
   display: block;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell:first-child {
   margin-left: 0;
   clear: left;
 }

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

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

 @media only screen and (min-width: 769px) {
   .w_grid-001>div>.p_gridbox>.p_gridCell {
     width: 49.5%;
     margin-left: 1%;
     margin-top: 0.6rem;
     margin-bottom: 0.6rem;
   }
 }

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

 #w_grid-1573801859940 {}

 #w_grid-1574908928886 {
   background: #fff;
 }

 #content_box-1573796894712-0,
 #content_box-1573796894712-2 {
   line-height: 110px;
 }

 .w_grid-000 {
   margin-left: auto;
   margin-right: auto;
   min-height: 12rem;
   width: 100%;
 }

 .w_grid-000>.w_grid {
   width: 100%;
   position: relative;
 }

 .w_grid-000>div>.p_gridbox {
   width: 100%;
   overflow: hidden;
   position: static;
 }

 .w_grid-000>div>div>.p_gridCell {
   float: left;
   position: static;
 }

 .w_grid-000>div>div>.p_gridCell:not(:empty):before {
   content: '';
   height: 0.1px;
   display: block;
 }

 .w_grid-000>.w_grid.signal {
   min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox {
   min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell {
   min-height: inherit;
 }

 .w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
   margin-left: 0;
   clear: left;
 }

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

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

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

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

 .w_carouselbox-001 .w_carouselbox>.toRight {
   width: 38px;
   height: 38px;
   position: absolute;
   top: 70%;
   transform: translateY(-50%);
   border-radius: 50%;
   cursor: pointer;
   z-index: 1;
 }

 .w_fline-001 .p_FLine {
   width: 100%;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #f0f0f0;
   opacity: 1;
   filter: alpha(opacity:100);
   display: inline-block;
   vertical-align: middle;
 }

 .w_fline-001 {
   width: 100%;
   min-height: 20px;
   display: block;
   margin: 0 auto;
 }

 .w_fline-001 .w_fline {
   width: 100%;
   min-height: inherit;
   font-size: 0;
 }

 .w_fline-001 .w_fline:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   min-height: inherit;
   width: 0;
 }

 @CHARSET "UTF-8";

 * {
   padding: 0;
   margin: 0;
 }

 .pagebox {
   width: 100%;
 }

 .pagebox,
 #-remove--flag {}

 body,
 #-remove--flag {}

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

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

 @media only screen and (max-width: 1200px) 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: 1200px) and (min-width: 1025px) {}

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

 @media only screen and (max-width: 1200px) 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) {}

 #c_portalResProduct_category-16157969493354741 .p_MatteIcon .iconfont:before {
   content: '\e602';
 }

 #c_portalResProduct_category-16157969493354741>div {
   animation-fill-mode: both;
 }

 #c_portalResProduct_category-16157969493354741 .p_categoryBox {
   font-size: 0px;
 }

 #c_portalResProduct_category-16157969493354741 .p_parentBox {
   display: inline-block;
   background-color: #47b4af;
   margin-right: 10px;
   margin-bottom: 0px;
 }

 @media only screen and (min-width: 769px) {
   #c_portalResProduct_category-16157969493354741 .js_clickbtn {
     display: none;
   }

   #c_portalResProduct_category-16157969493354741 .p_childBox {
     display: none;
   }

   #c_portalResProduct_category-16157969493354741 .p_parentBox .p_parentBox {
     width: 100%;
   }

   #c_portalResProduct_category-16157969493354741 .p_parentBox:hover>.p_childBox {
     display: block;
   }

   #c_portalResProduct_category-16157969493354741 .p_categoryBox>.p_parentBox>.p_childBox {
     width: 100%;
     position: absolute;
     left: 0px;
     top: auto;
     padding-left: 0px;
     z-index: 1;
   }

   #c_portalResProduct_category-16157969493354741 .cateBox2 .p_parentBox .p_childBox {
     width: 100%;
     position: absolute;
     left: 100%;
     top: 0px;
     padding-left: 0px;
   }

   #c_portalResProduct_category-16157969493354741 .p_linkBox {
     padding: 0px;
     width: 210px;
     width-uint: px;
     width-and-width-uint: 222px;
     height: 48px;
     height-uint: px;
     height-and-height-uint: 48px;
     width-and-height: 222px, 48px;
     text-align: center;
     vertical-align: middle;
   }

   #c_portalResProduct_category-16157969493354741 .p_linkBox1 {
     border: 0px;
   }
 }

 #c_portalResProduct_category-16157969493354741 .p_header {
   background-color: rgba(238, 238, 238, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_articlesC {
   background-color: rgba(238, 238, 238, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_head {
   background-color: rgba(238, 238, 238, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_parentBox:hover {
   color: rgba(255, 255, 255, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_linkBox:hover {
   background-color: rgb(189 0 6);
   color: rgba(255, 255, 255, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_title:hover {
   color: rgba(255, 255, 255, 1);
 }

 #c_portalResProduct_category-16157969493354741 .p_title {
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 10px;
   padding-left: 15px;
   text-align: center;
   vertical-align: middle;
   color: #fff;
 }

 #c_portalResProduct_category-16157969493354741 .p_categoryBox>.p_parentBox>.p_childBox a {
   font-size: 14px !important;
 }

 #c_portalResProduct_category-16157969493354741 {
   width: auto;
   max-width: none;
   min-width: 0px;
   height: auto;
   max-height: none;
   min-height: 0px;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
 }

 #w_grid-1584279234218>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_fimg-1584279234228 .p_MatteIcon .iconfont:before {
   content: '\e602';
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 #w_grid-1611753627988>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-1611753632867 .p_MatteIcon .iconfont:before {
   content: '\e602';
 }

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

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

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

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

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

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

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

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

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

 #w_grid-1584279234218 {
   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-1584279234228 {
   width: 100%;
   max-width: none;
   min-width: 0px;
   height: auto;
   max-height: none;
   min-height: 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
 }

 #w_grid-1615796949004 {
   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-1615796949010 {
   width: 100%;
   max-width: 1500px;
   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_fline-1584279234238 {
   width: 100%;
   max-width: none;
   min-width: 0px;
   height: auto;
   max-height: none;
   min-height: 1px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
 }

 #w_grid-1611753627988 {
   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-1611753632867 {
   width: 100%;
   max-width: 1500px;
   min-width: 0px;
   height: auto;
   max-height: none;
   min-height: 0px;
   margin-top: 2%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 3%;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
 }

 #c_portalResProduct_list-16117546432582513 .p_Product {
   width: calc((100% - 0px)/3);
 }

 #c_portalResProduct_list-16117546432582513 .p_CommonSummaryBoxA {
   text-align: center;
 }

 #c_portalResProduct_list-16117546432582513 .p_MatteIcon .iconfont:before {
   content: '\e602';
 }

 #c_portalResProduct_list-16117546432582513>div {
   animation-fill-mode: both;
 }

 #c_portalResProduct_list-16117546432582513 .proBox {
   width: 100%;
   height: auto;
   overflow: hidden;
 }

 #c_portalResProduct_list-16117546432582513 .proContainer {
   width: 100%;
   height: auto;
   margin: 0rem auto;
   padding: 0 10px;
   font-size: 0px;
   overflow: hidden;
 }

 #c_portalResProduct_list-16117546432582513 .proLi {
   position: relative;
   overflow: hidden;
   height: auto;
   font-size: 14px;
 }

 #c_portalResProduct_list-16117546432582513 .proLink {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden;
   transition: all 0.5s ease;
 }

 #c_portalResProduct_list-16117546432582513 .proLink::after {
   content: '';
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 0px;
   height: 14px;
   background-color: #ee1d23;
   transition: all .5s ease;
 }

 #c_portalResProduct_list-16117546432582513 .proTitle {
   position: relative;
   text-align: center;
   padding: 0 20%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #000;
   font-size: 1.125rem;
   height: 70px;
   line-height: 70px;
   transition: all .5s ease;
   display: none;
 }

 #c_portalResProduct_list-16117546432582513 .search {
   position: absolute;
   left: 10px;
   top: 10px;
   display: block;
   width: 20px;
   height: 20px;
   color: #fff;
 }

 #c_portalResProduct_list-16117546432582513 .proImgBox {
   position: relative;
   width: 100%;
   height: 0px;
   padding-bottom: 70%;
   overflow: hidden;
 }

 #c_portalResProduct_list-16117546432582513 .proImg {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(1.0);
   width: 100%;
   transition: all 2s ease .5s;
 }

 #c_portalResProduct_list-16117546432582513 .proSummry {
   padding: 20px 30px 20px;
   background: #fcfcfceb;
 }

 #c_portalResProduct_list-16117546432582513 .iconfont {
   transition: .5s;
 }

 #c_portalResProduct_list-16117546432582513 .sum {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   line-height: 1.5;
   color: #000;
   text-align: center;
   font-size: 18px;
 }

 #c_portalResProduct_list-16117546432582513 .lookMore {
   width: 100%;
   padding: 1rem 0 2rem;
   text-align: center;
   font-size: 1rem;
   color: rgb(45, 111, 102);
   font-family: Oswald;
   display: none;
 }

 #c_portalResProduct_list-16117546432582513 .proTitle::before {
   content: '';
   position: absolute;
   left: -170px;
   top: -70px;
   width: 140px;
   height: 140px;
   background-color: rgb(45, 111, 102);
   transform: rotate(45deg);
   transition: all .5s ease;
 }

 #c_portalResProduct_list-16117546432582513 .proLi:hover .proTitle::before {
   left: -100px;
 }

 #c_portalResProduct_list-16117546432582513 .proLi:hover .proImg {
   transform: translate(-50%, -50%) scale(1.1);
 }

 #c_portalResProduct_list-16117546432582513 .proLi:hover .lookMore .iconfont {
   margin-left: 5px;
 }

 #c_portalResProduct_list-16117546432582513 .proLi:hover .proLink {
   box-shadow: 0 0 20px #ddd;
 }

 #c_portalResProduct_list-16117546432582513 .proLi:hover .proLink::after {
   width: 100%;
 }

 @media only screen and (min-width: 769px) {
   #c_portalResProduct_list-16117546432582513 .proContainer {
     max-width: 100%;
   }

   #c_portalResProduct_list-16117546432582513 .proLi {
     margin: 0rem 0;
   }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
   #c_portalResProduct_list-16117546432582513 .proContainer {
     max-width: 900px;
   }

   #c_portalResProduct_list-16117546432582513 .proLi {
     width: 50%;
   }
 }

 @media only screen and (max-width: 768px) {
   #c_portalResProduct_list-16117546432582513 .proContainer {
     max-width: 700px;
     min-width: 300px;
   }

   #c_portalResProduct_list-16117546432582513 .proLi {
     width: 100%;
   }
 }

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

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

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

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

 #c_portalResProduct_list-16117546432582513 {
   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: auto;
   padding-right: 0px;
 }