.e_ContentMajorStyleBox-001 {
	width: 100%;
	height: auto;
width-uint:%;
}
.e_ContentMajorStyleBox-001 .stylebox_link {
	color:#666666;
	font-size: 14px;
	height: inherit;
	display: table;
	padding:0 15px;
	border-width: 0px;
	float: right;
	vertical-align: middle;
	margin-right: 15px;
}
.e_ContentMajorStyleBox-001 .stylebox_top {
	width: auto;
	height: 40px;
	background-color: rgba(101, 190, 186, 1);
}
.e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before {
content: "";
}
.e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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;
	padding-right: 22px;
	vertical-align: top;
}
.e_ContentMajorStyleBox-001 .stylebox_link a {
	color: inherit;
	display: table-cell;
	vertical-align: middle;
}
.e_ContentMajorStyleBox-001 .link_icon {
	display: inline-block;
	margin-left: 5px;
}
.e_ContentMajorStyleBox-001 .link_icon::before {
content: '\e6af';
}
.e_ContentMajorStyleBox-001 .stylebox_top_line {
	height: 1px;
	background-color: rgba(240, 240, 240, 1);
}
.e_ContentMajorStyleBox-001 .stylebox_content {
	border-style: solid;
	border-width: 1px;
	border-color:#f0f0f0;
	width: 100%;
width-uint:%;
}
.e_ContentMajorStyleBox-001 .stylebox_bottom_line {
	height: 1px;
	background-color: rgba(240, 240, 240, 1);
}
.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) {
.p_category {
z-index:9999999999 !important;
}
.c_portalResProduct_category-01001 {
height: auto;
width: 100%;
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;
border-radius:0;
}
.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: 100%;
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: 100%;
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: 100%;
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: 100%;
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: 100%;
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;
}
}
.p_page .PageInterval {
	float:none !important;
}
.c_portalResProduct_list-01001 .mouseBtn {
	position: relative
}
.c_portalResProduct_list-01001 .mouseBtn .p_tipsBox {
	position: absolute;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	top: -50px;
	white-space: nowrap;
	left: 50%;
	transform: translate(-50%, 0);
}
.c_portalResProduct_list-01001 .p_tipsBox .iconfont::before {
content: '\e6c9';
position: absolute;
bottom: -9px;
left: 50%;
transform: translate(-50%, 0);
}
@media only screen and (max-width:768px) {
.c_portalResProduct_list-01001 {
overflow: hidden;
width: 100%;
height:auto;
min-width: 100%;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_no {
color: #d6cfcf;
cursor: default;
}
.c_portalResProduct_list-01001 .p_no:hover {
color: #d6cfcf;
cursor: default;
background: #fff;
border-color: #ccc;
}
.c_portalResProduct_list-01001 .p_no:active, .btn.active {
box-shadow: none;
}
.c_portalResProduct_list-01001 .p_ProductList {
margin:0;
width: auto;
height:auto;
padding:0;
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;
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;
padding-bottom:75%;
}
.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;
-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;
word-break: break-all;
white-space: normal;
font-size: 14px;
margin-top: 5px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
margin: 0;
}
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right:5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .btn-group {
margin-top: 5px;
}
.c_portalResProduct_list-01001 .dropdown-menu {
min-width: inherit;
width:220px;
padding-left: 5px;
padding-right: 5px;
max-height: 250px;
overflow-y: auto;
}
.c_portalResProduct_list-01001 .dropdown-menu .name {
display: inline-block;
width: 170px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .dropdown-menu .down {
display: inline-block;
width: 30px;
color: #1890FF;
cursor: pointer;
padding: 0;
cursor: pointer;
}
}
@media only screen and (min-width:769px) {
.c_portalResProduct_list-01001 {
overflow: visible;
width: 100%;
height:auto;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_no {
color: #d6cfcf;
cursor: default;
}
.c_portalResProduct_list-01001 .p_no:hover {
color: #d6cfcf;
cursor: default;
background: #fff;
border-color: #ccc;
}
.c_portalResProduct_list-01001 .p_no:active, .btn.active {
box-shadow: none;
}
.c_portalResProduct_list-01001 .p_ProductList {
width: auto;
height: auto;
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;
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;
padding-bottom:75%;
}
.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;
-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;
word-break: break-all;
white-space: normal;
font-size: 14px;
margin-top: 5px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin:5px 0 0;
margin: 0;
}
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right:5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .dropdown-menu {
min-width: inherit;
width:350px;
padding-left: 5px;
padding-right: 5px;
max-height: 220px;
overflow-y: auto;
}
.c_portalResProduct_list-01001 .dropdown-menu .name {
display: inline-block;
width: 290px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .dropdown-menu .down {
display: inline-block;
width: 30px;
color: #1890FF;
cursor: pointer;
background: none;
padding: 0;
}
}
@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 {
overflow: visible;
}
.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 {
overflow: visible;
}
.c_portalResBreadcrumb_nav-01001 .p_breadcrumbList {
width: auto;
height: auto;
overflow: visible;
text-align: right;
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) {
}
.sy-title {
	text-align:center;
}
.sy-title h2 {
	font-size:42px;
	color:#1a1a1a;
	font-weight:bold;
	line-height:42px;
	margin-bottom:10px;
}
.sy-title h2 span {
	color:#0397db;
}
.sy-title h3 {
	text-transform:uppercase;
	color:#808080;
	font-size:16px;
	line-height:16px;
	font-family:pop;
}
@media screen and (max-width: 768px) {
.sy-title h2 {
font-size:30px;
line-height:30px;
margin-bottom:8px;
}
.sy-title h3 {
font-size:14px;
line-height:14px;
}
}
.ny-title {
	text-align:center;
}
.ny-title dt {
	font-size:36px;
	color:#333;
	line-height:36px;
	margin-bottom:8px;
	font-family:"微软雅黑";
}
.ny-title dd {
	font-size:16px;
	color:#666;
	font-family:"pop";
}
.ban-col {
	text-align:center;
}
.ban-col h2 {
	font-size:48px;
	line-height:48px;
	margin-bottom:10px;
	color:#fff;
	font-family:siyuan;
}
.ban-col h3 {
	font-size:20px;
	line-height:20px;
	font-family:"pop";
	color:#fff;
	text-transform: capitalize;
}
.ny-title1 {
	font-size:0;
	padding-left:30px;
}
.ny-title1 h2 {
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	vertical-align:text-bottom;
	margin-right:10px;
}
.ny-title1 h3 {
	display:inline-block;
	font-size:16px;
	line-height:16px;
	font-family:pop;
	text-transform: uppercase;
	color:#fff;
	vertical-align:text-bottom;
}
@media screen and (max-width: 768px) {
.ban-col h2 {
font-size:24px;
line-height:24px;
margin-bottom:6px;
}
.ban-col h3 {
font-size:14px;
line-height:14px;
}
.ny-title dt {
font-size:30px;
line-height:30px;
margin-bottom:6px;
}
.ny-title1 {
padding-left:20px;
}
.ny-title1 h2 {
font-size:24px;
line-height:24px;
}
.ny-title1 h3 {
font-size:15px;
line-height:15px;
}
}
.p_image img {
	width: 100% !important;
	height: auto !important;
}
@media screen and (max-width: 768px) {
.dom_mo {
display: inline-block;
}
.p_TagBox {
text-align: right;
}
.p_tag {
display: inline-block;
margin-right: 5px;
}
.p_tag:last-child {
margin: 0;
}
.p_products {
padding-top: 10px;
}
.product {
width: calc((100% - 0px)/10);
margin-right: 2%;
height: auto;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.p_Product.size {
display: inline-block;
margin-right: 2%;
vertical-align: middle;
height: 32px;
border-radius: 3px;
padding: 5px 10px;
cursor: pointer;
margin-bottom: 10px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.p_Product.size:nth-of-type(1), .product:nth-of-type(1) {
margin-left: 30px;
}
.p_Product.active {
border: 1px solid red;
}
.p_Product .p_images {
position: relative;
width: 100%;
height: 0;
text-align: center;
font-size: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
.d_tagA {
display: inline-block;
margin: 0;
padding: 5px 10px;
min-width: 59px;
text-align: center;
}
.d_nameL {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
text-align: left;
}
.d_nameL .font {
vertical-align: middle;
}
.d_KeywordBox {
width: auto;
height: auto;
white-space: nowrap;
padding: 20px;
}
.d_SpecInfo {
display: table;
margin: 0;
padding-left: 10px;
width: 76%;
height: 36px;
text-align: left;
}
.d_SpecInfo .font {
display: table-cell;
white-space: nowrap;
vertical-align: middle;
height: inherit;
}
.d_SpecName {
float: left;
border-bottom: none;
display: table;
margin: 0;
padding-right: 5px;
height: 36px;
width: 10%;
text-align: right;
padding-right: 30px;
}
.d_SpecName .font {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
width: 100%;
height: inherit;
}
.p_ProParametersBox {
margin-top: 20px;
}
.d_SpecTitle {
display: inline-table;
margin: 0;
height: 38px;
width: 100%;
padding: 5px;
cursor: pointer;
text-align: left;
}
.d_headTitle {
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
}
.d_TextBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.d_ProInfoA {
display: inline-table;
float: left;
margin: 0;
padding: 0;
text-align: left;
}
.d_ProInfoA .font {
vertical-align: middle;
}
.d_ProTitle {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_ProTitle .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_BaseInfo {
display: inline-block;
width: auto;
height: auto;
margin-bottom: 10px;
padding: 0;
overflow: hidden;
}
.d_BaseInfoBox {
display: inline-block;
white-space: normal;
width: 100%;
padding: 40px 20px 20px 20px;
margin-bottom: 20px;
}
.d_SpecTab, .d_DecTab {
float: left;
width: auto;
height: 45px;
text-align: center;
padding: 0 25px;
cursor: pointer;
}
.d_SpecTab:hover, .d_DecTab:hover {
background: transparent;
box-shadow: none;
}
.p_show360 {
position: static;
margin-right: 10px;
margin-bottom: 10px;
float: left;
width: auto;
height: 28px;
}
.p_interaction {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.p_interaction button {
margin-bottom: 10px;
}
.d_unitB {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_unitB .font {
vertical-align: middle;
}
.d_nameO {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameO .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_plus {
float: left;
width: 28px;
height: 28px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-left: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.d_plus:hover, .d_plus:active {
box-shadow: none;
border-left: none;
}
.d_plus .font {
display: table-cell;
vertical-align: middle;
width: inherit;
height: initial;
user-select: none;
padding-top: 5px;
}
.p_input {
float: left;
width: 40px;
height: 28px;
text-align: center;
}
.p_input input, .p_input .InputText {
display: inline-block;
height: inherit;
width: inherit;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding-left: 7px;
}
.d_minus {
float: left;
width: 28px;
height: 28px;
text-align: center;
vertical-align: middle;
border-right: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.d_nameM {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameM .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_Service {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_Service .font {
vertical-align: middle;
}
.d_nameN {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameN .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ServiceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_unitA {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_unitA .font {
vertical-align: middle;
}
.d_MarketPrice {
display: inline-block;
margin: 0;
padding: 0;
}
.d_MarketPrice .font {
text-decoration: line-through;
white-space: nowrap;
}
.d_nameH {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
vertical-align: middle;
}
.d_nameH .font {
display: block;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.d_MarketPriceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_unit {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
color: rgba(204, 0, 0, 1);
text-align: left;
}
.d_SalePriceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_nameG {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: right;
min-width: 70px;
margin-left: 10px;
}
.d_nameG .font {
display: block;
white-space: nowrap;
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.d_SortName {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
}
.d_NumBox {
display: inline-block;
vertical-align: middle;
}
.p_view {
display: inline-block;
}
.p_AssistNameB {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
}
.p_AssistNameB .font {
vertical-align: middle;
white-space: nowrap;
width: inherit;
}
.p_assist {
display: none;
}
.p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
position: absolute;
left: 2px;
bottom: 0px;
width: 28px;
height: calc(100% - 20px);
}
.p_SwitchBtnC .iconfont::before {
content: "\e687";
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_SwitchBtnD {
position: absolute;
right: 4px;
bottom: 0px;
width: 28px;
height: calc(100% - 20px);
cursor: pointer;
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
}
.p_SwitchBtnD .iconfont::before {
content: "\e6ae";
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_ProRelationImg {
display: inline-block !important;
background: #ccc;
border: none;
border-radius: 50%;
margin-top: 24px;
}
.p_ProRelationImg.item_hide {
display: none !important;
}
.p_ProRelationImg.active {
border: none;
}
.p_ProRelationImg.widther {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.widther .AtlasRelationImgBoxA {
width: 100%;
height: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_ProRelationImg.widther .AtlasRelationImgBoxA img {
width: 100%;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.p_ProRelationImg.higher {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.higher .AtlasRelationImgBoxA {
height: 100%;
width: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.p_ProRelationImg.higher .AtlasRelationImgBoxA img {
height: 100%;
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.p_ProRelationImg.smaller {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.smaller .AtlasRelationImgBoxA {
height: auto;
width: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.p_ProRelationImg.smaller .AtlasRelationImgBoxA img {
height: auto;
width: auto;
}
.p_imageA .p_assist {
width: 100%;
height: auto;
display: inline-block;
padding-left: 36px;
margin-top: 10px;
}
.p_ThumbnailBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
min-height: 100px;
}
#easy_zoom {
display: none !important;
}
.d_ProductDetail {
height: auto;
width: 100%;
display: flex;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
-webkit-align-items: stretch;
-moz-flex-flow: row wrap;
-moz-align-items: stretch;
display: -ms-flexbox;
display: -ms-flex;
-ms-flex-flow: row wrap;
-ms-align-items: stretch;
display: flex;
flex-flow: row wrap;
display: -webkit-box;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.p_imagesA {
position: relative;
}
.p_ProInfo {
float: left;
padding-left: 18px;
width: auto;
height: auto;
min-width: 200px;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
display: block;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.p_content {
width: auto;
height: auto;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
}
.d_ProName {
width: 100%;
}
.d_nameC {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.p_PriceBox {
background: #FFF1F0;
width: auto;
height: auto;
padding: 0;
min-height: 52px;
margin: 18px 0;
padding-top: 10px;
}
.p_PriceBox .p_ViewBox {
display: none;
}
.d_num {
display: inline-block;
vertical-align: middle;
}
.d_numA {
display: inline-block;
vertical-align: middle;
}
.d_SalePriceBox {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
margin-right: 20px !important;
}
.d_MarketPriceBox {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
margin-right: 20px !important;
}
.d_unit {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 30px;
}
.d_MarketPrice, .d_MarketPriceBox, .d_unitA {
display: inline-block;
vertical-align: middle;
}
.d_NumberBox {
width: auto;
height: 28px;
vertical-align: middle;
overflow: hidden;
margin-bottom: 10px;
}
.d_nameM {
margin-right: 30px;
vertical-align: top;
float: left;
margin-top: 3px;
}
.d_nameM .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_nameO {
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.d_nameO .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.p_interaction {
width: auto;
height: auto;
}
.d_nameD {
width: 70px;
display: inline-block;
margin-right: 30px;
vertical-align: top;
}
.d_nameD .font {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_sort {
vertical-align: middle;
display: inline-block;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.d_sort .font {
white-space: normal;
}
.p_qrbuyUrlBox {
position: relative;
display: inline-block;
}
.p_qrbuyText {
margin-top: 5px;
}
.p_imagesB {
position: absolute;
top: 90px;
display: none;
width: auto;
height: auto;
z-index: 10000;
left: 0px;
}
.p_qrbuyUrlBox:hover .p_qrbuyText, .p_qrbuyUrlBox:hover .p_imagesB {
display: block !important;
}
.p_AddCart {
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 28px;
}
.p_tipsBox {
position: absolute;
padding: 10px 20px;
text-align: center;
border-radius: 10px;
top: -50px;
white-space: nowrap;
left: 50%;
transform: translate(-50%, 0);
}
.p_tipsBox .iconfont::before {
content: '\e6c9';
position: absolute;
bottom: -9px;
left: 50%;
transform: translate(-50%, 0);
}
.p_dealer {
position: static;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 28px;
}
.p_dealer .iconfont {
margin-right: 10px;
}
.p_handBooksBox {
position: relative;
float: left;
width: auto;
margin-right: 10px;
margin-bottom: 10px;
}
.p_downHandbook {
display: block;
width: 100%;
height: 28px;
color: rgba(255, 255, 255, 1);
background-color: rgba(106, 186, 190, 1);
text-align: center;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
white-space: nowrap;
}
.d_DescriptionBoxA {
clear: both;
width: 100%;
height: auto;
overflow: visible;
margin-top: 20px;
}
.d_TabTitleBox {
width: auto;
height: auto;
overflow: visible;
}
.d_DecTab {
float: left;
width: auto;
}
.d_ProTitle {
width: 100px;
float: left;
}
.d_ProTitle .font {
display: block;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.d_ProInfoA {
display: inline-block;
float: left;
}
.d_ProInfoA .font {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.d_unitB {
position: inherit;
vertical-align: middle;
margin-left: 10px;
}
.d_num .iconfont {
display: inline-block;
vertical-align: middle;
}
.d_DescriptionBigbox {
width: auto;
height: auto;
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
}
.p_zoom {
position: absolute;
left: 20px;
top: 20px;
cursor: move;
z-index: 999;
}
.d_TextBox {
width: 100%;
height: auto;
border: none;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.d_headTitle {
float: left;
margin-bottom: 10px;
}
.d_text {
display: inline;
font-family: normal;
word-break: break-all;
}
.p_ProSummary .font {
display: inline-block;
width: 70px;
vertical-align: middle;
text-align: right;
margin-right: 10px;
}
.p_QRCode {
display: none;
}
.d_tagA {
padding: 0px;
min-width: auto;
margin-left: 10px;
vertical-align: middle;
cursor: default;
border-radius: 3px;
padding: 2px 5px;
text-align: center;
min-width: 50px;
}
.p_nextpage {
width: auto;
height: auto;
width: 50%;
}
.p_nextpageA {
float: right;
width: 50%;
height: auto;
margin: 0;
background-color: transparent;
overflow: hidden;
vertical-align: middle;
text-align: right;
}
.p_nextName {
display: inline-block;
margin-right: 10px;
padding: 0;
vertical-align: middle;
text-align: left;
}
.p_nextName .font {
vertical-align: middle;
}
.p_nextNameA {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
padding: 0;
text-align: left;
}
.p_nextBox {
width: auto;
height: auto;
margin: 0;
padding: 20px;
margin-top: 40px;
overflow: hidden;
}
.p_nextpage {
float: left;
}
.p_masker-wp {
z-index: 99999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.masker {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.55;
z-index: 999;
}
#viewwindow {
width: 100%;
height: 100%;
top: 0 !important;
overflow: hidden;
}
#turntable {
max-height: 100%;
max-width: 100%;
}
.p_agreement {
width: 800px;
height: 800px;
position: absolute;
top: 50%;
left: 50%;
z-index: 999999;
animation: scale 1s;
animation-fill-mode: both;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
border: 1px solid;
background: #fff;
}
.p_Close {
width: auto;
position: absolute;
cursor: pointer;
top: 18px;
right: 10px;
z-index: 523;
}
.p_imagesA {
width: 100%;
}
.p_imagesA .p_images {
width: inherit !important;
}
.p_ThumbnailBox {
position: absolute;
right: 20px;
bottom: 20px;
height: auto !important;
min-height: auto !important;
border: none;
padding: 0 30px;
}
.p_zoom, #easy_zoom {
display: none !important;
cursor: pointer !important;
width: 0 !important;
height: 0 !important;
}
.p_PriceBox .p_ViewBox {
display: inline-block;
}
.p_ViewBox {
margin-left: 50px;
}
.d_NumBox {
width: 50%;
}
.p_Buy {
display: inline-block;
}
.p_interaction button {
width: 170px;
height: 47px;
}
.d_SpecName {
width: 20%;
}
.d_SpecInfo .font {
white-space: normal;
}
.p_nextBox {
margin: 40px -8px 0 -8px;
background: rgba(0, 0, 0, 0.02);
padding: 0;
}
.p_nextName, .p_MinorLink, .p_nextNameA {
width: 100%;
text-align: center;
margin: 0;
}
.p_MinorLink .font {
word-break: break-all;
}
.p_nextpage, .p_nextpageA {
padding: 10px 0;
}
.p_nextpage {
border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.d_SalePriceBox, .d_MarketPriceBox, .p_ViewBox {
margin: 0;
}
.d_nameG, .d_nameH {
width: auto;
}
.d_unit {
margin: 0;
}
.p_ProParametersBox {
margin: 20px auto 0;
}
.p_SpecBox {
width: 100%;
}
.p_ProInfo, .d_DescriptionBoxA {
padding: 0 8px;
}
.d_TabTitleBox {
display: flex;
overflow: hidden;
}
.d_SpecTab {
font: none;
padding: 0;
display: inline-block;
width: calc(100% / 4);
}
.d_SpecTab .font {
display: block;
text-align: center;
}
.active {
background: #fff;
}
.d_TextBox, .d_description {
vertical-align: middle;
}
.p_shopCartBox {
display: inline-block;
position: relative;
width: auto;
margin-bottom: 10px;
text-align: center;
}
.p_shopCart {
text-align: right;
padding-right: 10px;
}
.p_shopCartNum {
position: absolute;
top: 0;
right: 0;
display: inline-table;
min-width: 20px;
height: 20px;
padding: 3px 5px;
border-radius: 50%;
}
.p_shopCartNum .font {
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (min-width: 769px) {
.c_portalResProduct_detail-01001 {
margin-left: auto;
margin-right: auto;
min-width: 250px;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
overflow: hidden;
}
.dom_mo {
display: none;
}
.panel {
width: 280px;
left: 70%;
}
#easy_zoom {
width: 300px;
height: 200px;
border: 5px solid #eee;
background: #fff;
color: #333;
position: absolute;
top: 60px;
left: 400px;
overflow: hidden;
-moz-box-shadow: 0 0 10px #777;
-webkit-box-shadow: 0 0 10px #777;
box-shadow: 0 0 10px #777;
text-align: center;
z-index: 999;
}
.p_shade {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
}
.p_products {
width: auto;
height: auto;
overflow: hidden;
white-space: normal;
padding-top: 10px;
clear: both;
}
.product {
width: calc((100% - 0px)/10);
margin-right: 2%;
height: auto;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.p_Product.size {
display: inline-block;
margin-right: 2%;
vertical-align: middle;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
padding: 5px 10px;
cursor: pointer;
margin-bottom: 10px;
}
.p_Product.size:nth-of-type(1), .product:nth-of-type(1) {
margin-left: 30px;
}
.p_Product.active {
border: 1px solid red;
}
.p_Product .p_images {
position: relative;
width: 100%;
height: 0;
text-align: center;
font-size: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
.p_PopupWindow {
display: none;
position: absolute;
margin: 0;
width: auto;
height: auto;
padding: 0;
z-index: 999999;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.p_PopupWindow iframe {
width: 100%;
height: 100%;
}
.p_success .promptbox {
padding: 10px;
}
.p_success .promptbox .assistfont {
display: none;
}
.p_nextpage {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_tagA {
display: inline-block;
margin: 0;
padding: 5px 10px;
min-width: 59px;
text-align: center;
border-radius: 3px;
margin-right: 10px;
}
.d_tagA .font {
white-space: nowrap;
vertical-align: middle;
}
.d_tagA:hover {
cursor: pointer;
}
.e_title.d_linkF {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.d_linkF {
white-space: nowrap;
vertical-align: middle;
}
.d_linkF:hover {
text-decoration: underline;
cursor: pointer;
}
.d_linkF:active {
text-decoration: none;
margin-top: 0;
}
.d_nameL {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
text-align: left;
}
.d_nameL .font {
vertical-align: middle;
}
.d_KeywordBox {
width: auto;
height: auto;
white-space: nowrap;
padding: 20px;
}
.d_comment {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.d_TextBoxBig {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_SpecInfo {
display: table;
margin: 0;
padding-left: 10px;
width: 76%;
height: 36px;
text-align: left;
}
.d_SpecInfo .font {
display: table-cell;
white-space: nowrap;
vertical-align: middle;
height: inherit;
}
.d_SpecName {
float: left;
border-bottom: none;
display: table;
margin: 0;
padding-right: 5px;
height: 36px;
width: 10%;
text-align: right;
padding-right: 30px;
}
.d_SpecName .font {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
width: 100%;
height: inherit;
}
.d_SpecBoxContA {
width: auto;
height: auto;
padding: 20px;
margin-bottom: 20px;
}
.p_ProParametersBox {
border-bottom: none;
margin: 20px;
}
.d_SpecTitle {
display: inline-table;
margin: 0;
height: 38px;
width: 100%;
padding: 5px;
cursor: pointer;
text-align: left;
}
.d_SpecTitle .font {
display: table-cell;
white-space: nowrap;
vertical-align: middle;
}
.d_text {
font-family: normal;
word-break: break-all;
}
.d_headTitle {
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
}
.d_headTitle .font {
white-space: nowrap;
vertical-align: middle;
}
.d_TextBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.d_ProInfoA {
display: inline-table;
float: left;
margin: 0;
padding: 0;
text-align: left;
}
.d_ProInfoA .font {
vertical-align: middle;
}
.d_ProTitle {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_ProTitle .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_BaseInfo {
display: inline-block;
width: auto;
height: auto;
margin-bottom: 10px;
padding: 0;
overflow: hidden;
}
.d_BaseInfoBox {
display: inline-block;
white-space: normal;
width: 100%;
padding: 40px 20px 20px 20px;
margin-bottom: 20px;
}
.d_DescriptionBoxB {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.d_SpecTab, .d_DecTab {
float: left;
width: auto;
height: 45px;
text-align: center;
padding: 0 25px;
cursor: pointer;
}
.d_DecTab:hover {
background: none;
box-shadow: none;
}
.d_TabTitleBox, .d_DescriptionBoxA {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.p_show360 {
position: static;
margin-right: 10px;
margin-bottom: 10px;
float: left;
width: auto;
height: 28px;
}
.p_downloadBox {
width: auto;
height: auto;
display: inline-block;
padding: 0 12px;
}
.p_Buy {
height: 50px;
text-align: center;
padding: 0;
position: inherit;
}
.p_interaction {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
}
.p_interaction button {
margin-bottom: 10px;
}
.d_unitB {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_unitB .font {
vertical-align: middle;
}
.d_numA {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_numA .font {
vertical-align: middle;
}
.d_nameO {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameO .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_plus {
float: left;
width: 28px;
height: 28px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-left: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.d_plus:hover, .d_plus:active {
box-shadow: none;
border-left: none;
}
.d_plus .font {
display: table-cell;
vertical-align: middle;
width: inherit;
height: initial;
user-select: none;
padding-top: 5px;
}
.p_input {
float: left;
width: 40px;
height: 28px;
text-align: center;
}
.p_input:hover {
cursor: text;
}
.p_input input, .p_input .InputText {
display: inline-block;
height: inherit;
width: inherit;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding-left: 7px;
}
.p_input input:hover, .p_input .InputText:hover {
cursor: text;
}
.d_minus {
float: left;
width: 28px;
height: 28px;
text-align: center;
vertical-align: middle;
border-right: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.d_minus:hover, .d_minus:active {
box-shadow: none;
border-right: none;
}
.d_minus .font {
display: table-cell;
vertical-align: middle;
width: inherit;
height: initial;
user-select: none;
padding-top: 5px;
}
.d_nameM {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameM .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_Service {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_Service .font {
vertical-align: middle;
}
.d_nameN {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameN .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ServiceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_FontSpec {
display: table;
position: relative;
min-width: 90px;
height: 31px;
text-align: center;
padding-top: 0;
padding-right: 12px;
padding-left: 12px;
white-space: nowrap;
text-align: center;
word-break: normal;
}
.d_FontSpec:hover {
min-width: 90px;
height: 31px;
}
.d_FontSpec .font {
padding: 0 0 0 5px;
display: table-cell;
vertical-align: middle;
bottom: 0;
}
.d_nameK {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameK .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_nameK .iconfont:before {
content: "";
}
.d_FontSpecBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_ImgSpec {
display: table;
position: relative;
min-width: 90px;
height: 31px;
text-align: center;
padding: 0 12px 0 12px;
white-space: nowrap;
text-align: center;
word-break: normal;
}
.d_ImgSpec:hover {
min-width: 90px;
height: 31px;
}
.d_ImgSpec .font {
padding: 0 0 0 5px;
display: table-cell;
vertical-align: middle;
bottom: 0;
}
.d_ImgSpec .active:before {
display: block;
padding: 5px 3px 3px 5px;
border-top-left-radius: 15px;
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
}
.d_nameJ {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameJ .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ImgSpecBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_ColorSpec {
display: table;
position: relative;
min-width: 90px;
height: 31px;
color: rgba(0, 0, 0, 1);
border-width: 2px;
border-style: solid;
border-color: rgba(228, 228, 228, 1);
background-color: rgba(255, 255, 255, 1);
text-align: center;
padding-top: 0;
padding-right: 12px;
padding-left: 12px;
white-space: nowrap;
text-align: center;
word-break: normal;
}
.d_ColorSpec:hover {
color: rgba(0, 0, 0, 1);
min-width: 90px;
height: 31px;
border-width: 2px;
border-style: solid;
border-color: rgba(101, 190, 186, 1);
background-color: rgba(255, 255, 255, 1);
}
.d_ColorSpec.active {
border-width: 2px;
border-color: rgba(101, 190, 186, 1);
}
.d_ColorSpec .font {
padding: 0 0 0 5px;
display: table-cell;
vertical-align: middle;
bottom: 0;
}
.d_ColorSpec .iconfont {
display: inline;
color: rgba(255, 255, 255, 1);
}
.d_ColorSpec:hover .iconfont {
color: rgba(255, 255, 255, 1);
}
.d_ColorSpec:active .iconfont {
color: rgba(255, 255, 255, 1);
}
.d_ColorSpec .iconfont:before {
content: "";
}
.d_ColorSpec .active:before {
display: block;
padding: 5px 3px 3px 5px;
border-top-left-radius: 15px;
content: "\e6c6";
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
background: rgba(101, 190, 186, 1);
}
.d_nameI {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameI .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ColorSpecBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_SpecBoxA {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
margin-top: 10px;
}
.d_unitA {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_unitA .font {
vertical-align: middle;
}
.d_MarketPrice {
display: inline-block;
margin: 0;
padding: 0;
}
.d_MarketPrice .font {
text-decoration: line-through;
white-space: nowrap;
}
.d_nameH {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
vertical-align: middle;
}
.d_nameH .font {
display: block;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.d_MarketPriceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_unit {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_unit .font {
vertical-align: middle;
}
.d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_SalePrice .font {
white-space: nowrap;
vertical-align: middle;
}
.d_nameG {
margin: 0;
padding: 0;
text-align: right;
min-width: 70px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.d_nameG .font {
display: block;
vertical-align: middle;
white-space: nowrap;
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
}
.d_SalePriceBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_ArticleHline {
width: 100%;
height: 0px;
}
.d_Weight {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_Weight .font {
vertical-align: middle;
}
.d_nameF {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameF .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_WeightBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_size {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_size .font {
vertical-align: middle;
}
.d_nameE {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameE .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_SizeBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.e_title.d_sort {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.d_sort {
white-space: nowrap;
vertical-align: middle;
}
.d_sort:active {
text-decoration: none;
margin-top: 0;
}
.e_title.d_linkA {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.d_linkA {
white-space: nowrap;
vertical-align: middle;
}
.d_linkA:hover {
text-decoration: underline;
cursor: pointer;
}
.d_linkA:active {
text-decoration: none;
margin-top: 0;
}
.d_nameD {
display: inline-table;
margin: 0;
padding: 0;
}
.d_nameD .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_SortName {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
margin-left: 20px;
}
.d_num {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
}
.d_num .font {
vertical-align: middle;
}
.d_NumBox {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
margin-right: 20px;
}
.d_VlineB {
width: 100%;
height: 0px;
}
.d_summary {
text-align: left;
vertical-align: top;
word-break: break-all;
}
.d_nameB {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameB .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ProSummary {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.d_Title {
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
}
.d_Title .font {
white-space: nowrap;
vertical-align: middle;
}
.d_nameA {
display: inline-table;
margin: 0;
padding: 0;
text-align: right;
}
.d_nameA .font {
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.d_ProName {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.e_title.p_share {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.p_share {
white-space: nowrap;
vertical-align: middle;
}
.p_share:hover {
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
.p_share:active {
text-decoration: none;
margin-top: 0;
}
.e_title.d_linkD {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.d_linkD {
white-space: nowrap;
vertical-align: middle;
}
.d_linkD:hover {
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
.d_linkD:active {
text-decoration: none;
margin-top: 0;
}
.p_AssistNameD {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
}
.p_AssistNameD .font {
vertical-align: middle;
white-space: nowrap;
width: inherit;
}
.p_ShareBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.e_title.p_commentA {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.p_commentA {
white-space: nowrap;
vertical-align: middle;
}
a>.e_title.p_commentA:hover {
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
a>.e_title.p_commentA:active {
text-decoration: none;
margin-top: 0;
}
.e_title.d_linkC {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.d_linkC {
white-space: nowrap;
vertical-align: middle;
}
a>.e_title.d_linkC:hover {
text-decoration: underline;
cursor: pointer;
}
a>.e_title.d_linkC:active {
text-decoration: none;
margin-top: 0;
}
.p_AssistNameC {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
}
.p_AssistNameC .font {
vertical-align: middle;
white-space: nowrap;
width: inherit;
}
.p_CommentBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.p_view {
display: inline-block;
margin: 0;
padding: 0 5px 0 0;
vertical-align: middle;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.p_view .font {
vertical-align: middle;
display: table-cell;
}
.p_AssistNameB {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
}
.p_AssistNameB .font {
vertical-align: middle;
white-space: nowrap;
width: inherit;
}
.p_ViewBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.p_favorite {
display: inline-table;
margin: 0;
padding: 0 5px 0 0;
vertical-align: middle;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.p_favorite .font {
vertical-align: middle;
display: table-cell;
}
.p_AssistNameA {
display: inline-block;
margin: 0;
padding: 0;
text-align: right;
}
.p_AssistNameA .font {
vertical-align: middle;
white-space: nowrap;
width: inherit;
}
.p_FavoriteBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.p_assist {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 28px;
position: absolute;
left: 2px;
bottom: 0px;
width: 28px;
height: calc(100% - 20px);
}
.p_SwitchBtnC:hover {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnC:hover .iconfont {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnC:active .iconfont {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnC .font {
height: 100%;
}
.p_SwitchBtnC .iconfont::before {
content: "\e687";
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_SwitchBtnD {
position: absolute;
right: 4px;
bottom: 0px;
width: 28px;
height: calc(100% - 20px);
cursor: pointer;
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
}
.p_SwitchBtnD:hover {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnD:hover .iconfont {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnD:active .iconfont {
color: rgba(0, 0, 0, 0.45);
}
.p_SwitchBtnD .font {
height: 100%;
}
.p_SwitchBtnD .iconfont::before {
content: "\e6ae";
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_ProRelationImg {
position: relative;
float: left;
margin-right: 5px;
border: 2px solid rgba(0, 0, 0, 0);
border-style: solid;
cursor: pointer;
overflow: hidden;
}
.p_ProRelationImg img {
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.p_ProRelationImg:hover {
border-color: rgba(105, 192, 188, 1);
}
.p_ProRelationImg:hover .shape {
border-bottom-color: rgba(105, 192, 188, 1)
}
.p_ProRelationImg.click img {
border-color: rgba(105, 192, 188, 1);
}
.p_ProRelationImg.active {
border-width: 2px;
border-color: red;
}
.p_ThumbnailBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
min-height: 100px;
}
.p_easy_zoom {
padding: 0;
}
.p_easy_zoom {
border: 5px solid #eee;
background: #fff;
position: absolute;
top: 60px;
left: 400px;
overflow: hidden;
-moz-box-shadow: 0 0 10px #777;
-webkit-box-shadow: 0 0 10px #777;
box-shadow: 0 0 10px #777;
text-align: center;
z-index: 999;
}
#easy_zoom {
padding: 0;
}
.p_zoom {
border-width: 0;
text-align: center;
margin: 0;
width: 145px !important;
height: 151px !important;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
background: rgba(254, 238, 167, .3);
border: 1px solid rgba(212, 212, 212, .3);
}
.p_TagBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden;
}
.e_title.p_linkB {
display: inline-block;
padding: 0;
text-align: left;
}
.e_title.p_linkB {
white-space: nowrap;
vertical-align: middle;
}
a>.e_title.p_linkB:hover {
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
a>.e_title.p_linkB:active {
text-decoration: none;
margin-top: 0;
}
.p_ProductDetail {
margin: 0;
width: 880px;
height: auto;
padding: 0;
}
.d_ProductDetail {
height: auto;
width: 100%;
display: flex;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
-webkit-align-items: stretch;
-moz-flex-flow: row wrap;
-moz-align-items: stretch;
display: -ms-flexbox;
display: -ms-flex;
-ms-flex-flow: row wrap;
-ms-align-items: stretch;
display: flex;
flex-flow: row wrap;
display: -webkit-box;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.p_imagesA {
position:relative;
float: left;
width: auto;
height: auto;
padding-bottom: 20px;
margin: 0;
padding: 0;
}
.p_images {
margin: 0;
width: 415px;
height: 278px;
padding: 0;
overflow: hidden;
}
.p_image {
width: 100%;
height: 100%;
}
.p_ThumbnailBox {
width: auto;
height: auto;
overflow: hidden;
padding-top: 20px;
padding-left: 33px;
padding-right: 26px;
position: relative;
display: inline-block !important;
}
.p_assist {
width: 100%;
height: auto;
display: inline-block;
padding-left: 36px;
margin-top: 10px;
}
.p_FavoriteBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.p_CommentBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.p_ShareBox {
width: auto;
height: auto;
display: inline-block;
padding-right: 40px;
vertical-align: middle;
margin-right: 5px;
}
.p_ViewBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.p_AssistNameB {
display: inline-block;
vertical-align: middle;
}
.p_AssistNameB .iconfont {
margin-right: 5px;
}
.p_AssistNameB .iconfont:before {
content: "\e69e";
}
.p_favorite {
display: inline-block;
vertical-align: middle;
}
.p_commentA {
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.p_share {
display: inline-block;
vertical-align: middle;
margin-top: 0;
cursor: text;
}
.p_ProInfo {
float: left;
padding-left: 18px;
width: auto;
height: auto;
min-width: 200px;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
display: block;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.p_content {
width: auto;
height: auto;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
}
.d_ProName {
width: auto;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.d_nameB {
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.d_nameB .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_ProSummary {
width: auto;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex; margin-bottom: 10px;
}
.d_summary {
display: inline-block;
vertical-align: middle;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
white-space: normal;
}
.d_nameC {
display: inline-block;
vertical-align: top;
}
.d_SizeBox {
width: auto;
height: auto;
vertical-align: middle;
margin-bottom: 20px;
}
.d_WeightBox {
width: auto;
height: auto;
vertical-align: middle;
margin-bottom: 20px;
}
.d_ArticleHline {
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
border-top-style: dashed;
}
.p_PriceBox {
background: #FFF1F0;
width: auto;
height: auto;
padding: 0;
margin-bottom: 0px;
min-height: 52px;
margin: 18px 0;
padding-top: 10px;
}
.p_PriceBox .p_ViewBox {
display: none;
}
.d_num, .d_numA, .d_Weight, .d_SalePrice, .d_MarketPrice, .d_MarketPriceBox, .d_unitA {
display: inline-block;
vertical-align: middle;
}
.d_SalePriceBox {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
}
.d_MarketPriceBox {
width: auto;
height: auto;
vertical-align: middle;
}
.d_unit {
display: inline-block;
vertical-align: middle;
width: auto;
margin-right: 30px;
}
.d_MOQ {
display: inline-block;
vertical-align: middle;
}
.d_ColorSpecBox {
width: auto;
height: auto;
overflow: hidden;
vertical-align: middle;
margin-bottom: 20px;
}
.d_nameI {
float: left;
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: top;
margin-top: 5px;
}
.d_nameI .font {
display: block;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.d_ColorSpec {
float: left;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 5px;
}
.d_ImgSpecBox {
width: auto;
height: auto;
overflow: hidden;
vertical-align: middle;
margin-bottom: 20px;
}
.d_Service {
vertical-align: middle;
display: inline-block;
}
.d_Service .iconfont {
display: inline-block;
}
.d_nameN {
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.d_nameN .font {
display: block;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.d_nameJ {
display: inline-block;
float: left;
width: 70px;
margin-right: 5px;
vertical-align: top;
margin-top: 5px;
}
.d_nameJ .font {
display: block;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.d_ImgSpec {
float: left;
vertical-align: middle;
margin-right: 10px;
}
.d_FontSpecBox {
width: auto;
height: auto;
overflow: hidden;
vertical-align: middle;
margin-bottom: 20px;
}
.d_nameK {
display: inline-block;
float: left;
width: 70px;
margin-right: 5px;
vertical-align: top;
margin-top: 5px;
}
.d_nameK .font {
display: block;
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.d_FontSpec {
float: left;
vertical-align: middle;
margin-right: 10px;
}
.d_ServiceBox {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 20px;
}
.d_NumberBox {
width: auto;
height: 28px;
vertical-align: middle;
overflow: hidden;
margin-bottom: 10px;
}
.d_nameM {
margin-right: 30px;
vertical-align: top;
float: left;
margin-top: 3px;
}
.d_nameM .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.p_infoB {
float: left;
display: inline-block;
vertical-align: middle;
}
.d_nameO {
display: inline-block;
width: 70px;
margin-right: 5px;
vertical-align: middle;
}
.d_nameO .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.p_interaction {
width: auto;
height: auto;
}
.d_nameA {
width: 70px;
margin-right: 5px;
vertical-align: top;
display: inline-block;
}
.d_nameA .font {
text-align: right;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.d_VlineB {
margin-top: 10px;
margin-bottom: 10px;
border-top-style: dashed;
}
.d_nameD {
width: 70px;
display: inline-block;
margin-right: 0px;
vertical-align: top;
}
.d_nameD .font {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_sort {
vertical-align: middle;
display: inline-block;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.d_sort .font {
white-space: normal;
}
.d_nameE {
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.d_nameE .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_nameF {
width: 70px;
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.d_nameF .font {
text-align: right;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.d_HlineA {
margin-top: 10px;
margin-bottom: 10px;
}
.p_qrbuyUrlBox {
position: relative;
display: inline-block;
}
.p_qrbuyText {
margin-top: 5px;
}
.p_qrbuyUrlBox:hover .p_imagesB {
display: block;
}
.p_imagesB {
display: none;
position: absolute;
top: 50px;
width: auto;
height: auto;
z-index: 10000;
left: 0px;
}
.p_Buy {
position: static;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 28px;
}
.p_AddCart {
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 28px;
}
.p_tipsBox {
position: absolute;
padding: 10px 20px;
text-align: center;
border-radius: 10px;
top: -50px;
white-space: nowrap;
left: 50%;
transform: translate(-50%, 0);
}
.p_tipsBox .iconfont::before {
content: '\e6c9';
position: absolute;
bottom: -9px;
left: 50%;
transform: translate(-50%, 0);
}
.p_dealer {
position: static;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 28px;
}
.p_dealer .iconfont {
margin-right: 10px;
}
.p_handBooksBox, .p_FAQBox {
position: relative;
float: left;
width: auto;
margin-right: 10px;
margin-bottom: 10px;
}
.p_downHandbook, .p_downFAQ {
display: block;
width: 100%;
height: 28px;
text-align: center;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
white-space: nowrap;
}
.p_downHandbook .iconfont::before, .p_downFAQ .iconfont::before {
content: "\e6c9";
display: inline-block;
margin-left: 10px;
}
.p_boxCont {
position: absolute;
left: 0;
top: 28px;
width: 100%;
box-sizing: border-box;
}
.p_itemTitle {
padding-left: 10px;
height: 24px;
cursor: pointer;
}
.p_itemTitle .font {
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
overflow: hidden;
}
.d_DescriptionBoxA {
clear: both;
width: 100%;
height: auto;
overflow: visible;
margin-top: 20px;
}
.d_DescriptionBoxB {
clear: both;
width: auto;
height: auto;
overflow: visible;
border: none;
}
.d_TabTitleBox {
overflow: hidden;
width: auto;
height: auto;
overflow: visible;
}
.d_DecTab {
float: left;
width: auto;
}
.d_TextTab {
float: left;
width: auto;
}
.d_CommentTab {
float: left;
width: auto;
margin-right: 2px;
}
.d_ProTitle {
margin-right: 10px;
width: 100px;
float: left;
}
.d_ProTitle .font {
display: block;
width: 103px;
overflow: hidden;
text-overflow: ellipsis;
}
.d_ProInfoA {
display: inline-block;
float: left;
}
.d_ProInfoA .font {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.d_description {
width: auto;
height: auto;
white-space: normal;
padding: 20px;
}
.d_unitB {
position: inherit;
vertical-align: middle;
}
.d_num .iconfont {
display: inline-block;
}
.d_DescriptionBigbox {
width: auto;
height: auto;
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
}
.p_zoom {
position: absolute;
left: 20px;
top: 20px;
cursor: move;
z-index: 999;
}
.d_SpecBoxA {
width: auto;
height: auto;
}
.d_TextBox {
width: 100%;
height: auto;
border: none;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.d_headTitle {
float: left;
margin-bottom: 10px;
}
.d_text {
display: inline;
}
.d_TextBoxBig {
width: auto;
height: auto;
border: none;
}
.d_comment {
width: auto;
height: auto;
border: none;
}
.p_TagBox {
position: absolute;
right: 0;
top: 0;
width: auto;
height: auto;
}
.p_tag {
display: inline-block;
float: left;
margin-left: 5px;
margin-bottom: 5px;
}
.p_nextpage {
width: auto;
height: auto;
width: 50%;
}
.p_nextpageA {
float: right;
width: 50%;
height: auto;
margin: 0;
background-color: transparent;
overflow: hidden;
vertical-align: middle;
text-align: right;
}
.p_nextName {
display: inline-block;
margin-right: 10px;
padding: 0;
vertical-align: middle;
text-align: left;
}
.p_nextName .font {
vertical-align: middle;
}
.p_nextNameA {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
padding: 0;
text-align: left;
}
.p_MinorLink {
display: inline-block;
vertical-align: middle;
}
.p_nextBox {
width: auto;
height: auto;
margin: 0;
padding: 20px;
margin-top: 40px;
overflow: hidden;
}
.p_nextBox a:hover {
color: #1890FF;
}
.p_nextpage {
float: left;
vertical-align: middle;
}
.AtlasRelationImgBoxA {
width: 100%;
height: 100%;
}
.p_ProRelationImg.widther {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.widther .AtlasRelationImgBoxA {
width: 100%;
height: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.p_ProRelationImg.widther .AtlasRelationImgBoxA img {
width: 100%;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.p_ProRelationImg.higher {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.higher .AtlasRelationImgBoxA {
height: 100%;
width: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.p_ProRelationImg.higher .AtlasRelationImgBoxA img {
height: 100%;
width: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #2457a6;
position: absolute;
}
.p_ProRelationImg.smaller {
height: 0;
padding-bottom: 11.22%;
}
.p_ProRelationImg.smaller .AtlasRelationImgBoxA {
height: auto;
width: auto;
text-align: center;
vertical-align: middle;
border-style: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.p_ProRelationImg.smaller .AtlasRelationImgBoxA img {
height: auto;
width: auto;
}
.d_Title {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.d_Title .font {
font-weight: bold;
white-space: normal;
text-align: left;
}
.p_linkB {
position: static;
width: inherit;
}
.p_QRCode {
width: auto;
height: auto;
text-align: center;
margin: 40px 0 0;
}
.p_SaveText {
width: auto;
height: auto;
margin-bottom: 10px;
}
.p_imageD {
width: auto;
height: auto;
}
.p_imageD img {
width: 225px;
height: 225px;
}
.p_imageD:after {
display: none;
}
.e_btn.js_disabled {
pointer-events: none;
}
.p_masker-wp {
z-index: 99999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.masker {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.55;
z-index: 999;
}
#viewwindow {
width: 100%;
height: 100%;
top: 0 !important;
overflow: hidden;
}
#turntable {
max-height: 100%;
max-width: 100%;
}
.p_agreement {
width: 800px;
height: 800px;
position: absolute;
top: 50%;
left: 50%;
z-index: 999999;
animation: scale 1s;
animation-fill-mode: both;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.p_Close {
width: auto;
position: absolute;
color: #000;
cursor: pointer;
top: 18px;
right: 10px;
z-index: 523;
}
.p_ProSummary .font {
display: inline-block;
width: 70px;
vertical-align: middle;
text-align: right;
margin-right: 10px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.p_imagesA .p_images {
width: 420px !important;
height: 320px !important;
}
}
#c_portalResProduct_detail-15580608610415060 .d_summary {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 30px!important;
	padding-right: 50px !important;
	border-bottom: 0px solid #eee !important;
}
.p_nextBox {
	margin-top: 0 !important;
}
#c_portalResProduct_detail-15580608610415060 .p_ProInfo {
	margin-top: 30px !important;
}
.c_portalResProduct_detail-01001005 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.c_portalResProduct_detail-01001005 >div {
	animation-fill-mode:both;
}
.c_portalResProduct_detail-01001005 .product_info {
	height:auto;
	width:100%;
	padding:0px;
	background:#fff;
	display:flex;position: relative;
	-webkit-flex-flow:row wrap;
	-webkit-align-items:flex-start;
	-moz-flex-flow:row wrap;
	-moz-align-items:flex-start;
	-ms-flex-flow:row wrap;
	-ms-align-items:flex-start;
	flex-flow:row wrap;
	align-items:flex-start;
}
.c_portalResProduct_detail-01001005 .p_nextBox a:hover {
	color:#0397db;
}
.c_portalResProduct_detail-01001005 .more_link {
	display:none;
}
.c_portalResProduct_detail-01001005 .more_link .link_c {
	display:inline-block;
	position:relative;
	margin:6px 22px 6px 0;
	padding-left:25px;
	font-size:14px;
	height:30px;
	background:none;
	color:#555;
	line-height:30px;
}
.c_portalResProduct_detail-01001005 .more_link .link_c:hover {
	color:#0397db;
}
.c_portalResProduct_detail-01001005 .more_link .link_c .iconfont {
	position:absolute;
	width:22px;
	height:25px;
	left:0px;
	top:5px;
}
.c_portalResProduct_detail-01001005 .more_link .download .iconfont:before {
	content:'\e63b';
	color:#0397db;
	font-size:22px;
}
.c_portalResProduct_detail-01001005 .more_link .joinus .iconfont:before {
	content:'\e63d';
	color:#0397db;
	font-size:22px;
}
.c_portalResProduct_detail-01001005 .more_link .share .iconfont:before {
	content:'\e67f';
	color:#0397db;
	font-size:22px;
}
.c_portalResProduct_detail-01001005 .d_DescriptionBoxA {
	background:#fff;
}
.c_portalResProduct_detail-01001005 .d_NumBox {
	display:none;
}
.c_portalResProduct_detail-01001005 .p_assist {
	display:none;
}
.c_portalResProduct_detail-01001005 .p_PriceBox {
	display:none;
}
.c_portalResProduct_detail-01001005 .d_NumberBox {
	display:none;
}
.c_portalResProduct_detail-01001005 .p_QRCode {
	display:none;
}
.c_portalResProduct_detail-01001005 .d_description {
	padding:0px;
}
.c_portalResProduct_detail-01001005 .d_DescriptionBigbox {
	padding:40px 40px 0;
}
.c_portalResProduct_detail-01001005 .d_nameD {
	display:none;
}
.c_portalResProduct_detail-01001005 .p_interaction button {
	margin-bottom:10px;
	background:#0397db;
	padding:0.6vw 3vw;
	border-radius:0px;
	font-size:16px;
	color:#fff;
	border:1px solid #0397db;
transition:all .36s ease;
}
.c_portalResProduct_detail-01001005 .p_interaction button:hover {
	background:#fff;
	color:#0397db;
	border:1px solid #0397db;
}
.c_portalResProduct_detail-01001005 .d_SortName {
	margin-left:0;
	font-size:0;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:nth-child(2) {
background: #28a085;
border: 1px solid #28a085;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:nth-child(3) {
background: #e08095;
border: 1px solid #e08095;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:nth-child(3) .font {
color: #fff;
}
.c_portalResProduct_detail-01001005 .p_linkA {
	display:inline-block;
	width:140px;
	height:50px;
	line-height:48px;
	text-align:center;
	margin-right:20px;
	transition:all 0.4s;
}
.c_portalResProduct_detail-01001005 .p_linkA .font {
	display:block;
	color:#fff;
	font-size:14px;
	transition:all 0.4s;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:hover {
	background:#fff;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:nth-child(2):hover .font {
color: #269e83;
}
.c_portalResProduct_detail-01001005 .d_SortName .p_linkA:nth-child(3):hover .font {
color: #e08095;
}
.c_portalResProduct_detail-01001005 .pro-num {
	margin-top:20px;
}
.c_portalResProduct_detail-01001005 .pro-num span {
	display:block;
	font-size:14px;
	color:#666;
}
.c_portalResProduct_detail-01001005 .pro-num > a {
	display:block;
	font-size:24px;
	font-family:got1;
	line-height:32px;
	color: #28a085;
	margin-top: 4px;
}
.c_portalResProduct_detail-01001005 .p_nextBox {
	padding:40px;
}
.c_portalResProduct_detail-01001005 .p_shopCartBox {
	display:none;
}
.c_portalResProduct_detail-01001005 .p_content {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.c_portalResProduct_detail-01001005 .p_SpecTab_1 {
	display:none;
}
.c_portalResProduct_detail-01001005 .d_DecTab {
	float:left;
	height:70px;
	width:calc((100% - 4px)/5);
	text-align:center;
	margin-right:2px;
	padding:0 20px;
	background:#e8e8e8;
	border-bottom: 2px solid #92aacf;
	cursor:pointer;
}
.c_portalResProduct_detail-01001005 .d_DecTab.active {
	background: #24a086;
}
.c_portalResProduct_detail-01001005 .d_DecTab.active .p_DecTabA_1 {
	color:#fff;
}
.c_portalResProduct_detail-01001005 .d_DecTab.active .p_customG_1 {
	color:#fff;
}
.c_portalResProduct_detail-01001005 .d_DecTab:nth-child(4) {
margin-right:0px;
}
.c_portalResProduct_detail-01001005 .d_DecTab .p_DecTabA_1 {
	color:#333;
	line-height:70px;
	font-size:24px;
	font-weight:bold;
}
.c_portalResProduct_detail-01001005 .d_DecTab .p_customG_1 {
	color:#333;
	line-height:70px;
	font-size:18px;
	font-weight:bold;
}
.c_portalResProduct_detail-01001005 .d_BaseInfo {
	display:block;
}
.c_portalResProduct_detail-01001005 .d_BaseInfoBox {
	background:#fff;
	padding:20px 0px;
	margin-bottom:0px;
	display:none;
}
.c_portalResProduct_detail-01001005 .d_ProTitle {
	width:60px;
}
.c_portalResProduct_detail-01001005 .d_ProTitle .font {
	display:block;
	width:63px;
	color:#0397db;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media screen and (min-width: 769px) {
.c_portalResProduct_detail-01001005 .p_imagesA {
width:60%;
}
.c_portalResProduct_detail-01001005 .p_images {
width: 100% !important;
}
.c_portalResProduct_detail-01001005 .d_Title.h2 {
font-size:32px;
color:#333;
}
.c_portalResProduct_detail-01001005 .p_interaction {
margin-bottom:20px;
}
.c_portalResProduct_detail-01001005 .p_products {
display:none;
}
.c_portalResProduct_detail-01001005 .d_summary p {
font-size:15px;
color:#0397db;
font-weight:bold;
}
.c_portalResProduct_detail-01001005 .d_summary li span {
color:#0397db;
}
.c_portalResProduct_detail-01001005 .p_ProInfo {
padding-left:5%;
margin-top:5%;
}
.c_portalResProduct_detail-01001005 .d_summary {
font-size:15px;
line-height:1.8;
color:#666;
padding:20px 0px;
border-bottom:1px solid #eee;
}
.c_portalResProduct_detail-01001005 .p_ProRelationImg:hover {
border-color:#0397db;
}
.c_portalResProduct_detail-01001005 .p_ProRelationImg:hover .shape {
border-bottom-color:#0397db;
}
.c_portalResProduct_detail-01001005 .p_ProRelationImg.click img {
border-color:#0397db;
}
.c_portalResProduct_detail-01001005 .p_ProRelationImg.active {
border-width:1px;
border-color:#0397db;
}
}
@media screen and (max-width: 768px) {
.c_portalResProduct_detail-01001005 .product_info {
display:block;
width:100%;
height:auto;
float:none;
padding:10px;
}
.c_portalResProduct_detail-01001005 .p_ProInfo {
padding:0px;
float:none;
}
.c_portalResProduct_detail-01001005 .d_summary p {
font-size:16px;
color:#0397db;
line-height:30px;
font-weight: bold;
}
.c_portalResProduct_detail-01001005 .d_summary li {
line-height:30px;
font-size:13px;
}
.c_portalResProduct_detail-01001005 .d_summary li span {
color:#0397db;
}
.c_portalResProduct_detail-01001005 .d_ProName {
padding: 20px 0px;
}
.c_portalResProduct_detail-01001005 .d_ProName .h2 {
font-size:20px;
}
.c_portalResProduct_detail-01001005 .d_summary {
margin-bottom: 0px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.c_portalResProduct_detail-01001005 .p_interaction button {
width:auto;
height:auto;
padding:2vw 5vw;
font-size:14px;
}
.c_portalResProduct_detail-01001005 .d_SortName a .font {
padding: 0;
font-size:14px;
}
.c_portalResProduct_detail-01001005 .d_DescriptionBoxA {
padding:0px;
}
.c_portalResProduct_detail-01001005 .d_DescriptionBigbox {
padding: 20px 10px 10px;
}
.c_portalResProduct_detail-01001005 .d_DecTab {
float: left;
width:calc((100% - 4px)/3);
margin-right:2px;
height: 50px;
text-align: center;
padding: 0 5px;
background: #e8e8e8;
border-bottom: 2px solid #0397db;
cursor: pointer;
}
.c_portalResProduct_detail-01001005 .d_DecTab .p_customG_1 {
color: #333;
line-height: 50px;
font-size: 14px;
font-weight: bold;
}
.c_portalResProduct_detail-01001005 .d_DecTab .p_DecTabA_1 {
color: #333;
line-height: 50px;
font-size: 14px;
font-weight: bold;
}
}
.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: 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: 768px) {
.w_grid-000 > div > .p_gridbox > .p_gridCell {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 769px) {
.w_grid-000 > div > .p_gridbox > .p_gridCell:first-child {
width: 100%;
margin-left:0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
#w_fimg-1615099193680 .p_dimage {
border-radius: 0rem!important;
margin-top: 50px!important;
}
#w_grid-1615084080464 {
margin-top: 12%!important;
}
div#content_box-1615127211424-0 {
display: none!important;
}
#w_grid-1618814166301, #w_grid-1611648734937, #w_grid-1618814448515, #w_grid-1619060401082, #w_grid-1619060984613, #w_grid-1619061534729 {
margin-top: 0%!important;
margin-bottom: 0%!important;
}
div#content_box-1618814166321-1, #content_box-1611648734957-1, #content_box-1618814448535-1, #w_grid-1608107320242, #w_grid-1608108289165, #w_grid-1618813323649, #w_grid-1592356687130, #content_box-1619060401102-1, #content_box-1619060984633-1, #content_box-1619061534749-1 {
display: none!important;
}
#w_grid-1618814166321, #w_grid-1611648734957, #w_grid-1618814448535 {
width: 100%!important;
}
.w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video {
position: absolute;
height: 100%!important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#w_fimg-1619399105063 {
width: 100%;
max-width: 220px!important;
}
#w_common_text-1619398512966 span {
font-size: 24px!important;
letter-spacing: 0px!important;
}
#w_grid-1623226363926 {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
}
.form-control::-webkit-input-placeholder {
font-size: 14px;
color:#999;
}
.form-control:-moz-placeholder {
font-size: 14px;
color:#999;
}
.form-control::-moz-placeholder {
font-size: 14px;
color:#999;
}
.form-control:-ms-input-placeholder {
font-size: 14px;
color:#999;
}
@media screen and (max-width: 768px) {
.c_portalResMessage_form-01001 {
width: 100%;
overflow: hidden;
}
.c_portalResMessage_form-01001 .p_intentionIntroTitle {
width: 100%;
padding: 0;
text-align: left;
margin-bottom: 10px;
margin-top: 20px;
}
.c_portalResMessage_form-01001 .p_UnitName {
margin-top: 10px;
}
.c_portalResMessage_form-01001 .p_CoupWBox {
padding: 0;
width: 80%;
margin: 32px auto 32px;
}
.c_portalResMessage_form-01001 .p_CoupWBox button {
width: 100%;
}
.c_portalResMessage_form-01001 .p_ConWBox {
padding: 0;
}
.c_portalResMessage_form-01001 .form-group {
margin: 0;
padding: 0 15px;
}
.c_portalResMessage_form-01001 .p_image {
position: absolute;
right: 16px;
top: 50px;
height: 29px;
}
.c_portalResMessage_form-01001 .p_checkboxA {
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .shape {
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 label.option .font {
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_sex {
display: inline-block;
}
.c_portalResMessage_form-01001 .p_DepictInfoB p img {
max-width: 100% !important;
}
.c_portalResMessage_form-01001 .p_CaptchasBox {
position: relative;
}
.c_portalResMessage_form-01001 .p_sendBox, .c_portalResMessage_form-01001 .p_sendTimerBox {
display: inline-block;
}
.c_portalResMessage_form-01001 .p_sendBox {
margin-top: 10px;
}
}
@media only screen and (min-width: 769px) {
.c_portalResMessage_form-01001 .e_box, .c_portalResMessage_form-01001 .e_icon, .c_portalResMessage_form-01001 .e_title {
width: auto;
height: auto;
}
.c_portalResMessage_form-01001 {
width: 100%;
height: auto;
overflow: hidden;
}
.c_portalResMessage_form-01001 .p_inquiry {
}
.c_portalResMessage_form-01001 .p_ConWBox {
padding: 5px 40px 25px;
}
.c_portalResMessage_form-01001 .boxTitle {
overflow: hidden;
}
.c_portalResMessage_form-01001 .p_titleBoxA {
}
.c_portalResMessage_form-01001 .boxTitleText {
padding: 0 15px;
font-size: 16px;
float: left;
height: 40px;
line-height: 40px;
padding-bottom: 9px;
text-align: center;
}
.c_portalResMessage_form-01001 .boxTitleText .font {
display: table-cell;
white-space: nowrap;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .boxTitleText .iconfont:before {
display: inline-block;
}
.c_portalResMessage_form-01001 .p_NameB {
display: inline-block;
font-size: 14px;
width: 110px;
text-align: right;
}
.c_portalResMessage_form-01001 .p_NameInfoB {
display: inline-block;
font-size: 20px;
font-weight: bold;
text-align: left;
}
.c_portalResMessage_form-01001 .p_DepictBoxB {
padding: 10px 0 0;
line-height: 20px;
overflow: hidden;
}
.c_portalResMessage_form-01001 .p_DepicNameB {
float: left;
font-size: 14px;
width: 110px;
text-align: right;
}
.c_portalResMessage_form-01001 .p_DepictInfoB {
display: flex;
font-size: 14px;
}
.c_portalResMessage_form-01001 .p_DepictInfoB .reset_style p {
font-size: 14px;
}
.c_portalResMessage_form-01001 .p_groupBox {
padding-top: 0;
}
.c_portalResMessage_form-01001 .p_ContactInfo .p_groupBox .p_GuideBox {
vertical-align: top;
}
.c_portalResMessage_form-01001 .p_groupBox textarea {
display: block;
width: inherit;
height: inherit;
resize: none;
height: 92px;
padding: 6px;
background: none;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .e_text {
width: 335px;
display: inline-block;
position: relative;
}
.c_portalResMessage_form-01001 .d_CustomValueBox {
max-width: 725px;
display: inline-block;
vertical-align: middle;
white-space: normal;
width: auto;
height: auto;
}
.c_portalResMessage_form-01001 .p_sex {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-right: 10px;
}
.c_portalResMessage_form-01001 .p_sex .option {
width: auto;
height: auto;
cursor: pointer;
line-height: 100%;
}
.c_portalResMessage_form-01001 .p_sex .shape {
display: inline-block;
vertical-align: top;
width: 15px;
height: 15px;
border-radius: 50%;
position: relative;
top: 2px;
}
.c_portalResMessage_form-01001 .p_sex .radio {
z-index: 99;
opacity: 0;
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first {
opacity: 1;
}
.c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+i:after {
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
display: block;
}
.c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first:before {
content: "\e669";
font-size: 21px;
position: absolute;
top: -3px;
left: -3px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .e_unit {
display: inline-block;
}
.c_portalResMessage_form-01001 .p_DateIcon {
position: absolute;
left: 310px;
display: inline-block;
width: 20px;
top: 50%;
font-size: 18px;
margin-top: -10px;
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_checkboxContainerBox {
width: auto;
height: auto;
margin: 10px 0;
}
.c_portalResMessage_form-01001 .p_checkboxContainerB {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.c_portalResMessage_form-01001 .p_checkboxContainerA {
display: inline-block;
vertical-align: middle;
white-space: normal;
width: auto;
height: auto;
}
.c_portalResMessage_form-01001 .p_checkboxA {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-right: 10px;
}
.c_portalResMessage_form-01001 .p_checkboxA .shape {
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_checkboxA .shape .iconfont {
display: none;
}
.c_portalResMessage_form-01001 .p_checkboxA .option {
width: auto;
height: auto;
position: relative;
}
.c_portalResMessage_form-01001 .p_checkboxA:hover {
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_checkboxA label:hover {
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_checkboxA .font {
width: auto;
display: inline-block;
}
.c_portalResMessage_form-01001 .p_checkboxA .first:before {
}
.c_portalResMessage_form-01001 .p_checkboxA .first {
height: 0;
width: 0;
border: 10px solid transparent;
font-size: 20px;
opacity: 0;
position: absolute;
bottom: -10px;
right: -9px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i {
opacity: 1;
}
.c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i:after {
content: "";
width: 100px;
height: 30px;
position: absolute;
top: 9px;
right: -6px;
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i {
opacity: 1;
}
.c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i:after {
content: "";
width: 100px;
height: 30px;
position: absolute;
top: 9px;
right: -6px;
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c_portalResMessage_form-01001 .p_checkboxA .option .font {
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_checkboxA.active .shape {
}
.c_portalResMessage_form-01001 .p_ContactInfo {
padding-top: 10px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div {
margin-top: 24px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox {
display: inline-block;
width: 110px;
height: 30px;
line-height: 30px;
text-align: right;
overflow: hidden;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_GuideBox .e_icon {
display: inline-block;
font-size: 14px;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox .e_title {
display: inline-block;
font-size: 14px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .e_input, .c_portalResMessage_form-01001 .e_droplist, .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox, .c_portalResMessage_form-01001 select.InputText {
width: 335px;
height: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.c_portalResMessage_form-01001 select.InputText {
padding: 2px 10px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .InputText {
border-radius: 2px;
padding-left: 7px;
line-height: inherit;
height: inherit;
width: inherit;
display: inline-block;
background: none;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .iconfont, .c_portalResMessage_form-01001 .e_droplist .InputIcon {
display: block;
width: 22px;
height: inherit;
text-align: center;
line-height: inherit;
position: absolute;
top: 0;
left: 0;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox {
width: 165px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryInput {
width: 165px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_image {
display: inline-block;
position: relative;
width: 85px;
height: 30px;
border-style: none;
cursor: pointer;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA {
position: relative;
padding-right: 16px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA .iconfont:before {
position: absolute;
right: 0;
top: 3px;
content: "";
display: block;
}
.c_portalResMessage_form-01001 .e_droplist input {
width: calc(100% - 30px);
border-radius: 2px 0 0 2px;
padding-left: 7px;
height: inherit;
line-height: inherit;
display: inline-block;
background: none;
}
.c_portalResMessage_form-01001 .e_droplist .shape {
display: block;
position: absolute;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
top: 0;
right: 0;
font-size: 12px;
border-left: none;
}
.c_portalResMessage_form-01001 .e_droplist .shape {
cursor: default;
}
.c_portalResMessage_form-01001 .p_AreaBox .e_droplist .shape:before {
content: "\e6c9";
}
.c_portalResMessage_form-01001 .e_droplist.error input {
}
.c_portalResMessage_form-01001 .e_droplist.error .shape {
}
.c_portalResMessage_form-01001 .e_droplist.hover input {
}
.c_portalResMessage_form-01001 .e_droplist.hover .shape {
}
.c_portalResMessage_form-01001 .e_droplist.hover input {
}
.c_portalResMessage_form-01001 .e_droplist:hover input {
}
.c_portalResMessage_form-01001 .e_droplist:hover .shape {
}
.c_portalResMessage_form-01001 .e_droplist:hover input {
}
.c_portalResMessage_form-01001 .e_droplist.hover .itembox {
}
.c_portalResMessage_form-01001 .e_droplist .itembox {
width: 100%;
max-height: 100px;
overflow: auto;
position: absolute;
top: 30px;
left: 0;
font-size: 12px;
border-top: none;
z-index: 99;
}
.c_portalResMessage_form-01001 .e_droplist .itembox li {
height: 30px;
line-height: 30px;
padding-left: 5px;
}
.c_portalResMessage_form-01001 .e_droplist .itembox li span {
margin-left: 5px;
}
.c_portalResMessage_form-01001 .e_droplist .itembox li>i {
font-size: 18px;
line-height: 30px;
}
.c_portalResMessage_form-01001 .e_droplist .itembox li>i.ItemFirst {
margin-left: 5px;
}
.c_portalResMessage_form-01001 .e_droplist:hover .itembox {
}
.c_portalResMessage_form-01001 .e_droplist .itembox li:hover {
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_selectB {
width: auto;
}
.c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt {
left: 559px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .p_LoginPrompt .text-error:after, .c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt .text-error:after {
left: -15px;
}
.c_portalResMessage_form-01001 .p_ContactInfo>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error {
display: none;
}
.c_portalResMessage_form-01001 .p_groupBox>div .success .icon-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .icon-error {
display: inline-block;
vertical-align: middle;
height: 14px;
font-size: 14px;
margin: 0 10px;
position: static;
width: auto;
margin-top: 8px;
}
.c_portalResMessage_form-01001 .p_groupBox>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error {
display: none;
}
.c_portalResMessage_form-01001 .p_CoupWBox, .c_portalResMessage_form-01001 .p_CoupWBoxA {
height: 40px;
}
.c_portalResMessage_form-01001 .p_CoupWBox>div, .c_portalResMessage_form-01001 .p_CoupWBoxA>div {
margin-top: 9px;
font-size: 14px;
padding: 0 16px;
cursor: pointer;
}
.c_portalResMessage_form-01001 .p_SaveWBtn, .c_portalResMessage_form-01001 .p_SaveWBtnA {
float: left;
margin-left: 20px;
height: 25px;
text-align: center;
line-height: 25px;
}
.c_portalResMessage_form-01001 .p_canelbtn, .c_portalResMessage_form-01001 .p_canelbtnA {
float: right;
margin-right: 20px;
height: 25px;
line-height: 25px;
}
.c_portalResMessage_form-01001 .p_succ, .c_portalResMessage_form-01001 .p_fail {
width: 300px;
height: 113px;
font-size: 22px;
margin: auto;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 9999999999;
display: none;
line-height: 102px;
text-align: center;
}
.c_portalResMessage_form-01001 .p_succ .iconfont, .c_portalResMessage_form-01001 .p_fail .iconfont {
margin-right: 10px;
display: inline-block;
}
.c_portalResMessage_form-01001 .p_succ .iconfont:before {
content: "\e648";
}
.c_portalResMessage_form-01001 .p_succ .fontbox, .c_portalResMessage_form-01001 .p_fail .fontbox {
display: inline-block;
}
.c_portalResMessage_form-01001 .p_fail {
width: 360px;
}
.c_portalResMessage_form-01001 .p_fail .iconfont {
}
.c_portalResMessage_form-01001 .p_fail .iconfont:before {
content: "\e641";
}
.c_portalResMessage_form-01001 .numTxt::-webkit-outer-spin-button, .c_portalResMessage_form-01001 .numTxt::-webkit-inner-spin-button {
-webkit-appearance: none !important;
-moz-appearance: textfield;
}
.c_portalResMessage_form-01001 .p_eqdescName .font, .c_portalResMessage_form-01001 .p_nameB .font, .c_portalResMessage_form-01001 .p_NickName .font, .c_portalResMessage_form-01001 .p_nameC .font, .c_portalResMessage_form-01001 .p_nameE .font, .c_portalResMessage_form-01001 .p_nameD .font, .c_portalResMessage_form-01001 .p_nameH .font, .c_portalResMessage_form-01001 .p_nameL .font, .c_portalResMessage_form-01001 .p_nameJ .font, .c_portalResMessage_form-01001 .p_nameM .font, .c_portalResMessage_form-01001 .p_nameG .font, .c_portalResMessage_form-01001 .p_SectorName .font, .c_portalResMessage_form-01001 .p_JobName .font, .c_portalResMessage_form-01001 .p_BusinessName .font, .c_portalResMessage_form-01001 .p_nameA .font, .c_portalResMessage_form-01001 .p_nameI .font, .c_portalResMessage_form-01001 .p_nameF .font, .c_portalResMessage_form-01001 .p_area .font, .c_portalResMessage_form-01001 .p_nameK .font, .c_portalResMessage_form-01001 .p_titleC .font {
overflow: hidden;
max-width: 6em;
text-overflow: ellipsis;
white-space: nowrap;
}
.c_portalResMessage_form-01001 .p_groupBox .p_GuideBox .e_icon.p_desc_star {
display: inline-block;
font-size: 14px;
vertical-align: 1px;
}
.c_portalResMessage_form-01001 .p_PromptDisabled {
margin: 15px;
}
.c_portalResMessage_form-01001 .p_PromptNoneData {
width: auto;
background-color: inherit;
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .iconfont:before {
content: "";
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first {
height: auto;
display: table-cell;
font-size: 32px;
position: relative;
vertical-align: middle;
padding: 0 10px 5px 0;
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title {
display: inline-table;
padding: 0 30px;
min-height: 100px;
height: 100%;
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first:before {
content: "\e6b4";
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .font {
font-size: 18px;
display: table-cell;
line-height: normal;
vertical-align: middle;
font-weight: bold;
text-align: left;
}
.c_portalResMessage_form-01001 .p_PromptNoneData .promptbox {
width: auto;
height: 100%;
}
.c_portalResMessage_form-01001 .p_PromptNoneData .prompt_content {
font-size: 14px;
padding-left: 65px;
}
.c_portalResMessage_form-01001 .p_SectorBox.error .p_selectC {
}
.c_portalResMessage_form-01001 .p_SectorBox.error .e_droplist .shape {
height: 28px;
}
.c_portalResMessage_form-01001 .p_LoginPrompt {
position: absolute;
bottom: -22px;
left: 0;
white-space: nowrap;
}
.c_portalResMessage_form-01001 .p_intentionIntroTitle {
min-width: 120px;
text-align: right;
}
.c_portalResMessage_form-01001 .form-control {
max-width: 470px;
}
.c_portalResMessage_form-01001 .p_CoupWBox {
padding-left: 102px;
margin-bottom: 30px;
}
.c_portalResMessage_form-01001 .p_selectC {
display: inline-block;
position: relative;
}
.c_portalResMessage_form-01001 .p_UnitName {
position: absolute;
right: -110px;
top: 6px;
width: 100px;
}
.c_portalResMessage_form-01001 .p_sendBox, .c_portalResMessage_form-01001 .p_sendTimerBox {
display: inline-block;
margin-left: 10px;
}
.c_portalResMessage_form-01001 .p_phoneCode, .c_portalResMessage_form-01001 .p_phoneMailCode {
margin-top: 24px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@CHARSET "UTF-8";
* {
	padding: 0;
	margin: 0;
}
.pagebox {
	width: 100%;
}
.pagebox, #-remove--flag {
}
body, #-remove--flag {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
}
@media only screen and (min-width: 1400px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1400px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
#c_portalResPublic_codeContainer-1623226364146 {
	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 (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
#c_portalResPublic_codeContainer-1623226364106 .ny-title dt {
	font-size:32px;
	color:#fff;
	line-height:32px;
	margin-bottom:4px;
	font-weight:bold;
	font-family:"微软雅黑";
}
#c_portalResPublic_codeContainer-1623226364106 .ny-title dd {
	font-size:16px;
	color:#fff;
	font-family:"pop";
}
#c_portalResPublic_codeContainer-1623226364106 {
	width:auto;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#c_portalResPublic_codeContainer-1623226364136 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResPublic_codeContainer-1623226364136 {
	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_portalResMessage_form-1623226364151 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResMessage_form-1623226364151 >div {
	animation-fill-mode:both;
}
#c_portalResMessage_form-1623226364151 .p_ContactInfo {
	font-size:0;
	text-align:center;
	padding-top:0;
}
#c_portalResMessage_form-1623226364151 .p_TelephoneBox {
	display:none;
}
#c_portalResMessage_form-1623226364151 .p_GenderBox {
	display:none;
}
#c_portalResMessage_form-1623226364151 .p_NameBox {
	display:none;
}
#c_portalResMessage_form-1623226364151 .p_DepictBoxB {
	display:none;
}
#c_portalResMessage_form-1623226364151 .p_FullNameBox {
	width:calc((100% - 40px)/2);
	display:inline-block;
}
#c_portalResMessage_form-1623226364151 .p_PhoneBox {
	width:calc((100% - 40px)/2);
	display:inline-block;
}
#c_portalResMessage_form-1623226364151 .p_EmailBox {
	width:calc((100% - 40px)/2);
	display:inline-block;
}
#c_portalResMessage_form-1623226364151 .p_CaptchasBox {
	width:calc((100% - 40px)/2);
	display:inline-block;
}
#c_portalResMessage_form-1623226364151 .form-control {
	border-radius:0px;
	max-width:none;
	border:0px solid #d2d2d2;
	box-shadow:none;
	height:50px;
}
#c_portalResMessage_form-1623226364151 .e_text {
	width:100%;
}
#c_portalResMessage_form-1623226364151 .p_intentionIntroTitle {
	min-width:auto;
}
#c_portalResMessage_form-1623226364151 .form-group {
	margin:10px;
}
#c_portalResMessage_form-1623226364151 .control-label {
	display:none;
}
#c_portalResMessage_form-1623226364151 .InputText {
	border-radius:0px;
	padding-left:10px;
	background-color:white;
	color:#333;
}
#c_portalResMessage_form-1623226364151 .e_input {
	height:50px;
	width:100%;
}
#c_portalResMessage_form-1623226364151 .p_groupBox textarea {
	min-height:160px;
	padding:10px;
	max-width:100%;
}
#c_portalResMessage_form-1623226364151 .btn-primary {
	background-color:#28a085;
	border:0px;
	border-radius:0px;
	width:100%;
	height:50px;
	transition:0.5s;
	font-size:16px;
}
#c_portalResMessage_form-1623226364151 .btn-primary:hover {
	background-color:#e08095;
	color:#fff;
}
#c_portalResMessage_form-1623226364151 .p_CoupWBox {
	padding-left:0px;
	display:flex;
	justify-content:center;
	margin-top:10px;
	padding:0 10px;
	margin-bottom:0px;
	height:50px;
}
#c_portalResMessage_form-1623226364151 .p_EntryBox {
	height:50px;
	width:calc(100% - 98px);
	display:inline-block;
	margin-right:8px;
}
#c_portalResMessage_form-1623226364151 .p_image {
	width:90px;
	height:50px;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	line-height:50px;
}
#c_portalResMessage_form-1623226364151 .p_ConWBox {
	padding:0px;
}
@media screen and (max-width: 768px) {
#c_portalResMessage_form-1623226364151 .p_groupBox textarea {
min-height: 140px;
}
#c_portalResMessage_form-1623226364151 .e_input {
height: 42px;
}
#c_portalResMessage_form-1623226364151 .form-control {
height: 42px;
}
#c_portalResMessage_form-1623226364151 .p_FullNameBox {
width:calc((100% - 20px)/1);
display:inline-block;
}
#c_portalResMessage_form-1623226364151 .p_PhoneBox {
width:calc((100% - 20px)/1);
display:inline-block;
}
#c_portalResMessage_form-1623226364151 .p_EntryBox {
width: calc(100% - 100px);
margin-right:10px;
}
#c_portalResMessage_form-1623226364151 .p_EmailBox {
width:100%;
padding-right:20px !important;
}
#c_portalResMessage_form-1623226364151 .p_CaptchasBox {
width:100%;
padding-right:20px !important;
}
#c_portalResMessage_form-1623226364151 .p_CoupWBox {
margin: 5px auto 0;
width: 100%;
padding: 0 10px;
}
#c_portalResMessage_form-1623226364151 .form-group {
padding: 0;
margin:5px 10px;
}
#c_portalResMessage_form-1623226364151 .p_image {
bottom: auto;
position: unset;
}
#c_portalResMessage_form-1623226364151 .p_ContactInfo {
padding: 0;
}
}
#c_portalResMessage_form-1623226364151 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#c_portalResBreadcrumb_nav-1623226364121 .p_breadcrumbList {
	text-align:left;
}
#c_portalResBreadcrumb_nav-1623226364121 .p_breadcrumbCurrent .font {
	color:#28a085 !important;
}
#c_portalResBreadcrumb_nav-1623226364121 {
	width:auto;
	max-width:1440px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
#c_portalResPublic_codeContainer-1623226364116 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResPublic_codeContainer-1623226364116 .link-sort {
	background:#fff;
	padding:30px;
	border-top:3px solid #28a085;
}
#c_portalResPublic_codeContainer-1623226364116 .qcode {
	border-bottom:1px solid #dbdbdb;
}
#c_portalResPublic_codeContainer-1623226364116 .qcode img {
	display:block;
	margin:0 auto;
	width:auto;
}
#c_portalResPublic_codeContainer-1623226364116 .qcode span {
	display:block;
	font-size:15px;
	lien-heihgt:15px;
	color:#333;
	text-align:center;
	margin:10px 0;
}
#c_portalResPublic_codeContainer-1623226364116 .tel {
	margin-top:10px;
}
#c_portalResPublic_codeContainer-1623226364116 .tel a:first-child {
	display:block;
	color:#0397db;
	font-size:26px;
	font-family:got1;
	text-align:center;
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn {
	display:block;
	width:180px;
	height:44px;
	background:#28a085;
	border-radius:50px;
	font-size:0px;
	text-align:center;
	line-height:44px;
	transition:all 0.5s;
	margin:10px auto 0;
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn i {
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:16px;
	background:url(../images/sideicon.png);
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn span {
	display:inline-block;
	color:#fff;
	font-size:14px;
	margin-left:10px;
	vertical-align:middle;
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn:hover {
	background:#e08095;
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn:hover i {
	background:url(../images/sideicon.png);
}
#c_portalResPublic_codeContainer-1623226364116 .conBtn:hover span {
	color:#fff;
}
#c_portalResPublic_codeContainer-1623226364116 a {
	color:#28a085;
	font-family:"din";
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
}
#c_portalResPublic_codeContainer-1623226364116 a:active, a:focus, a:hover {
	color:#2457a6;
	text-decoration:none;
	background:none;
	border:none;
}
#c_portalResPublic_codeContainer-1623226364116 {
	width:240px;
	max-width:none;
	min-width:0px;
	height:178px;
	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 (min-width: 1200px) and (max-width: 1400px) {
}
#c_portalResProduct_list-1623226364141 .p_Product {
	width:calc((100% - 0px)/10);
}
#c_portalResProduct_list-1623226364141 .p_CommonSummaryBoxA {
	text-align:center;
}
#c_portalResProduct_list-1623226364141 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResProduct_list-1623226364141 >div {
	animation-fill-mode:both;
}
#c_portalResProduct_list-1623226364141 .proSwiperBox {
	position:relative;
	padding:0px;
	font-size:0px;
	text-align:center;
}
#c_portalResProduct_list-1623226364141 .swiper-container {
	width:100%;
	height:auto;
	margin-bottom:30px;
}
#c_portalResProduct_list-1623226364141 .swiper-slide {
	overflow:hidden;
	width:calc((100% - 80px) / 4) !important;
	margin:10px;
}
#c_portalResProduct_list-1623226364141 .swiper-button-prev {
	display:inline-block;
	width:40px;
	height:50px;
	background:url(../images/moreleft.png) no-repeat center left;
	vertical-align:middle;
	transition:all 0.3s;
	margin-right:10px;
	cursor:pointer;
}
#c_portalResProduct_list-1623226364141 .swiper-button-next {
	display:inline-block;
	width:40px;
	height:50px;
	background:url(../images/moreright.png) no-repeat center right;
	vertical-align:middle;
	transition:all 0.3s;
	margin-left:10px;
	cursor:pointer;
}
#c_portalResProduct_list-1623226364141 .swiper-more {
	display:inline-block;
	width:80px;
	height:50px;
	background:url(../images/morebtn1.png) no-repeat;
	vertical-align:middle;
	transition:all 0.5s;
	margin:0 20px;
}
#c_portalResProduct_list-1623226364141 .swiper-more:hover {
	background:url(../images/morebtn2.png) no-repeat;
}
#c_portalResProduct_list-1623226364141 .swiper-button-prev:hover {
	background:url(../images/moreleft.png) no-repeat center right;
}
#c_portalResProduct_list-1623226364141 .swiper-button-next:hover {
	background:url(../images/moreright.png) no-repeat center left;
}
#c_portalResProduct_list-1623226364141 .proPic {
	overflow:hidden;
	background:#fff;
	border:1px solid #dbdbdb;
	transition:all 0.3s;
}
#c_portalResProduct_list-1623226364141 .proPic img {
	width:100%;
	transition:all 1s;
}
#c_portalResProduct_list-1623226364141 .proTitle {
	height:16px;
	line-height:16px;
	width:100%;
	text-align:center;
	color:#333;
	background:#f5f5f5;
transition:all .5s;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	padding:0 20px;
	margin-top:20px;
}
#c_portalResProduct_list-1623226364141 .proMs {
	text-align:center;
	color:#fff;
transition:all .5s;
	padding:0 10%;
	display:none;
	overflow:hidden;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
}
#c_portalResProduct_list-1623226364141 .proCotent:hover .proPic {
	border-color:#26a087;
}
#c_portalResProduct_list-1623226364141 .proCotent:hover .proPic img {
	transform:scale(1.1);
}
#c_portalResProduct_list-1623226364141 .proCotent:hover .proTitle {
	color:#26a087;
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
#c_portalResProduct_list-1623226364141 .swiper-slide {
width:calc((100% - 60px) / 3) !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#c_portalResProduct_list-1623226364141 .swiper-slide {
width:calc((100% - 40px) / 2) !important;
}
}
@media only screen and (max-width: 768px) {
#c_portalResProduct_list-1623226364141 .swiper-container {
margin-bottom:10px;
padding:5px;
}
#c_portalResProduct_list-1623226364141 .swiper-slide {
width:calc((100% - 20px) / 2) !important;
margin:5px;
}
#c_portalResProduct_list-1623226364141 .proTitle {
height:14px;
line-height:14px;
font-size:14px;
padding:0 10px;
margin-top:10px;
}
}
#c_portalResProduct_list-1623226364141 .p_page .pre .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#c_portalResProduct_list-1623226364141 .p_page .next .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#c_portalResProduct_list-1623226364141 .p_more .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#c_portalResProduct_list-1623226364141 .p_loading .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#c_portalResProduct_list-1623226364141 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#c_portalResProduct_category-1623226364111 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#c_portalResProduct_category-1623226364111 >div {
	animation-fill-mode:both;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox {
	background:none;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_parentBox {
	margin-top:1px;
	background:none;
	line-height:56px;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_linkBox {
	border-bottom:none;
	padding:0px;
	transition:all 0.5s;
	background:#fff;
}
#c_portalResProduct_category-1623226364111 .p_image {
	display:none;
}
#c_portalResProduct_category-1623226364111 .p_categoryBtn:before {
	display:none;
}
#c_portalResProduct_category-1623226364111 .icon-arrow_up {
	width:20px;
	height:20px;
	background:url(../images/pro_sort1.png) no-repeat;
}
#c_portalResProduct_category-1623226364111 .icon-arrow_down {
	width:20px;
	height:20px;
	background:url(../images/pro_sort2.png) no-repeat;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_title {
	font-size:16px;
	color:#1a1a1a;
	padding-left:20px;
	transition:all 0.5s;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_linkBox.click {
	background:#d7e8d4;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_linkBox.click a {
	color:#1a1a1a;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_parentBox .p_linkBox:hover {
	background:#28a085;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_linkBox:hover a {
	color:#fff;
	padding-left:30px;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_parentBox .p_linkBox:hover .p_categoryBtn {
	margin:0 30px 0 0;
}
#c_portalResProduct_category-1623226364111 .p_childBox {
	padding-left:0px;
}
#c_portalResProduct_category-1623226364111 .p_childBox:last-child {
	border-bottom:0px;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_parentBox {
	margin-top:0px;
	line-height:55px;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_linkBox {
	border-bottom:1px solid #dbdbdb;
	transition:all 0.5s;
	background:#f5f5f5;
	padding-left:20px;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_parentBox:last-child .p_linkBox {
	border-bottom:none;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_title {
	font-size:15px;
	padding-left:16px;
	background:url(../images/pro_sort3.png) no-repeat center left;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_linkBox.click {
	background:#f5f5f5;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_linkBox:hover {
	background:#f5f5f5 !important;
}
@media only screen and (max-width: 768px) {
#c_portalResProduct_category-1623226364111 .btn-primary {
border:none;
padding:0;
line-height:50px;
background-color: #24a183;
width:100%;
font-size: 16px;
}
#c_portalResProduct_category-1623226364111 .p_btn-hide {
background: #24a183;
}
#c_portalResProduct_category-1623226364111 .p_c-ff {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: sub;
background: url(../images/listicon3.png) no-repeat center center;
}
#c_portalResProduct_category-1623226364111 .p_btn-hide .p_c-fff {
background:url(../images/listicon1.png) no-repeat center center #fff;
}
#c_portalResProduct_category-1623226364111 .p_category.animate {
background: #fff;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox {
line-height:60px;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_parentBox {
margin-top: 0px;
border-bottom: 1px solid #dbdbdb;
}
#c_portalResProduct_category-1623226364111 .p_childBox .p_parentBox {
border-bottom: 0px solid #dbdbdb;
}
#c_portalResProduct_category-1623226364111 .p_categoryBox .p_linkBox {
height:60px;
}
#c_portalResProduct_category-1623226364111 .p_title {
padding:0;
}
}
#c_portalResProduct_category-1623226364111 {
	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) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
#w_grid-1623226363916 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363916 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363916 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell:nth-child(1n) {
display:flex;
align-items:center;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363916> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
#w_grid-1623226363916> div > .p_gridbox {
	background-image:url(../images/qyzbn.jpg);
	background-image-part-image:url(../images/qyzbn.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-size:100%;
}
#w_grid-1623226363926 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0;
clear:left;
}
@media only screen and (max-width: 768px) {
#w_grid-1623226363926 > div > .p_gridbox {
margin-top:10%;
margin-bottom:10%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226363936 > div > .p_gridbox {
	background-color:rgba(245, 245, 245, 1);
}
#w_grid-1623226363936 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363936 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363936 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226363936> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
#w_grid-1623226363946 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363946 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363946 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:calc(100% - 280px);
margin-left:40px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
margin-right:0px;
width:240px;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1100px) and (min-width: 769px) {
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:3%;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:76.2032%;
margin-left:3%;
margin-right:0px;
clear:none;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
margin-right:0px;
width:20.7968%;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
width:calc(100% - 280px);
margin-left:40px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
margin-left:0px;
clear:left;
margin-right:0px;
width:240px;
}
#w_grid-1623226363946> div > .p_gridbox > .p_gridCell:nth-child(2n) {
margin-right:0px;
}
}
#w_grid-1623226363956 > div > .p_gridbox {
	background-color:rgb(40, 160, 133);
}
#w_grid-1623226363956 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363956 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363956 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226363956> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
#w_grid-1623226363966 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0;
clear:left;
}
@media only screen and (max-width: 768px) {
#w_grid-1623226363966 > div > .p_gridbox {
background-color:rgba(16, 123, 105, 1);
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226363976 > 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-1623226363986 > div > .p_gridbox {
	background-color:rgba(255, 255, 255, 1);
}
#w_grid-1623226363986 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363986 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363986 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363986> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363986> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226363986> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226363996 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226363996 >div {
	animation-fill-mode:both;
}
#w_grid-1623226363996 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226363996> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226363996> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226363996> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226364006 > div > .p_gridbox {
	background-color:rgba(255, 255, 255, 1);
}
#w_grid-1623226364006 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226364006 >div {
	animation-fill-mode:both;
}
#w_grid-1623226364006 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226364006> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
#w_grid-1623226364026 > div > .p_gridbox {
	background-color:rgba(245, 245, 245, 1);
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
#w_grid-1623226364026 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226364026 >div {
	animation-fill-mode:both;
}
#w_grid-1623226364026 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (max-width: 768px) {
#w_grid-1623226364026 > div > .p_gridbox {
border-top:10px solid #fff;
border-bottom:10px solid #fff;
}
}
@media only screen and (min-width: 769px) {
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226364026> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
#w_grid-1623226364036 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226364036 >div {
	animation-fill-mode:both;
}
#w_grid-1623226364036 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226364036> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
#w_grid-1623226364046 > 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-1623226364056 > 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-1623226364066 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226364066 >div {
	animation-fill-mode:both;
}
#w_grid-1623226364066 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226364066> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0;
}
#w_grid-1623226364066> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0;
margin-right:0;
clear:none;
}
#w_grid-1623226364066> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226364076 > 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-1623226364086 > 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-1623226364096 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#w_grid-1623226364096 >div {
	animation-fill-mode:both;
}
#w_grid-1623226364096 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
margin-left:0px;
clear:left;
}
@media only screen and (min-width: 769px) {
#w_grid-1623226364096> div > .p_gridbox > .p_gridCell {
margin-bottom:0rem;
margin-top:0rem;
margin-left:0px;
}
#w_grid-1623226364096> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
width:100%;
margin-left:0px;
margin-right:0px;
clear:none;
}
#w_grid-1623226364096> div > .p_gridbox > .p_gridCell:nth-child(1n) {
margin-right:0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#w_grid-1623226363916 {
	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-1623226363926 {
	width:90%;
	max-width:1320px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:14%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14%;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226363936 {
	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-1623226363946 {
	width:100%;
	max-width:1460px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#w_grid-1623226363956 {
	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-1623226363966 {
	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-1623226363976 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:192px;
	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_grid-1623226363986 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:60px;
	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-1623226363996 {
	width:auto;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:0px;
}
#w_grid-1623226364006 {
	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-1623226364026 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226364036 {
	width:100%;
	max-width:1460px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226364046 {
	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:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226364056 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#w_grid-1623226364066 {
	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-1623226364076 {
	width:100%;
	max-width:1460px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226364086 {
	width:auto;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}
#w_grid-1623226364096 {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
@media screen and (max-width: 768px) {
}
#c_portalResProduct_detail-1623226364126 .pro-summary {
	border-bottom:1px solid #e8e8e8;
	margin-bottom:20px;
}
#c_portalResProduct_detail-1623226364126 .pro-summary h4 {
	font-size:24px;
	color:#2457a6;
}
#c_portalResProduct_detail-1623226364126 .pro-summary p {
	font-size:14px;
	color:#333;
	line-height:22px;
	text-align:justify;
	margin:10px 0 16px;
}
#c_portalResProduct_detail-1623226364126 .social {
	font-size:0;
	margin-top:20px;
}
#c_portalResProduct_detail-1623226364126 .social .icon {
	display:inline-block;
	width:40px;
	height:40px;
	margin-right:10px;
	transition:all 0.3s;
	cursor:pointer;
}
#c_portalResProduct_detail-1623226364126 .icon1 {
	background:url(../images/prosocial1.png) no-repeat;
}
#c_portalResProduct_detail-1623226364126 .icon2 {
	background:url(../images/prosocial2.png) no-repeat;
}
#c_portalResProduct_detail-1623226364126 .icon3 {
	background:url(../images/prosocial3.png) no-repeat;
}
#c_portalResProduct_detail-1623226364126 .icon4 {
	background:url(../images/prosocial4.png) no-repeat;
}
#c_portalResProduct_detail-1623226364126 .icon5 {
	background:url(../images/prosocial5.png) no-repeat;
}
#c_portalResProduct_detail-1623226364126 .wxPic3, #c_portalResProduct_detail-1623226364126 .wxPic4 {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.8);
	z-index:9999;
	display:flex;
	align-items:center;
	justify-content:center;
}
#c_portalResProduct_detail-1623226364126 .wxPic3 .wxImg, #c_portalResProduct_detail-1623226364126 .wxPic4 .wxImg {
	width:auto;
	font-size:0;
	text-align:center;
}
#c_portalResProduct_detail-1623226364126 .wxPic3 .wxImg img, #c_portalResProduct_detail-1623226364126 .wxPic4 .wxImg img {
	display:inline-block;
	margin:0 10px;
}
#c_portalResProduct_detail-1623226364126 .wxPic3 .wxImg p, #c_portalResProduct_detail-1623226364126 .wxPic4 .wxImg p {
	color:#fff;
	font-size:16px;
	text-align:center;
	margin-top:12px;
}
#c_portalResProduct_detail-1623226364126 .p_imagesA {
	width:55%;
}
#c_portalResProduct_detail-1623226364126 .p_SwitchBtnC {
	background:#f5f5f5;
	left:0;
}
#c_portalResProduct_detail-1623226364126 .p_SwitchBtnD {
	background:#f5f5f5;
	right:0;
}
#c_portalResProduct_detail-1623226364126 .d_Title.h2 {
	font-size:32px;
	line-height:36px;
}
#c_portalResProduct_detail-1623226364126 .d_DescriptionBigbox {
	padding:20px 20px;
}
#c_portalResProduct_detail-1623226364126 .d_description p {
	font-size:16px;
	color:#666;
	text-align:justify;
	line-height:28px;
}
#c_portalResProduct_detail-1623226364126 .details {
	padding-right:20px;
	padding-left:20px;
}
#c_portalResProduct_detail-1623226364126 .details dt {
	font-size:24px;
	color:#0397db;
	margin-bottom:10px;
}
#c_portalResProduct_detail-1623226364126 .details dd {
	font-size:15px;
	color:#4c4c4c;
	line-height:28px;
	text-align:justify;
	text-indent:30px;
	margin:10px 0;
}
#c_portalResProduct_detail-1623226364126 .details img {
	display:block;
	width:100% !important;
	margin:20px 0;
}
#c_portalResProduct_detail-1623226364126 .p_nextBox {
	padding:20px 40px 40px;
	border-top:1px solid #dbdbdb;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
#c_portalResProduct_detail-1623226364126 .p_linkA {
display: inline-block;
width: 130px;
text-align: center;
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
#c_portalResProduct_detail-1623226364126 .product_info {
padding: 20px 10px;
background:none;
}
#c_portalResProduct_detail-1623226364126 .p_imagesA {
width:100%;
}
#c_portalResProduct_detail-1623226364126 .p_imagesA .p_images {
height:auto !important;
}
#c_portalResProduct_detail-1623226364126 .p_image img {
position:unset !important;
transform:unset !important;
}
#c_portalResProduct_detail-1623226364126 .d_Title.h2 {
font-size: 18px;
line-height: 28px;
}
#c_portalResProduct_detail-1623226364126 .p_ThumbnailBox {
}
#c_portalResProduct_detail-1623226364126 .p_content {
margin: 0 0 20px 0;
padding:0;
}
#c_portalResProduct_detail-1623226364126 .d_ProName {
text-align: center;
padding:10px 0;
}
#c_portalResProduct_detail-1623226364126 .d_summary {
display: none;
}
#c_portalResProduct_detail-1623226364126 .pro-summary {
border-bottom:1px solid #e8e8e8;
margin-bottom:20px;
}
#c_portalResProduct_detail-1623226364126 .pro-summary h4 {
font-size:16px;
}
#c_portalResProduct_detail-1623226364126 .pro-summary p {
font-size:14px;
line-height:22px;
text-align:justify;
margin:10px 0;
}
#c_portalResProduct_detail-1623226364126 .p_products {
display:none;
}
#c_portalResProduct_detail-1623226364126 .d_SortName {
text-align: center;
width: 100%;
}
#c_portalResProduct_detail-1623226364126 .p_linkA {
margin:0 5px;
}
#c_portalResProduct_detail-1623226364126 .pro-num {
margin-top: 20px;
text-align: center;
}
#c_portalResProduct_detail-1623226364126 .pro-num a {
font-size: 32px;
}
#c_portalResProduct_detail-1623226364126 .social {
margin-top: 10px;
}
#c_portalResProduct_detail-1623226364126 .social .icon {
margin:0 5px;
}
#c_portalResProduct_detail-1623226364126 .d_DescriptionBoxA {
margin-top: 0px;
background:none;
border-top:1px solid #fff;
}
#c_portalResProduct_detail-1623226364126 .p_DecTabA_1 {
line-height: 50px;
font-size: 16px;
}
#c_portalResProduct_detail-1623226364126 .d_DescriptionBigbox {
padding: 10px 0 0;
}
#c_portalResProduct_detail-1623226364126 .d_description h2 {
font-size: 16px;
}
#c_portalResProduct_detail-1623226364126 .d_description p {
font-size: 14px;
line-height: 22px;
}
#c_portalResProduct_detail-1623226364126 .details {
padding:10px;
}
#c_portalResProduct_detail-1623226364126 .details dt {
font-size:16px;
margin-bottom:10px;
}
#c_portalResProduct_detail-1623226364126 .details dd {
font-size:14px;
line-height:22px;
text-indent:28px;
margin:5px 0;
}
#c_portalResProduct_detail-1623226364126 .details img {
margin:10px 0;
}
#c_portalResProduct_detail-1623226364126 .p_nextBox {
display:none;
margin: 0;
background: #fff;
padding: 0;
margin-top: 20px;
border-top: 1px solid #f5f5f5;
}
}
#c_portalResProduct_detail-1623226364126 .reset_style h3 {
	font-weight:700;
	font-size:22px;
	margin:0;
	color:#2457a6;
	line-height:30px;
	padding-top:1%;
}
#c_portalResProduct_detail-1623226364126 .e_box.e_box-000.p_images.cut.images.widther {
	height:600px!important;
}
#c_portalResProduct_detail-1623226364126 .e_box.e_box-000.p_images.cut.images.higher {
	height:600px!important;
}
@media screen and (max-width: 768px) {
#c_portalResProduct_detail-1623226364126 .e_box.e_box-000.p_images.cut.images.widther {
height: auto!important;
}
}
#c_portalResProduct_detail-1623226364126 {
	max-height:none;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	min-height:0px;
	margin-right:auto;
	margin-left:auto;
	max-width:none;
	width:94%;
	margin-top:0px;
	margin-bottom:0px;
	min-width:0px;
	height:auto;
	padding-right:0px;
}