﻿.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);
}
.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_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: auto;
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: #EFEFF4;
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: auto;
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: auto;
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: 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 .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;
}
}
@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: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
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: #1890FF;
color: #1890FF;
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: #1890FF;
border-top-color: #1890FF;
}
.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: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .p_default {
padding-right: 15px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
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: #1890FF;
}
.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: #1890FF;
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) {
}
@media only screen and (max-width: 768px) {
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent {
font-size: 0;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font {
display: inline-block;
font-size: 14px;
color: #666;
height: 30px;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font {
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before {
content: "\e69c";
}
.e_title.c_portalResBreadcrumb_nav-01001.p_sortLink {
display:inline-block;
padding:0;
color:rgba(101, 190, 186, 1);
font-size:14px;
text-align:left;
}
.e_title.c_portalResBreadcrumb_nav-01001.p_sortLink {
white-space:nowrap;
vertical-align:middle;
line-height: 19px;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover {
text-decoration:underline;
font-weight:bold;
cursor:pointer;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active {
color:rgba(69, 165, 161, 1);
font-weight:400;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active {
text-decoration:none;
margin-top:0;
}
.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before {
display: inline-block;
content:"";
}
.c_portalResBreadcrumb_nav-01001 .p_content {
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_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font {
border: 1px solid #e0f2f1;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before {
content: "\e69c";
}
.c_portalResBreadcrumb_nav-01001 .p_end {
display:inline-block;
margin:0;
padding:0;
text-align:left;
color:rgba(51, 51, 51, 1);
font-size:14px;
font-weight:400;
}
.c_portalResBreadcrumb_nav-01001 .p_end .font {
white-space:nowrap;
vertical-align:middle;
text-align:inherit;
line-height: 14px;
}
.c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before {
display: inline-block;
content:"";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font {
border: 1px solid #e0f2f1;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before {
content: "\e69c";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList {
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_portalResBreadcrumb_nav-01001 {
width: 1180px;
height: 30px;
overflow: visible;
font-size: 0;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList {
width: auto;
height: auto;
overflow: visible;
background-color: transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a {
display: inline-block;
}
.c_portalResBreadcrumb_nav-01001 .p_CurrentBox {
color: #666;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before {
content: "\e68a";
}
.c_portalResBreadcrumb_nav-01001 .p_content {
width: 240px;
position: absolute;
border: 1px solid #65beba;
padding: 9px 7px 9px 7px;
font-size: 0;
display: none;
height: auto;
background: #fff;
}
.c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content {
display: block;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink {
color: #65beba;
display: inline-block;
margin: 9px 7px 9px 7px;
cursor: pointer;
font-size: 14px;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink .font {
line-height: 14px;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover {
text-decoration: underline;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current {
color: #bcbcbc;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover {
text-decoration: none;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font {
text-decoration: none;
font-weight: normal;
cursor: default;
}
.c_portalResBreadcrumb_nav-01001 .p_end {
margin-right: 6px;
margin-left: 6px;
vertical-align: middle;
}
}
@media only screen and (min-width: 769px) {
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent {
font-size: 0;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font {
display: inline-block;
font-size: 14px;
color: #666;
height: 30px;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font {
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before {
content: "\e69c";
}
.e_title.c_portalResBreadcrumb_nav-01001.p_sortLink {
display:inline-block;
padding:0;
color:rgba(101, 190, 186, 1);
font-size:14px;
text-align:left;
}
.e_title.c_portalResBreadcrumb_nav-01001.p_sortLink {
white-space:nowrap;
vertical-align:middle;
line-height: 19px;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover {
text-decoration:underline;
font-weight:bold;
cursor:pointer;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active {
color:rgba(69, 165, 161, 1);
font-weight:400;
}
a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active {
text-decoration:none;
margin-top:0;
}
.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before {
display: inline-block;
content:"";
}
.c_portalResBreadcrumb_nav-01001 .p_content {
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_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font {
border: 1px solid #e0f2f1;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before {
content: "\e69c";
}
.c_portalResBreadcrumb_nav-01001 .p_end {
display:inline-block;
margin:0;
padding:0;
text-align:left;
color:rgba(51, 51, 51, 1);
font-size:14px;
font-weight:400;
}
.c_portalResBreadcrumb_nav-01001 .p_end .font {
white-space:nowrap;
vertical-align:middle;
text-align:inherit;
line-height: 14px;
}
.c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before {
display: inline-block;
content:"";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst {
font-size: 14px;
color: #65beba;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst {
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font {
display: inline-block;
line-height: 30px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a {
color: inherit;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font {
border: 1px solid #e0f2f1;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover {
text-decoration: none;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover {
text-decoration: underline;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before {
content: "\200B";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before {
content: "\200B";
display: block;
height: 1px;
background: #fff;
width: 100%;
width: calc(100% - 1px);
position: absolute;
bottom: -1px;
left: 1px;
z-index: 10;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font {
border: 1px solid #65beba;
border-bottom: 1px solid transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after {
margin-right: 5px;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before {
content: "\e69a";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before {
content: "\e69c";
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList {
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_portalResBreadcrumb_nav-01001 {
width: 1180px;
height: 30px;
overflow: visible;
font-size: 0;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList {
width: auto;
height: auto;
overflow: visible;
background-color: transparent;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a {
display: inline-block;
}
.c_portalResBreadcrumb_nav-01001 .p_CurrentBox {
color: #666;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before {
content: "\e68a";
}
.c_portalResBreadcrumb_nav-01001 .p_content {
width: 240px;
position: absolute;
border: 1px solid #65beba;
padding: 9px 7px 9px 7px;
font-size: 0;
display: none;
height: auto;
background: #fff;
}
.c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content {
display: block;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink {
color: #65beba;
display: inline-block;
margin: 9px 7px 9px 7px;
cursor: pointer;
font-size: 14px;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink .font {
line-height: 14px;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover {
text-decoration: underline;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current {
color: #bcbcbc;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover {
text-decoration: none;
font-weight: normal;
}
.c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font {
text-decoration: none;
font-weight: normal;
cursor: default;
}
.c_portalResBreadcrumb_nav-01001 .p_end {
margin-right: 6px;
margin-left: 6px;
vertical-align: middle;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
.c_portalResSearch_total-02001 {
margin-left: auto;
margin-right: auto;
width: 100%;
display: block;
font-size: 0;
padding: 0 10px;
}
.c_portalResSearch_total-02001 .p_contentBox {
width: 100%;
height: auto;
overflow: visible;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_headbox {
position: absolute;
width: 100%;
height: auto;
border: 1px solid rgba(240, 240, 240, 1);
border-radius: 5px;
padding: 10px 0px;
display: none;
background: #fff;
border-radius: 0;
z-index: 999;
}
.c_portalResSearch_total-02001 .p_searchBox {
width: 55%;
height: auto;
display: inline-block;
vertical-align: middle;
overflow: visible;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input {
width: 100%;
display: inline-block;
height: 50px;
vertical-align: middle;
color: inherit;
position: relative;
font-size: 24px;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
display: none;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
content: "\e6d5";
color: #797979;
}
.c_portalResSearch_total-02001 .p_searchBtn {
width: 20%;
height: 50px;
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #777;
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
text-align: center;
padding-top: 0;
position: inherit;
margin: 0;
cursor: pointer;
font-family: inherit;
font-weight: inherit;
text-decoration: none;
background-size: 100% 100%;
}
.c_portalResSearch_total-02001 .p_searchBtn:hover {
box-shadow:none;
cursor:pointer;
}
.c_portalResSearch_total-02001 .p_searchBtn .iconfont {
margin-right: 5px;
}
.c_portalResSearch_total-02001 .p_searchBtn .font {
display: inline-table;
vertical-align: middle;
bottom: 0;
height: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: none;
position: relative;
line-height: 50px;
}
.c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
display: inline-block;
height: 100%;
width: inherit;
line-height: inherit;
padding-left: 5px;
padding-right: 32px;
border: none;
}
.c_portalResSearch_total-02001 .p_select {
height: auto;
font-size: 0;
display: inline-block;
width: 25%;
vertical-align: middle;
float: left;
}
.c_portalResSearch_total-02001 .p_select input {
width: inherit;
height: 50px;
border: none;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 24px;
position: absolute;
padding-left: 10px !important;
padding-right: 10px !important;
}
.c_portalResSearch_total-02001 .p_select .shape {
display: inline-block;
width: 25px;
height: 50px;
position: static!important;
line-height: 50px;
text-align: center;
border-left: none;
font-size: 12px;
color: rgba(200, 200, 200, 1);
float: right;
top: 0!important;
transform: translateY(0%);
margin-right: 10px;
}
.c_portalResSearch_total-02001 .p_select .shape:before {
content: "\e69c";
font-size: 24px;
}
.c_portalResSearch_total-02001 .p_select .itembox {
height: auto;
width: 100%;
position: absolute;
top: 80px;
left: 0px;
border: 1px solid rgba(240, 240, 240, 1);
z-index: 99;
background-color: #fff;
font-size: 0;
border-radius: 5px;
}
.c_portalResSearch_total-02001 .p_select li {
width: calc(100% / 4);
height: auto;
display: inline-block;
margin: 20px 0;
text-align: center;
font-size: 22px;
border-left: 1px solid #ccc;
}
.c_portalResSearch_total-02001 .p_select li:nth-child(1) {
border-left:none
}
.c_portalResSearch_total-02001 .p_select li:nth-child(5) {
border-left:none
}
.c_portalResSearch_total-02001 .p_select li i img {
display: none;
}
input::-webkit-input-placeholder {
font-size:24px;
line-height:50px;
color:#777;
}
.c_portalResSearch_total-02001 .p_searchBtnBox {
display: block;
width: 250px;
height: auto;
padding: 10px 10px;
background-color: #1890FF;
border-radius: 5px;
margin-bottom: 30px;
margin: 0 10px 30px 10px;
}
.c_portalResSearch_total-02001 .p_searchBtnA {
width: 100%;
height: auto;
padding: 10px 10px;
font-size: 24px;
color: #fff;
text-align: center;
}
.c_portalResSearch_total-02001 .p_headbox.active:before {
width: 0px;
height: 0px;
position: absolute;
top: -40px;
left: 41px;
padding: 0;
border-bottom: 20px solid #FFFFFF;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
display: block;
content: "";
z-index: 12;
}
.c_portalResSearch_total-02001 .p_headbox.active:after {
width: 0px;
height: 0px;
position: absolute;
top: -41px;
left: 41px;
padding: 0;
border-bottom: 20px solid #efe7e7;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
display: block;
content: "";
z-index: 10;
}
.c_portalResSearch_total-02001 .p_input .iconfont.last {
position: absolute;
color: #afafaf;
top: 16px;
right: 5px;
font-size: 20px;
cursor: pointer;
}
.c_portalResSearch_total-02001 .p_input .iconfont.last:before {
content: "\e640";
}
.c_portalResSearch_total-02001 .p_searchBtnA:hover {
box-shadow: none;
}
.c_portalResSearch_total-02001 .p_searchBtnA .iconfont:before {
content:"\e661";
font-size: 30px;
vertical-align: middle;
margin-right: 10px;
}
}
@media only screen and (min-width: 769px) {
.c_portalResSearch_total-02001 {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
min-height: auto;
width: auto;
display: inline-block;
font-size: 0;
}
.c_portalResSearch_total-02001 .p_contentBox {
width: 100%;
height: auto;
overflow: visible;
white-space: nowrap;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_headbox {
width: 100%;
height: auto;
}
.c_portalResSearch_total-02001 .p_searchBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
overflow: visible;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input {
width: 160px;
display: inline-block;
height: 30px;
vertical-align: middle;
color: inherit;
position: relative;
font-size: 14px;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .last {
display: none;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
height: auto;
font-size: 15px;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
content: "\e661";
color: #a9a9a9;
}
.c_portalResSearch_total-02001 .p_searchBtn {
width: auto;
height: 30px;
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: rgba(255, 255, 255, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: #000051;
text-align: center;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
position: inherit;
margin: 0;
padding: 0 20px;
cursor: pointer;
font-family: inherit;
font-weight: inherit;
text-decoration: none;
background-size: 100% 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.c_portalResSearch_total-02001 .p_searchBtn .font {
display: table-cell;
vertical-align: middle;
bottom: 0;
height: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: none;
position: relative;
text-align: center;
}
.c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
display: inline-block;
height: 100%;
width: inherit;
line-height: inherit;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0;
padding-left: 25px;
padding-right: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.c_portalResSearch_total-02001 .p_select {
height: auto;
position: relative;
font-size: 0;
display: inline-block;
width: auto;
vertical-align: middle;
margin-left: -1px;
}
.c_portalResSearch_total-02001 .p_select input {
width: 75px;
height: 30px;
border: 1px solid rgba(240, 240, 240, 1);
line-height: 30px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
padding: 0 10px;
}
.c_portalResSearch_total-02001 .p_select input:hover {
background-color: rgb(240, 248, 250);
color: rgb(100, 190, 186);
}
.c_portalResSearch_total-02001 .p_select input:hover + .shape {
background-color: rgb(240, 248, 250);
}
.c_portalResSearch_total-02001 .p_select .shape {
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
right: 0;
line-height: 30px;
text-align: center;
border: 1px solid rgba(240, 240, 240, 1);
border-left: none;
font-size: 12px;
color: rgba(200, 200, 200, 1);
}
.c_portalResSearch_total-02001 .p_select .shape:before {
content: "\e6c9";
}
.c_portalResSearch_total-02001 .p_select .shape:hover {
color: #65beba;
}
.c_portalResSearch_total-02001 .p_select .itembox {
height: auto;
width: 100%;
position: absolute;
top: 40px;
left: 0px;
border: 1px solid rgba(240, 240, 240, 1);
border-top: 0;
overflow-y: auto;
z-index: 99;
background-color: #fff;
font-size: 12px;
max-height: 180px;
}
.c_portalResSearch_total-02001 .p_select li {
width: auto;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
}
.c_portalResSearch_total-02001 .p_select li:hover {
background-color: rgb(240, 248, 250);
color: rgb(100, 190, 186);
}
.c_portalResSearch_total-02001 .p_select li i img {
display: none;
}
.c_portalResSearch_total-02001 .p_searchBtnBox {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.c_portalResSearch_total-02001 {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
min-height: 192px;
width: auto;
display: inline-block;
font-size: 0;
}
.c_portalResSearch_total-02001 .p_contentBox {
width: 100%;
height: auto;
overflow: visible;
white-space: nowrap;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_headbox {
width: 100%;
height: auto;
}
.c_portalResSearch_total-02001 .p_searchBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
overflow: visible;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
position: relative;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input {
width: 220px;
display: inline-block;
height: 40px;
vertical-align: middle;
color: inherit;
position: relative;
font-size: 14px;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .last {
display: none;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
height: auto;
font-size: 15px;
}
.c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
content: "\e661";
color: #a9a9a9;
}
.c_portalResSearch_total-02001 .p_searchBtn {
width: auto;
height: 40px;
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: rgba(255, 255, 255, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: #1890FF;
text-align: center;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
position: inherit;
margin: 0;
padding: 0 20px;
cursor: pointer;
font-family: inherit;
font-weight: inherit;
text-decoration: none;
background-size: 100% 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.c_portalResSearch_total-02001 .p_searchBtn .font {
display: table-cell;
vertical-align: middle;
bottom: 0;
height: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: none;
position: relative;
text-align: center;
}
.c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
display: inline-block;
height: 100%;
width: inherit;
line-height: inherit;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0;
padding-left: 25px;
padding-right: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.c_portalResSearch_total-02001 .p_select {
height: auto;
position: relative;
font-size: 0;
display: inline-block;
width: auto;
vertical-align: middle;
margin-left: -1px;
}
.c_portalResSearch_total-02001 .p_select input {
width: 75px;
height: 40px;
border: 1px solid rgba(240, 240, 240, 1);
line-height: 30px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
padding: 0 10px;
}
.c_portalResSearch_total-02001 .p_select input:hover {
background-color: rgb(240, 248, 250);
color: rgb(100, 190, 186);
}
.c_portalResSearch_total-02001 .p_select input:hover + .shape {
background-color: rgb(240, 248, 250);
}
.c_portalResSearch_total-02001 .p_select .shape {
display: inline-block;
width: 30px;
height: 40px;
position: absolute;
right: 0;
line-height: 40px;
text-align: center;
border: 1px solid rgba(240, 240, 240, 1);
border-left: none;
font-size: 12px;
color: rgba(200, 200, 200, 1);
}
.c_portalResSearch_total-02001 .p_select .shape:before {
content: "\e6c9";
}
.c_portalResSearch_total-02001 .p_select .shape:hover {
color: #65beba;
}
.c_portalResSearch_total-02001 .p_select .itembox {
height: auto;
width: 100%;
position: absolute;
top: 40px;
left: 0px;
border: 1px solid rgba(240, 240, 240, 1);
border-top: 0;
overflow-y: auto;
z-index: 99;
background-color: #fff;
font-size: 12px;
max-height: 180px;
}
.c_portalResSearch_total-02001 .p_select li {
width: auto;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
}
.c_portalResSearch_total-02001 .p_select li:hover {
background-color: rgb(240, 248, 250);
color: rgb(100, 190, 186);
}
.c_portalResSearch_total-02001 .p_select li i img {
display: none;
}
.c_portalResSearch_total-02001 .p_searchBtnBox {
display: none;
}
}
.w_fimgbox-001 {
	width: 100%;
	height: auto;
	min-height: 200px;
	margin: 0 auto;
}
.w_fimgbox-001 .w_imgbox {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: inherit;
}
.w_fimgbox-001 .w_imgbox > img {
	width: 100%;
	height: auto;
}
.w_fimgbox-001 .w_imgbox > .p_contentbox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.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-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.0px;
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: 1024px) {
#w_common_text-1648781427880 span, #w_common_text-1648781524393 span, #w_common_text-1648781530590 span, #w_common_text-1648781535788 span, #w_common_text-1648781541056 span {
font-size:14px;
}
}
@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;
}
#w_common_text-1648795409039 span {
font-size:14px!important;
}
}
@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_grid-1652322893154 >div img {
	transition:0.5s;
}
#w_grid-1652322893154 >div:hover img {
	transform: scale(1.1);
	transition:0.5s;
}
.w_fbtn-001 {
	display: block;
	width: 100%;
	height: 100%;
	max-width:150px;
	min-height:36px;
	max-height:0;
	text-align: center;
	margin: 0 auto;
	font-size: 0;
}
.w_fbtn-001 .p_CommonBtn {
	width: 100%;
	height: inherit;
	padding:0;
}
.w_fbtn-001 .p_CommonBtn .font {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 18px;
	height: auto;
}
.w_fbtn-001 .animated {
	width:100%;
	height:100%;
	min-height: inherit;
}
.w_fbtn-001 .p_link {
	min-height: inherit;
	display: block;
}
.w_fbtn-001 .p_CommonBtn {
	border-style: solid;
}
.w_fbtn-001 .p_CommonBtn {
	width: 100%;
	height:36px;
	color:rgba(255, 255, 255, 1);
	border-width: 1px;
	border-style: none;
	border-color:transparent;
	background-color: #bc2d14;
	padding-top:0;
	padding-right:20px;
	padding-left:20px;
	text-align: center;
	min-height: inherit;
}
.w_fbtn-001 .p_CommonBtn:before {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
@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: 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: 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: 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) {
}
@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 (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 (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 (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1604058932400 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0;
clear:left;
}
#w_grid-1604058932400 > div > .p_gridbox {
	position:relative;
}
#w_grid-1604058932400 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(1) {
position:relative;
z-index:1;
}
#w_grid-1604058932400 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(2) {
position:absolute;
bottom:25%;
left:0;
z-index:2;
}
@media only screen and (max-width: 768px) {
#w_grid-1604058932400 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(2) {
display:none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1604058932400 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(2) {
position:absolute;
bottom:20%;
left:0;
z-index:2;
}
}
#w_grid-1604058932410 > 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-1639481568974 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1639481568974 >div {
	animation-fill-mode:both;
}
#w_grid-1639481568974 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:29.65%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
margin-right:0px;
width:70.35%;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:50%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0;
clear:left;
margin-right:0;
width:50%;
}
#w_grid-1639481568974> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0;
}
}
#w_grid-1604058932417 > 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-1604058932400 {
	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-1604058932410 {
	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-1639481568974 {
	width:96%;
	max-width:1600px;
	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-1604058932417 {
	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;
	position:absolute;
	top:auto;
	left:0px;
	z-index:2;
	bottom:25%;
	right:auto;
}
@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-16502439341146586 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResProduct_category-16502439341146586 >div {
	animation-fill-mode:both;
}
#c_portalResProduct_category-16502439341146586 .moveBtn {
	display:none;
	color:#fff;
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#1890ff;
	border:1px solid #329cff;
	white-space:nowrap;
	border-radius:4px;
	margin:1.3em;
}
#c_portalResProduct_category-16502439341146586 .contentBox {
	width:100%;
	height:auto;
	overflow:visible;
	box-shadow:0px 5px 20px 0px rgba(192, 192, 192, 0.4);
	z-index:999;
	background-color:#fff;
}
#c_portalResProduct_category-16502439341146586 .link {
	position:relative;
	height:50px;
	line-height:50px;
}
#c_portalResProduct_category-16502439341146586 .yjTitle {
	border-bottom:1px solid #e8e8e8;
	padding-left:20px;
}
#c_portalResProduct_category-16502439341146586 .yjLink {
	position:relative;
	color:#555;
	font-size:1rem;
transition:all .5s ease;
}
#c_portalResProduct_category-16502439341146586 .yjLink::before {
content:'';
display:block;
width:3px;
height:50px;
background-color:#bc2d14;
position:absolute;
left:-20px;
top:-19px;
opacity:0;
transition:all .5s ease;
}
#c_portalResProduct_category-16502439341146586 .iconfont1 {
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:50px;
	color:#555;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2rem;
}
#c_portalResProduct_category-16502439341146586 .ejLi {
	position:relative;
}
#c_portalResProduct_category-16502439341146586 .ejTitle {
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #e8e8e8;
	padding-left:50px;
transition:all .5s ease;
}
#c_portalResProduct_category-16502439341146586 .ejLink {
	color:#555;
	font-size:1rem;
}
#c_portalResProduct_category-16502439341146586 .iconfont2 {
	position:absolute;
	right:20px;
	top:0px;
	bottom:0px;
	margin:auto;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	color:#555;
	font-size:1rem;
transition:all .5s ease;
}
#c_portalResProduct_category-16502439341146586 .icf {
	transform:rotate(180deg);
}
#c_portalResProduct_category-16502439341146586 .sjTitle {
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #e8e8e8;
}
#c_portalResProduct_category-16502439341146586 .sjLink {
	color:#555;
	font-size:1rem;
}
#c_portalResProduct_category-16502439341146586 .ejBox {
	display:none;
}
#c_portalResProduct_category-16502439341146586 .rotate {
	transform:rotate(-90deg);
}
#c_portalResProduct_category-16502439341146586 .ejTitle:hover {
	background-color:#f5f8fa;
}
#c_portalResProduct_category-16502439341146586 .backBtn {
	display:none;
}
#c_portalResProduct_category-16502439341146586 .yjTitle:hover {
	background-color:#f5f8fa;
}
#c_portalResProduct_category-16502439341146586 .yjTitle:hover .yjLink::before {
opacity:1;
}
#c_portalResProduct_category-16502439341146586 .sjBox {
	display:none;
}
#c_portalResProduct_category-16502439341146586 .line_right {
	display:none;
}
@media only screen and (min-width:769px) {
#c_portalResProduct_category-16502439341146586 .sjBox {
position: absolute;
top: 0;
left: 100%;
box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4);
z-index:999;
}
#c_portalResProduct_category-16502439341146586 .sjTitle {
text-align: center;
}
#c_portalResProduct_category-16502439341146586 .sjTitle::before {
content: '';
position: absolute;
display: block;
width: 6px;
height: 50px;
background-color: #bc2d14;
}
#c_portalResProduct_category-16502439341146586 .sjBox li {
width: 300px;
}
#c_portalResProduct_category-16502439341146586 .sjTitle:hover .sjLink {
color: #bc2d14;
}
#c_portalResProduct_category-16502439341146586 .sjLi::before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 6px solid #bc2d14;
border-right: 6px solid #fff;
border-bottom: 6px solid #bc2d14;
position: absolute;
left: 0;
top: 22px;
z-index: 1;
}
#c_portalResProduct_category-16502439341146586 .ejLi:hover .sjLi::before {
display: block;
}
}
@media only screen and (max-width:768px) {
#c_portalResProduct_category-16502439341146586 .contentBox {
position: fixed;
top: 0;
left: 100%;
height: 100%;
font-size: 0;
}
#c_portalResProduct_category-16502439341146586 .backBtn {
position: relative;
display: inline-block;
width: 45px;
height: 100%;
vertical-align: top;
background: #f5f8fa;
}
#c_portalResProduct_category-16502439341146586 .content {
display: inline-block;
width: calc(100% - 45px);
height:100%;
overflow-y:auto
}
#c_portalResProduct_category-16502439341146586 .moveBtn {
display: block;
}
#c_portalResProduct_category-16502439341146586 .btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-size: 1.2rem;
color: #555;
padding: 0;
}
#c_portalResProduct_category-16502439341146586 .yjTitle {
border-bottom: 1px solid #f8f8f8;
}
#c_portalResProduct_category-16502439341146586 .sjTitle {
padding-left: 80px;
}
#c_portalResProduct_category-16502439341146586 .jsDeg {
transform: rotate(-90deg);
}
#c_portalResProduct_category-16502439341146586 .line_right {
display: block;
width: 8px;
height: 50px;
background-color: #bc2d14;
position: absolute;
right: 0;
top: 0;
opacity: 0
}
#c_portalResProduct_category-16502439341146586 .line_show {
opacity: 1;
}
#c_portalResProduct_category-16502439341146586 .sjTitle::after {
content: '';
display: block;
width: 8px;
height: 50px;
background-color: #bc2d14;
position: absolute;
right: 0;
top: 0;
}
}
#c_portalResProduct_category-16502439341146586 {
	width:auto;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#c_portalResBreadcrumb_nav-16526629250899263 {
	width:auto;
	max-width:1550px;
	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: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#c_portalResProduct_list-15793371985470734 .p_Product {
	width:calc((100% - 0px)/4);
}
#c_portalResProduct_list-15793371985470734 .p_CommonSummaryBoxA {
	text-align:center;
}
#c_portalResProduct_list-15793371985470734 .p_stylebox .stylebox_top {
	text-align:left;
	background:#fff;
	height:50px;
}
#c_portalResProduct_list-15793371985470734 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResProduct_list-15793371985470734 >div {
	animation-fill-mode:both;
}
#c_portalResProduct_list-15793371985470734 .stylebox_title {
	background:none;
}
#c_portalResProduct_list-15793371985470734 .title_main {
	line-height:50px;
	color:#333;
	font-size:20px;
}
#c_portalResProduct_list-15793371985470734 .stylebox_content {
	border:none;
}
#c_portalResProduct_list-15793371985470734 .stylebox_bottom_line {
	display:none;
}
#c_portalResProduct_list-15793371985470734 .hc_sum {
	line-height:1.6;
	color:#fff;
	overflow:hidden;
	text-align:center;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
}
#c_portalResProduct_list-15793371985470734 .proBox {
	width:100%;
	height:auto;
	overflow:hidden;
}
#c_portalResProduct_list-15793371985470734 .pro_jieshao {
	font-size:14px;
	text-align:center;
	margin:0 auto;
	padding:20px 0px;
	line-height:1.8;
	max-width:1000px;
}
#c_portalResProduct_list-15793371985470734 .proContainer {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0rem auto;
}
#c_portalResProduct_list-15793371985470734 .proLi {
	position:relative;
	overflow:hidden;
	padding:20px 10px;
}
#c_portalResProduct_list-15793371985470734 .porTbox {
	position:relative;
	overflow:hidden;
	width:100%;
	background:#fff;
	height:auto;
	border:1px solid #fff;
	padding-bottom:80%;
}
#c_portalResProduct_list-15793371985470734 .proImg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scale(0.9);
	width:100%;
