/** /public/css/block/public/navlist.css **/
.navlist{}
.navlist .itembox{}
.navlist .itembox:after,.navlist .itembox .slice:after{ content: "";  height: 0;clear: both; display: block;}
.navlist .swipe{padding-bottom: 40px;}

.navlist ul .item{ float:left; box-sizing:border-box;min-width:70px; text-align:center;}
.navlist ul .item .icon img{display:block; width:100%;}
.navlist ul .item .name{ line-height:2em;}

.navlist.style1 ul .item .icon{ display:block; width:60px; height:60px; color:#fff; margin:0 auto; font-size:30px; border-radius:50%; line-height:60px; overflow:hidden; }
.navlist.style1 ul .item .icon.shadow{box-shadow:0 0 0 6px rgba(255,255,255,.1)}/*不通用，待定修改*/
.navlist.style1 ul .item .icon img{border-radius:50%; width:100%; height:100%;}
.navlist.style1 ul .item .name{ line-height:2em; font-size:14px;}

.navlist.style2 ul .slice{border-top: 1px solid #eee;border-left:solid 1px #eee; background:#FFF;}
.navlist.style2 ul .item{border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:5px 0 10px; margin-top:0 !important;}
.navlist.style2 ul .item .name{ font-size:13px;}
.navlist.style2 ul .item .icon{ display:block; width:70px; height:70px; border-radius:50%; margin:0 auto; padding:5px;}
.navlist.style2 ul .item .icon img{ border-radius:50%;}

/*一行n个*/
.navlist.col2 ul .item{ width:50%;}
.navlist.col2 ul .item:nth-child(n+3){ margin-top:20px;}

.navlist.col3 ul .item{ width:33.3%;}
.navlist.col3 ul .item:nth-child(n+4){ margin-top:20px;}

.navlist.col4 ul .item{ width:25%;}
.navlist.col4 ul .item:nth-child(n+5){ margin-top:20px;}

.navlist.col5 ul .item{ width:20%;}
.navlist.col5 ul .item:nth-child(n+6){ margin-top:20px;}

.navlist.col6 ul .item{ width:16.6667%;}
.navlist.col6 ul .item:nth-child(n+7){ margin-top:20px;}

.navlist.col7 ul .item{ width:14.2857%;}
.navlist.col7 ul .item:nth-child(n+8){ margin-top:20px;}

.navlist.col8 ul .item{ width:12.5%;}
.navlist.col8 ul .item:nth-child(n+9){ margin-top:20px;}

.navlist.col9 ul .item{ width:11.1111%;}
.navlist.col9 ul .item:nth-child(n+10){ margin-top:20px;}

.navlist.col10 ul .item{ width:10%;}
.navlist.col10 ul .item:nth-child(n+11){ margin-top:20px;}

.navlist.col11 ul .item{ width:9.09%;}
.navlist.col11 ul .item:nth-child(n+12){ margin-top:20px;}

.navlist.col12 ul .item{ width:8.33%;}
.navlist.col12 ul .item:nth-child(n+13){ margin-top:10px;}

.navlist.col14 ul .item{ width:7.14%;}

/*以下是个体单独样式*/
.navlist.style1 ul .item.s1 .icon.shadow{background:linear-gradient(135deg, #f87b93, #f3113c);}
.navlist.style1 ul .item.s2 .icon.shadow{background:linear-gradient(135deg, #ffd27f, #ffae1a);}
.navlist.style1 ul .item.s3 .icon.shadow{background:linear-gradient(135deg, #95d9e9, #40bbd7);}
.navlist.style1 ul .item.s4 .icon.shadow{background:linear-gradient(135deg, #cb99ee, #a147e0);}
.navlist.style1 ul .item.s5 .icon.shadow{background:linear-gradient(135deg, #a09be1, #544bca);}
.navlist.style1 ul .item.s6 .icon.shadow{background:linear-gradient(135deg, #fb9ebb, #f85084);}
.navlist.style1 ul .item.s7 .icon.shadow{background:linear-gradient(135deg, #ffba7c, #ff8415);}
.navlist.style1 ul .item.s8 .icon.shadow{background:linear-gradient(135deg, #93ccfe, #3fa4fe);}
.navlist.style1 ul .item.s9 .icon.shadow{background:linear-gradient(135deg, #71d7ca, #00b8a0);}
.navlist.style1 ul .item.s10 .icon.shadow{background:linear-gradient(135deg, #f08c88, #e4312a);}
.navlist.style1 ul .item.s11 .icon.shadow{background:linear-gradient(135deg, #a1adea, #586dda);}
.navlist.style1 ul .item.s12 .icon.shadow{background:linear-gradient(135deg, #cde79a, #a5d54b);}
.navlist.style1 ul .item.s13 .icon.shadow{background:linear-gradient(135deg, #97ebe2, #45dccb);}
.navlist.style1 ul .item.s14 .icon.shadow{background:linear-gradient(135deg, #b5ebaf, #7bdc71);}
.navlist.style1 ul .item.s15 .icon.shadow{background:linear-gradient(135deg, #ffb8dd, #ff80c2);}
.navlist.style1 ul .item.s16 .icon.shadow{background:linear-gradient(135deg, #fee58b, #fed030);}
.navlist.style1 ul .item.s17 .icon.shadow{background:linear-gradient(135deg, #9bdff5, #4dc6ee);}
.navlist.style1 ul .item.s18 .icon.shadow{background:linear-gradient(135deg, #bdc1fc, #8a90fa);}
.navlist.style1 ul .item.s19 .icon.shadow{background:linear-gradient(135deg, #a2c9f4, #599eec);}
.navlist.style1 ul .item.s20 .icon.shadow{background:linear-gradient(135deg, #ffaaaa, #ff6767);}

.navlist.style1 ul .item.geee .icon{background:#EEE;}


.navlist ul .item.b1 .icon{background:#EDF5D4}
.navlist ul .item.b2 .icon{background:#DFE2FA}
.navlist ul .item.b3 .icon{background:#FDDDD1}
.navlist ul .item.b4 .icon{background:#FED1E4}
.navlist ul .item.b5 .icon{background:#D4E4FC}
.navlist ul .item.b6 .icon{background:#F8F9CB}
.navlist ul .item.b7 .icon{background:#FFFCEC}
.navlist ul .item.b8 .icon{background:#EDFDF2}

.navlist ul .item.m1 .icon.shadow{background:linear-gradient(0deg,rgba(33,130,255,.2),rgba(60,177,255,.2),rgba(86,224,255,.2));}
.navlist ul .item.m2 .icon.shadow{background:linear-gradient(0deg,rgba(108,48,255,.2),rgba(144,95,255,.2),rgba(179,141,255,.2));}
.navlist ul .item.m3 .icon.shadow{background:linear-gradient(0deg,rgba(255,46,42,.2),rgba(255,136,136,.2)) !important;}
.navlist ul .item.m4 .icon.shadow{background:linear-gradient(0deg,rgba(255,130,30,.2),rgba(255,169,83,.2),rgba(255,208,135,.2));}
.navlist ul .item.m1 .iconfont{background-image:linear-gradient(0deg, #2182ff, #3cb1ff,#56e0ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.navlist ul .item.m2 .iconfont{background-image:linear-gradient(0deg, #6c30ff, #905fff,#b38dff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.navlist ul .item.m3 .iconfont{background-image:linear-gradient(0deg, #ff2e2a,#ff8888);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.navlist ul .item.m4 .iconfont{background-image:linear-gradient(0deg, #ff821e, #ffa953,#ffd087);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
 
 
 
 
 /** /public/css/block/public/articlelist.css **/
.articlelist .itembox{ counter-reset:li;}
.articlelist .item{ padding-bottom:20px;border-bottom:1px solid #eee; position:relative; text-align:left;}
.articlelist .item:nth-child(n+2){ padding-top:20px;}
.blockstyle2 .articlelist .item{border-bottom-color:#eae5cb;}
.articlelist .item .ad{ position:absolute; right:0; bottom:20px; background:rgba(0,0,0,0.3); color:#eee; font-size:12px; padding:0 5px;}
.articlelist .item .ad:hover{ color:#ff0;}
.articlelist .item .img{display: table-cell;padding-left: 15px; position:relative;}
.articlelist .item .img a{ display:block; width:220px; height:137px;overflow:hidden;}
.articlelist .item .img img{ width:220px; display:block;transition: all ease-in-out 300ms;}
.articlelist .item .img a:hover img { position:absolute; box-shadow:0 0 15px #666; z-index:1;}

.articlelist .item .contbox .title{ line-height:1.8em; margin-bottom:6px;}
.articlelist .item:nth-child(1) .contbox .title em{background: #fe741c;}
.articlelist .item:nth-child(2) .contbox .title em{background: #FDB80C;}
.articlelist .item:nth-child(3) .contbox .title em{background: #ffdc00;}
.articlelist .item .contbox .description{ max-height:3.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}

.articlelist .item .biaoshibox{display: inline-block; position: absolute; left: 7px; top: 0; line-height:2em; z-index: 1;padding:0px 6px 0px 10px;}
.articlelist .item .biaoshibox .name{ color: #fff; }
.articlelist .item .biaoshibox:before{ contboxent:""; display:inline-block; border-top:16px solid; border-right:10px solid transparent; position: absolute; right: -10px; top:0px;}
.articlelist .item .biaoshibox:after{ contboxent:""; display:inline-block; border-bottom:16px solid; border-right:10px solid transparent; position: absolute; right: -10px; bottom:0px;}
.articlelist .item .biaoshibox .sjx{ display:inline-block; border-top:8px solid; border-left:8px solid transparent; position: absolute; left: 0px; bottom:-8px; }

.articlelist .item .contbox .other{ padding-top:10px; position:relative; overflow:hidden; padding-right:100px;}
.articlelist .item .contbox .other .isyuan{display:inline-block;padding:1px 8px; line-height:1.8em; border-radius:1px;margin-right:3px;}
.articlelist .item .contbox .other a.biaoqian{ display:inline-block; border-width:1px; border-style:solid;padding:0 5px; line-height:24px;margin-right:3px;}
.articlelist .item .contbox .other a.biaoqian:hover{ color:#f60}
.articlelist .item .contbox .other a.zoneinfo{display:inline-block;line-height:1.5em; height:2em;}
.articlelist .item .contbox .other a.zoneinfo img{width: 1.4em;height: 1.4em;border-radius: 50%;vertical-align: middle;margin-right: 10px;}
.articlelist .item .contbox .other .attention{ position:absolute; right:0; bottom:0; min-width:100px; color:#ccc; line-height:2em; text-align:right;}
.articlelist .item .contbox .other .attention span{display:inline-block; vertical-align:middle; margin-left:5px;}
.articlelist .item .contbox .other .attention span:after{content:""; display:block; clear:both;}
.articlelist .item .contbox .other .attention span i{font-size:13px; float:left; line-height:1em;}
.articlelist .item .contbox .other .attention span i.iconfont{margin-right:3px;}
.articlelist .item .contbox .specslist{ width:340px; display:inline-block; vertical-align:bottom;}
.articlelist .item .contbox .specsttl{ line-height:26px;display:inline-block; vertical-align:bottom;}

.articlelist.zhaoshang .contbox .title{ color:#333;}

.articlelist .item .contbox .piclist { margin-top:10px; position:relative;}
.articlelist .item .contbox .piclist .biaoshibox { top:10px;}
.articlelist .item .contbox .piclist .picimg{ width:32%; height:210px; float:left; margin-left:2%; background-position:center center; background-size: cover;}
.articlelist .item .contbox .piclist .picimg.first{ margin-left:0px;}
.articlelist .item .contbox .piclist .picimg img{ display:block; margin:0px auto; max-width:100%;}

.articlelist .item .paramdata{ display:block;}
.articlelist .item .parambtn{border-top: solid 1px #EEE;margin-top: 15px;padding-top: 15px; color:#fc8142}
.articlelist .item .parambtn:after{ content:"收起产品∧";}
.articlelist .item.down .paramdata{ display:none;}
.articlelist .item.down .parambtn:after{ content:"热销产品∨";}
.articlelist .item .paramdata{padding: 10px 0 0 0;}

.articlelist .item.hasbg:hover{background-color: #f7f7f7;margin: 0 -12px;border: solid 2px #fc8142;padding: 13px 10px 14px 10px;}
.articlelist .item .brandlist{ display:inline-block; margin-left:10px;}
.articlelist .item .zsbrandlist{ display:flex;align-items: center;}
.articlelist .item .zsbrandlist .icon-gonggao { margin-left:5px;}
.articlelist .item .zsbrandlist .zslist{height: 2em; overflow: hidden;}
.articlelist .item .zsbrandlist .zslist a{ display:inline-block; margin:0px 5px;vertical-align:middle;}
.articlelist .item .zsbrandlist img { max-height: 1.5em;  display: inline-block; vertical-align:middle; }

.articlelist .item .alevel{ height: 25px; line-height: 22px;display: inline-block;vertical-align: middle;}

.articlelist .itemscroll{ overflow:hidden;}


.articlelist.col2 .item{ width:49.4%; float:left; padding-bottom:10px; padding-top:0;}
.articlelist.col2 .item:nth-child(2n){ float: right}
.articlelist.col2 .item:nth-child(n+3){padding-top:10px;}
.articlelist.col2 .item .contbox .title{ font-size:16px; padding-bottom:0;}
.articlelist.col2 .item .other .bq:nth-child(3){ display:none;}
.articlelist.col2 .item .img{ vertical-align:middle;padding-left: 10px;}
.articlelist.col2 .item .img a{ width:150px; height:93px;}
.articlelist.col2 .item .img img{ width:150px;}
.articlelist.col2 .itembox:after{ content:""; clear:both; display:block;}



.articlelist .item .left{display: table-cell;width: 90%;vertical-align: middle;text-align: left;}
.articlelist .item .left .contbox{ width:820px;}
.articlelist .item .left .contbox .title{ max-height:1.8em;}
.articlelist.col2 .item .left .contbox{ width:400px;}

.searchlist .articlelist .item .left .contbox{ width:800px;}

.articlelist.style2 .item .contbox .title{ font-size:26px;}
.articlelist.style2 .item .contbox .title em{min-width: 30px;height: 30px;line-height: 30px;vertical-align: initial;}
.articlelist.style2 .item .contbox .description{ font-size:16px;}
 
 
 
 
 /** /public/css/block/rightlay/list2.css **/
.rightlaylist2 .item{ width:33.3333%; float:left; text-align:center; margin-top:10px;}
.rightlaylist2 .item img{border-radius: 50%; margin-right:5px;}
.rightlaylist2 .item a{ border-radius:2em;padding: 0 6px;margin:0 3px; line-height:1.8em;}
.rightlaylist2 .item.tleft{ text-align:left;}

.rightlaylist2.col2 .item{ width:50%;}
.rightlaylist2.col3 .item{ width:33.333%;}
.rightlaylist2.col4 .item{ width:25%;}


.rightlaylist2 .itembox:after{ content:""; display:block; clear:both;}

.rightlaylist2.style2 .item{ margin-top:0;}
.rightlaylist2.style2 .item a{ line-height: 2.3em;background: rgba(211, 215, 249, 0.15);color: rgba(255, 255, 255, 0.5);padding: 0px 8px; margin:0;}
.rightlaylist2.style2 .item a:hover{ color:#f90;}
.rightlaylist2.style2.col2 .item{ width:48%; float:left;}
.rightlaylist2.style2.col2 .item:nth-child(2n){ float:right;}
.rightlaylist2.style2.col2 .item:nth-child(n+3) {margin-top: 15px;}

.rightlaylist2.style3 .item{ margin-top:0;}
.rightlaylist2.style3 .item a{ line-height: 2.3em;background:#7c81bd;color:#fff;padding: 0px 8px; margin:0;}
.rightlaylist2.style3 .item a:hover{ color:#f90;}
.rightlaylist2.style3 .item{ width:31.333%; margin:5px 1%; float:left;}
 
 
 
 
 /** /public/css/block/rightlay/list6.css **/
.rightlaylist6 .item{width: 180px; float:left;margin: 2px;background: #fff;}
.rightlaylist6 .item img {width: 180px;height: 78px;margin: 0 auto;display: block;}
.rightlaylist6 .swipe{ padding:10px 0 5px 0;}
.rightlaylist6 .swipe .perview{ bottom:5px;}
.rightlaylist6 .swipe .perview i{ height:5px;}
.rightlaylist6 .cat{ width:31.333%; margin:0 1% 10px 1%; float:left; background:#fff; border-radius:1em; text-align:center; line-height:2em;}
 
 
 
 
 /** /public/css/block/ads/rbrand.css **/
.adsrbrand .itembox{ position:relative;}
.adsrbrand .swipe .perview{ bottom:-10px;}
.adsrbrand .swipe .perview i{ height:5px; margin:0 2px;}
.adsrbrand .itembox .item{ display:block; position:relative;}
.adsrbrand .itembox .phone{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.3); padding:0 5px 0 10px; line-height:24px; text-shadow:1px 1px 2px #333; color:#fff; font-size:15px;}
.adsrbrand .itembox .phone::after{content:""; position:absolute; left:100%; top:0; border-width:12px 8px; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.3) rgba(0,0,0,0.3);}
.adsrbrand .itembox .ad{ position:absolute; right:0; bottom:0; font-size:12px; color:#ddd; background:rgba(0,0,0,0.3); line-height:1.5em; padding:0 5px;}
.adsrbrand .itembox .ad:hover{ color:#ff0}
 
 
 
 
 /** /public/css/block/rightlay/datacounts.css **/
.rightlaydatacounts .item i{ color:#4d56af; padding:0 5px;}

.blockstyle2 .rightlaydatacounts .item i{color:#7c0a12;}