@charset "utf-8";
@import url('../css/fonts.css');
.pc{ display:block}
.sj{ display:none}

@media (min-width:1px) and (max-width:991px){
.pc{display:none }
.sj{display:block }
}

body{ font-family: "Arial"; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#333;}
img,li{ vertical-align:top; border:0px; list-style-type: none;}
img{ max-width:100%;}
.clear{clear: both;}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}

body,td,th{ font-family:"Arial";font-size:12px;}
input{font-family:"Arial"; border:0; outline:medium;}
.container{width:94%;max-width:1400px;}


/*头部*/
.header{position: fixed; left: 0px; top: 0px; right: 0px; z-index: 10; transition: all 0.35s; background: rgba(255,255,255,1); border-top:#368476 solid 5px}
.header.fis_show{ box-shadow: 0 0 10px #d5d5d5; background: #fff;}
.header.fiss_show{ box-shadow: 0 0 10px #d5d5d5; background: #fff;}
@media (min-width:992px){
.header{ padding: 0 40px;}
}
@media (min-width:1px) and (max-width:991px){
.header{ padding: 0 15px; box-shadow: 0 0 10px #d5d5d5;}
}
/*region 导航*/
.headerwidth{ width:1300px; margin:0 auto}
@media (min-width: 1px) and (max-width: 991px) {
	.headerwidth{ width:100%; margin:0 auto}
}

.jdmenu{vertical-align: middle; text-align: center; }

.jdmenu .logo{ overflow: hidden; display: inline-block; float: left; vertical-align: middle; padding: 32px 0 15px 0;}
.jdmenu .logo img{ height: 32px; transition:all 0.5s; }

.jdmenu .nav{ display: inline-block; }
.jdmenu .nav>#jdmenu{ display: inline-block; float: left; }
.jdmenu .nav>#jdmenu>li{ display: inline-block; float: left; font-size: 16px; font-weight: bold; position: relative; text-transform: uppercase;}
.jdmenu .nav>#jdmenu>li>a{ display: block; color: #333; position: relative; transition: all 0.35s;}

.jdmenu .nav_right{ display: inline-block; float: right;  margin-top: 36px; transition: all 0.35s;}

.jdmenu .nav_right .searchclick{ display: inline-block; cursor: pointer; vertical-align: middle;}
.jdmenu .nav_right .searchclick .siconfont{ color: #333; transition: all 0.35s; font-size: 18px;}
.jdmenu .nav_right .searchclick .siconfont:before{content:"\e61f"}
.jdmenu .nav_right .searchclick .siconfont.active:before{content:"\e612"}

.jdmenu .search{ position:fixed; right: 0; top: 0; background: #414141; height: 0; width: 0; transition: all 0.65s; overflow: hidden;}
.jdmenu .search.active{ width: 100%; height: 100%;}
.jdmenu .search .close{ position: absolute; right: 15px; top: 15px; color: #fff; cursor: pointer;}
.jdmenu .search .close i{ font-size: 60px;}
.jdmenu .search .searchlist{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; text-align: center;}
.jdmenu .search .logo{ display: inline-block; float: none; -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.jdmenu .search .logo img{ height: auto!important;}
.jdmenu .search form{ display: flex; transition: all 0.35s; z-index: 2; padding: 0px 10px;background: #fff; }
.jdmenu .search form>input{ width: 100%; float: left; height: 40px; padding: 10px 10px; background: #fff; color: #333; border:0; transition: all 0.5s;}
.jdmenu .search form>button{ background: none; border: 0; cursor: pointer; outline: none; color: #333;}
.jdmenu .search form>button>i{ font-size: 20px; overflow: hidden; display: inline-block; margin-top: 1px;}
/*.jdmenu .search>form>input::-webkit-input-placeholder{ color: #fff; font-size: 18px;}
.jdmenu .search>form>input::-moz-placeholder{ color: #fff; font-size: 18px;}
.jdmenu .search>form>input::-moz-placeholder{ color: #fff; font-size: 18px;}
.jdmenu .search>form>input::-ms-input-placeholder{ color: #fff; font-size: 18px;}*/

.jdmenu .lang{ display: inline-block; margin-left: 20px; vertical-align: middle; cursor: pointer; border-left: 1px solid #333; padding-left: 20px; position: relative;}
.jdmenu .lang>a{ display: block; color: #333; font-size: 16px;}
.jdmenu .lang>a i{ display: inline-block;}
.jdmenu .lang>a i:first-child{ margin-right: 5px;}
.jdmenu .lang>a i:last-child{ margin-left: 5px;}
.jdmenu .lang>ul{ position: absolute; right: 0; top:20px; background: #fff; overflow: hidden; height: 0; transition: all 0.35s; display: block;}
.jdmenu .lang>ul>li{ display: block;}
.jdmenu .lang>ul>li>a{ display: block; display: flex; padding: 5px;}
.jdmenu .lang>ul>li>a>img{ width: 24px; float: left; margin: 0; margin-right: 5px; box-sizing: border-box; border: 1px solid #f5f5f5;}
.jdmenu .lang>ul>li:hover{ background: #368476;}
.jdmenu .lang>ul>li:hover>a{ color: #fff;}
.jdmenu .lang:hover>ul{ height: 132px;}

@media (min-width:992px){

.header.fiss_show .jdmenu .logo img{ -webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);}
.header.fiss_show .jdmenu .nav>#jdmenu>li>a{ padding: 23.5px 8px; color: #333;}
.header.fiss_show .jdmenu .lang{ border-color: #333;}
.header.fiss_show .jdmenu .lang>a{ color: #333;}
.header.fis_show .jdmenu .logo img{ height: 32px; -webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);}
.header.fis_show .jdmenu .nav>#jdmenu>li>a{ padding: 33.5px 8px; color: #333;}
.header.fis_show .jdmenu .nav_right{ margin-top: 33.5px;}
.header.fis_show .jdmenu .nav_right .searchclick .siconfont{ color: #333;}
.header.fis_show .jdmenu .lang{ border-color: #333;}
.header.fis_show .jdmenu .lang>a{ color: #333;}

.jdmenu .nav>#jdmenu>li:first-child{ display: none;}
.jdmenu .nav>#jdmenu>li:last-child{ display: none;}
.jdmenu .nav>#jdmenu>li>a{  padding: 36px 7px;}
.jdmenu .nav>#jdmenu>li:hover,.jdmenu .nav>#jdmenu>li.active{}
.jdmenu .nav>#jdmenu>li:hover>a,.jdmenu .nav>#jdmenu>li.active>a{ color: #368476!important;}
.jdmenu .nav>#jdmenu>li:nth-child(n+9):hover,.jdmenu .nav>#jdmenu>li:nth-child(n+9).active{ background: none;} 
}
@media (min-width:1230px){
.jdmenu .nav>#jdmenu>li>a{  padding: 36px 20px;}
.header.fiss_show .jdmenu .nav_right{ margin-top: 36px;}
.header.fiss_show .jdmenu .nav_right .searchclick .siconfont{ color: #333;}
.header.fiss_show .jdmenu .nav>#jdmenu>li>a{ padding: 36px 26px;}
.header.fis_show .jdmenu .nav>#jdmenu>li>a{ padding: 33.5px 26px;}
}

@media (min-width: 1px) and (max-width: 991px) {
.jdmenu{ display: block; background: none; }
.jdmenu .logo{ display: inline-block; padding: 15px 0;}
.jdmenu .logo img{ height: 20px;}
.header.fis_show .jdmenu .logo img{ -webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);}
.jdmenu .nav{ position: fixed; left: -220px; top: 0; bottom: 0px; z-index: 9; width:220px; background:#1f1f1f; overflow-y:auto; transition:all .5s ease; margin: 0;}
.jdmenu .nav>#jdmenu{ display: block; float: none; margin-bottom: 60px;}
.jdmenu .nav>#jdmenu>li:first-child{ background: #fff; padding: 0; text-align: center;}
.jdmenu .nav>#jdmenu>li:first-child>a{ background: #fff; padding: 10px;}
.jdmenu .nav>#jdmenu>li:first-child>a>img{ }
.jdmenu .nav>#jdmenu>li:last-child>a>i:first-child{ padding-right: 5px;}
.jdmenu .nav>#jdmenu>li:last-child>a>i:last-child{ padding-left: 5px;}
.jdmenu .nav>#jdmenu>li{ display: block; float: none; text-align: left;}
.jdmenu .nav>#jdmenu>li>a{ padding: 10px 15px; display: block; color: #fff; font-size: 15px;}

.jdmenu .nav_right{ display: none;}
}

/*二级导航*/
.jdmenu .nav>#jdmenu>li>.dropdown{width: auto; min-width: 100%; position: absolute; left: 0px; top: 67px; z-index: 99; padding:3px 0px; display: none; background: #eee;  color: #252525;}
.jdmenu .nav>#jdmenu>li>.dropdown>li{font-size: 14px;text-transform: capitalize; text-align: left}
.jdmenu .nav>#jdmenu>li>.dropdown>li>a{ color: #252525; padding: 10px 10px; display: block; }
.jdmenu .nav>#jdmenu>li>.dropdown>li:hover{ background: #bdbdbd;}
.jdmenu .nav>#jdmenu>li>.dropdown>li:hover>a{ color: #368476;}


@media (min-width: 992px) {
.jdmenu .nav>#jdmenu>li>.dropdown>li{ text-overflow:ellipsis; white-space: nowrap;}
}
@media (min-width: 1px) and (max-width: 991px){
    .jdmenu .nav>#jdmenu>li>.dropdown{ position: inherit; left: inherit; top: inherit; display: block; min-width: inherit; padding: 7px 0;}
    .jdmenu .nav>#jdmenu>li>.dropdown>li{ text-align: left;}
}
/*endregion*/

#in_portal .p_Product{ width:calc((100% - 0px)/4); }
 #in_portal .p_CommonSummaryBoxA{ text-align:center; }
 #in_portal .p_MatteIcon .iconfont:before{ content:'\e602'; }
 #in_portal >div{ animation-fill-mode:both; }
 #in_portal .proBox{ width:100%; height:auto; overflow:hidden; }
 #in_portal .proContainer{ width:100%; height:auto; overflow:hidden; margin:1rem auto; }
 #in_portal .proLi{ position:relative; overflow:hidden; padding:20px; }
 #in_portal .porTbox{ position:relative; overflow:hidden; width:100%; padding-bottom:75%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:medium none; }
 #in_portal .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; }
 #in_portal .porBbox{ position:relative; overflow:hidden; width:100%; padding:20px 20px 10px; border:1px solid #e6e6e6; text-align:left; background:#fff; }
 #in_portal .proTitle{ font-size:1rem; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; margin-bottom:10px; }
 #in_portal .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; display:none; }
 #in_portal .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; text-align:left; border-top:1px solid #e5e5e5; }
 #in_portal .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:85px; color:#3e8e82; }
 #in_portal .arrowsR img{ position:absolute; transition:all .5s ease; }
 #in_portal .harr{ opacity:0; }
 #in_portal .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(57, 57,57,.6); transition:all 0.5s ease; }
 #in_portal .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; }
 #in_portal .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
 #in_portal .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
 #in_portal .lookDetail:hover .barr{ opacity:0; }
 #in_portal .lookDetail:hover .harr{ opacity:1; }
 #in_portal .proLi:hover .showBox{ opacity:1; }
 #in_portal .proLi:hover .proImg{ transform:translate( -50% ,-50%) scale(1.1); }
 #in_portal .proLi:hover .showBoxLink::before{ width:1rem; }
 #in_portal .proLi:hover .showBoxLink::after{ width:1rem; }
 @media only screen and (max-width: 768px){ #in_portal .porBbox{ padding:10px;}
 #in_portal .proSummry{ margin: 5px 0;}
 #in_portal .porTbox{height:130px !important;}
 #in_portal .proLi{ width:50%!important; float:left!important; padding:2px!important;}
 }
 @media only screen and (min-width: 769px){ #in_portal .proContainer{ max-width:auto; }
 #in_portal .proLi{ width:calc(100% / 4); float:left; }
 }
 @media only screen and (max-width: 1024px) and (min-width: 769px){ #in_portal .porTbox{ height:350px;}
 #in_portal .proContainer { max-width:auto; }
 #in_portal .proLi { width:50%; }
 }
 #in_portal .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 #in_portal .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 #in_portal .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 #in_portal .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 #in_portal{ width:95%; max-width:1360px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }
 
  @media only screen and (max-width:768px){ .in_portal_list { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; }
 .in_portal_list .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; }
  .in_portal_list .p_categorySummaryBox { padding:15px; border-bottom:1px solid rgba(0,0,0,0.09); }
 .in_portal_list .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; }
  .in_portal_list .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; }
 .in_portal_list .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; }
 .in_portal_list .d_sortBtn:hover, .in_portal_list .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .p_default { -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; }
 .in_portal_list .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .d_sortBtn .font .iconfont:first-child{ display:none; }
 .in_portal_list .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; }
 .in_portal_list .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; }
 .in_portal_list .d_sortBtn:lang(active) .font .iconfont, .in_portal_list .d_sortBtn:hover .font .iconfont, .in_portal_list .d_sortBtn:active .font .iconfont { color: #1890FF; border-top-color: #1890FF; }
 .in_portal_list .d_sortBtn .font .down-arrow{ margin-top:0; border-top: 0 none; border-bottom: 5px solid rgba(0,0,0,0.45); }
 .in_portal_list .d_sortBtn .font .arrow:before{ content:"\e69c"; }
 .in_portal_list .p_default .font .iconfont { display:none; }
   .in_portal_list .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; }
 .in_portal_list .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/1)!important; padding: 15px 15px 0; height: inherit; }
 .in_portal_list .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; }
 .in_portal_list .p_Product:last-of-type .p_ProductInner { border:0 none; }
  .in_portal_list .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; }
 .in_portal_list .p_image { width: 100%; height: 100%; overflow: hidden; }
 .in_portal_list .p_imagesPc {display: none;}
 .in_portal_list .p_linkB { width: inherit; height: inherit; display: block; position: static; }
 .in_portal_list .p_image { width: 100%; height: 100%; padding:0; }
  .in_portal_list .p_ThumbnailBox { display: none; }
  .in_portal_list .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; }
  .in_portal_list .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; }
 .in_portal_list .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; }
 .in_portal_list .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; }
 .in_portal_list .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; }
 .in_portal_list .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; }
 .in_portal_list .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; }
 .in_portal_list .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; }
 .in_portal_list .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; }
 .in_portal_list .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; }
  .in_portal_list .p_salePricePc, .in_portal_list .p_NomBoxPc { display: none; }
  .in_portal_list .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; }
 .in_portal_list .d_summary{ color:#999; font-size:12px; line-height:20px; text-align:left; vertical-align:top; word-break:break-all; }
  .in_portal_list .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; }
 .in_portal_list .p_priceUnit::before { content: "\e6d7"; }
  .in_portal_list .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; }
 .in_portal_list .p_interaction .btn-default { display: inline-block; margin: 5px 0 0; }
  .in_portal_list .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; }
  }
  @media only screen and (min-width:769px){ .in_portal_list { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; }
 .in_portal_list .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 20px 25px; }
  .in_portal_list .p_categorySummaryBox { padding:0 0 20px; margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.09); }
 .in_portal_list .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; }
  .in_portal_list .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; }
 .in_portal_list .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); }
 .in_portal_list .d_sortBtn:hover, .in_portal_list .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .p_default { padding-right: 15px; }
 .in_portal_list .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; }
 .in_portal_list .d_sortBtn .font .iconfont:first-child{ display:none; }
 .in_portal_list .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);  }
 .in_portal_list .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; }
 .in_portal_list .d_sortBtn:lang(active) .font .iconfont, .in_portal_list .d_sortBtn:hover .font .iconfont, .in_portal_list .d_sortBtn:active .font .iconfont { color: #1890FF; }
 .in_portal_list .d_sortBtn .font .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  }
 .in_portal_list .d_sortBtn .font .down-arrow{ transform:rotate(0deg); -ms-transform:rotate(0deg);  -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg);  }
 .in_portal_list .d_sortBtn .font .arrow:before{ content:"\e69a"; }
 .in_portal_list .p_default .iconfont.arrow { display: none; }
   .in_portal_list .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; }
 .in_portal_list .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; }
 .in_portal_list .p_ProductInner { width: 100%; padding: 0 0 5px; box-sizing: content-box; }
 .in_portal_list .p_ProductInner:hover { border-width: 3px; border-color: #1890FF; margin: -2px; }
  .in_portal_list .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; }
 .in_portal_list .p_imagesMo {display: none;}
 .in_portal_list .p_linkB { width: inherit; height: inherit; display: block; position: static; }
 .in_portal_list .p_image { width: 100%; height: 100%; padding:0; }
  .in_portal_list .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; }
 .in_portal_list .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) }
 .in_portal_list .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7) }
  .in_portal_list .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; }
  .in_portal_list .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; }
 .in_portal_list .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; }
 .in_portal_list .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; }
 .in_portal_list .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; }
 .in_portal_list .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; }
 .in_portal_list .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; }
 .in_portal_list .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; }
 .in_portal_list .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; }
 .in_portal_list .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; }
  .in_portal_list .p_salePriceMo, .in_portal_list .p_NomBoxMo { display: none; }
  .in_portal_list .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; }
 .in_portal_list .d_summary{ line-height:20px; text-align:left; vertical-align:top; word-break:break-all; }
  .in_portal_list .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; }
 .in_portal_list .p_priceUnit::before { content: "\e6d7"; }
  .in_portal_list .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; }
 .in_portal_list .p_interaction .btn-default { display: inline-block; margin:5px 0 0 ; }
  .in_portal_list .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; }
  }