transition:all .5s ease;
}
#c_portalResProduct_list-15793371985470734 .porBbox {
	position:relative;
	overflow:hidden;
	width:100%;
	background:#fff;
	height:auto;
	padding:20px 20px 10px;
	border:none;
}
#c_portalResProduct_list-15793371985470734 .proTitle {
	font-size:1rem;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
	position:relative;
	width:100%;
	margin-bottom:10px;
	min-height:70px;
}
#c_portalResProduct_list-15793371985470734 .proSummry {
	color:#777;
	white-space:nowrap;
	overflow:hidden;
	margin:10px 0;
	text-overflow:ellipsis;
	display:none;
}
#c_portalResProduct_list-15793371985470734 .lookDetail {
	position:relative;
	display:none;
	color:#777;
	height:38px;
	line-height:38px;
	border-top:1px solid #e5e5e5;
}
#c_portalResProduct_list-15793371985470734 .arrowsR {
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0, -50%);
	width:30px;
}
#c_portalResProduct_list-15793371985470734 .arrowsR img {
	position:absolute;
transition:all .5s ease;
}
#c_portalResProduct_list-15793371985470734 .harr {
	opacity:0;
}
#c_portalResProduct_list-15793371985470734 .showBox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0, 0, 0, 0.5);
	transition:all 0.5s ease;
}
#c_portalResProduct_list-15793371985470734 .showBoxLink {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	width:80%;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:0.5rem 0;
}
#c_portalResProduct_list-15793371985470734 .showBoxLink::before {
content:'';
position:absolute;
top:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
#c_portalResProduct_list-15793371985470734 .showBoxLink::after {
content:'';
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
#c_portalResProduct_list-15793371985470734 .lookDetail:hover .barr {
	opacity:0;
}
#c_portalResProduct_list-15793371985470734 .lookDetail:hover .harr {
	opacity:1;
}
#c_portalResProduct_list-15793371985470734 .proLi:hover .showBox {
	opacity:1;
}
#c_portalResProduct_list-15793371985470734 .proLi:hover .proImg {
	transform:translate( -50%, -50%) scale(1);
}
#c_portalResProduct_list-15793371985470734 .proLi:hover .showBoxLink::before {
width:1rem;
}
#c_portalResProduct_list-15793371985470734 .proLi:hover .showBoxLink::after {
width:1rem;
}
@media only screen and (min-width: 769px) {
#c_portalResProduct_list-15793371985470734 .proContainer {
max-width:100%;
}
#c_portalResProduct_list-15793371985470734 .proLi {
width:calc(100% / 4);
height:auto;
float:left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#c_portalResProduct_list-15793371985470734 .proContainer {
max-width:100%;
}
#c_portalResProduct_list-15793371985470734 .proLi {
width:50%;
height:auto;
}
}
@media only screen and (max-width: 768px) {
#c_portalResProduct_list-15793371985470734 .title_main {
line-height: 40px;
color: #333;
font-weight: bold;
font-size: 20px;
}
#c_portalResProduct_list-15793371985470734 .pro_jieshao {
display:none;
}
#c_portalResProduct_list-15793371985470734 .proTitle {
font-size: 12px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
position: relative;
white-space: nowrap;
width: 100%;
margin-bottom: 0px;
}
#c_portalResProduct_list-15793371985470734 .proLi {
position: relative;
overflow: hidden;
padding: 10px 5px;
width: 50%;
float:left;
height: auto;
}
#c_portalResProduct_list-15793371985470734 .porBbox {
padding: 10px 20px 10px;
}
#c_portalResProduct_list-15793371985470734 .showBoxLink {
font-size:12px;
}
}
#c_portalResProduct_list-15793371985470734 .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#c_portalResProduct_list-15793371985470734 .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#c_portalResProduct_list-15793371985470734 .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#c_portalResProduct_list-15793371985470734 .p_loading .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#c_portalResProduct_list-15793371985470734 {
	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_portalResSearch_total-16563932188188958 {
	width:230px;
	max-width:none;
	min-width:0px;
	height:30px;
	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;
}
#w_fimgbox-1650263134294 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_fimgbox-1650263134294 >div {
	animation-fill-mode:both;
}
#w_grid-1579336824798 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1579336824798 >div {
	animation-fill-mode:both;
}
#w_grid-1579336824798 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
#w_grid-1579336824798 > div > .p_gridbox {
	background:#f5f5f5;
}
@media only screen and (max-width: 768px) {
#w_grid-1579336824798> div > .p_gridbox > .p_gridCell {
margin-bottom:1rem;
margin-top:1rem;
margin-left:0;
}
}
@media only screen and (min-width: 769px) {
#w_grid-1579336824798> div > .p_gridbox > .p_gridCell {
margin-bottom:4rem;
margin-top:3rem;
margin-left:0;
}
#w_grid-1579336824798> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1579336824798> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1579336824798> div > .p_gridbox > .p_gridCell {
margin-bottom:4rem;
margin-top:3rem;
margin-left:0;
}
}
#w_grid-1579337195262 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1579337195262 >div {
	animation-fill-mode:both;
}
#w_grid-1579337195262 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1579337195262> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:2%;
}
#w_grid-1579337195262> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:79.3114%;
margin-left:2%;
margin-right:0px;
clear:none;
}
#w_grid-1579337195262> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
margin-right:0px;
width:18.6886%;
}
#w_grid-1579337195262> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_fbtn-1650261087789 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_fbtn-1650261087789 >div {
	animation-fill-mode:both;
}
#w_grid-1656393627213 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0;
clear:left;
}
@media only screen and (max-width: 768px) {
}
@media only screen and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_fimgbox-1650263134294 {
	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-1579336824798 {
	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-1579337195262 {
	width:94%;
	max-width:1600px;
	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_fbtn-1650261087789 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:100%;
	max-height:0px;
	min-height:50px;
	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-1656393627213 {
	width:230px;
	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;
}
