.body{overflow:auto;padding-top:130px;width:100%;}
.body-top{padding-top:50px;width:100%;}
/*search page*/
.search-result-top.fixed{position:fixed;top:50px;z-index:100;margin:0 auto;width:100%;max-width:760px;}
.search-result-top .search-result-type{display:flex;width:100%;height:46px;background-color:#fff;}
.search-result-type .type-item{height:46px;border-bottom:2px #f0f0f0 solid;text-align:center;font-size:16px;line-height:46px;flex-grow:1;}
.search-result-type .type-item span{position:relative;display:inline-block;overflow:hidden;box-sizing:border-box;height:100%;max-width:100%;color:#666;text-overflow:ellipsis;white-space:nowrap;line-height:2.6667;}
.search-result-type .type-item.active span{border-bottom:2px solid #333;color:#ef1f1f!important;border-bottom-color:#ef1f1f!important;}
.search-result-top .search-result-counter{display:flex;height:34px;background-color:#fff;color:#6d6d6d;text-align:center;font-size:1.2em;justify-content:center;align-items:center;}
.search-result-counter .orange{margin:0 4px;color:#ff3600;}
.search-result-counte #counter-number{margin:0 4px;color:##ff6210;}
.search-result-counter #counter-name{display:inline-block;overflow:hidden;padding:0 .13333rem;max-width:160px;color:#ff6210;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:inherit;}
.search-result-top .search-wd{overflow:hidden;padding:0 1rem;width:100%;height:46px;max-width:760px;border-top:1px solid #f2f2f2;background-color:#fff;}
.search-wd .container{overflow:hidden;width:100%;height:100%;}
.container .scroll-list{position:relative;display:flex;overflow-x:auto;width:100%;align-items:flex-start;}
.container .scroll-list a{position:relative;display:flex;padding:0 .5rem;height:3.6rem;color:#727272;text-align:center;font-size:1.3rem;align-items:center;flex-shrink:0;}
.container .scroll-list a.active{color:red;font-size:1.4rem;}
.bg-f3{background:#f3f3f3;}
.pt10{padding-top:10px;}
.pt5{padding-top:5px;}
.search-content{margin-right:env(safe-area-inset-right);margin-left:env(safe-area-inset-left);padding:0 .2rem;}
.result-product ul{overflow:hidden;}
.result-product .product-item{margin:0 .8rem .8rem;padding:.6rem;border-radius:10px;background:#fff;}
.result-product .product-item-list{display:flex;}
.product-item-list .img-content{position:relative;overflow:hidden;margin-right:10px;width:115px;height:152px;border-radius:10px;flex-shrink:0;}
.img-content .gimg{position:absolute;top:50%;left:50%;width:auto;width:100%;height:100%;height:auto;max-width:none;max-height:none;min-width:115px;min-height:152px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;flex-shrink:0;}
.product-item-list .list-content{position:relative;overflow:hidden;flex-grow:1;}
.list-content h3{position:relative;display:-webkit-box;display:box;overflow:hidden;color:#333;text-overflow:ellipsis;font-size:1.6em;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-all;}
.list-content h3 .highlight em{color:#ef1f1f!important;font-style:normal;}
.gtags-tips{display:flex;margin:6px 0;}
.gtags-tips .text{display:flex;margin-right:.5rem;margin-bottom:.5rem;padding:0 .5rem;height:1.6rem;border-radius:3px;white-space:nowrap;font-size:10px;align-items:center;-webkit-text-size-adjust:none;}
.gtags-tips .bg-style1{background-color:#f2f2f2;color:#787878;}
.gtags-tips .bg-style2{background-color:#fbf0ea;color:#ff3600;}
.gtags-tips .bg-style3{background-color:#df3031;color:#ff3600;}
.gtags-tips .bg-style4{background-color:#ff6210;color:#ff3600;}
.list-content .gconts{position:absolute;right:0;bottom:0;left:0;}
.list-content .gname{overflow:hidden;margin:6px 0;color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}
.gconts .pname{overflow:hidden;margin:6px 0;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.t-o-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p-l-r-3{padding:0 3px;}
.mr5{margin-right:5px;}
.result-company .company-item{margin:0 .8rem .8rem;padding:.6rem;border-radius:10px;background:#fff;}
.company-info .cname{color:#333;font-size:1.6rem;}
.cname .highlight em{color:#ef1f1f!important;font-style:normal;}
.company-info .year-main-pro{display:flex;padding:1rem 0;align-items:center;}
.year-main-pro .year{display:flex;margin-right:10px;height:16px;border:1px #ff3600 solid;color:#ff3600;font-size:12px;align-items:center;flex-shrink:0;}
.year .icon{display:block;display:flex;padding:0 3px;height:100%;background-color:#ff3600;color:#fff;align-items:center;justify-content:center;}
.year-main-pro .main-goods{color:#777;font-size:12px;flex-grow:1;}
.year-main-pro .main-goods em{color:#ef1f1f!important;font-style:normal;}
.year-main-pro .address{margin-left:1em;color:#999;font-size:12px;flex-shrink:0;}
.company-info .gtags-cont{display:flex;overflow:hidden;color:#666;font-size:12px;align-items:center;}
.gtags-cont img{margin-right:5px;height:16px;flex-shrink:0;}
.gtags-cont .bang{display:flex;height:16px;color:#b25720;font-size:12px;align-items:center;flex-shrink:0;}
.bang img{margin-right:5px;width:16px;height:16px;flex-shrink:0;}
.company-item .company-goods{display:flex;margin-top:15px;margin-right:-10px;}
.company-goods .img-item{overflow:hidden;padding-right:10px;width:33%;}
.img-item .gimg{border-radius:12px;flex-shrink:0;}
/*subject page*/
.index-block .block-tit{padding:1em;border-bottom:1px solid #f0f0f0;color:#333}
.index-block .block-tit .tit-text{padding-left:5px;border-left:3px solid #df3031;letter-spacing:1px;font-weight:700;font-size:1.6em;line-height:1}
.index-block .block-tit a{float:right;display:block;margin-right:5px;padding:0 8px;height:20px;border-radius:1em;background-color:#e44;color:#fff;font-size:1.2em;line-height:20px}
.index-block .news-list li{padding:0 1em;border-bottom:1px solid #f0f0f0}
.index-block .news-list li a{display:block;overflow:hidden;height:2.5em;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:1.6em;line-height:2.5}
.index-block .subject-list{padding-left:1.1rem}

.subject-list ul{display:flex;margin-top:1.2rem;list-style:none;flex-wrap:wrap}
.subject-list ul li{float:left;margin-bottom:1rem;padding-right:1rem;width:33.333333%}
.subject-list ul li a{position:relative;display:flex;margin-bottom:1rem;width:100%;height:100%;border:1px solid #ddd;border-radius:.4rem;box-shadow:0 .8rem 1.2rem rgb(0 0 0/10%);color:#666;text-align:center;align-items:center;justify-content:center}
.subject-list ul li .cont .tit{overflow:hidden;height:2em;text-align:center;font-size:1.4em;line-height:2em}
.subject-list ul li .cont .tit a{color:#666}
.subject-list ul li .cont .sub-tit{display:-webkit-box;display:box;overflow:hidden;padding-top:.5em;height:3.4em;border-top:.1em dotted #ddd;color:#aaa;text-overflow:ellipsis;font-size:1.2em;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.subject-list ul li .cont .sub-tit a{color:#aaa}
.icon-tip-rt{top:-.9rem;right:-.4rem;background-image:url(http://www.1288.tv/images/subject/hot.png)}
.icon-tip-rt,.icon-tip-rt1,.icon-tip-rt2,.icon-tip-rt3,.icon-tip-rt4,.icon-tip-rt5{position:absolute;z-index:9;width:20px;height:27px;background-position:0 0}
.icon-tip-rt1{top:0;right:0;background-image:url(http://www.1288.tv/images/subject/hot1.png)}
.icon-tip-rt2{top:0;right:0;background-image:url(http://www.1288.tv/images/subject/hot2.png)}
.icon-tip-rt3{top:0;right:0;background-image:url(http://www.1288.tv/images/subject/hot3.png)}
.icon-tip-rt4{top:0;right:0;background-image:url(http://www.1288.tv/images/subject/hot4.png)}
.icon-tip-rt5{top:0;right:0;background-image:url(http://www.1288.tv/images/subject/hot5.png)}

.spceialTitle{margin:10px;font-weight:700;line-height:1.5em}
.spceialTitle>h2{color:#999;text-align:center;font-size:1.65rem}

.spceial-intro{padding:0 .5em 1.5em}
.spceial-intro .specialjs{position:relative;border:1px solid #eee;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fafafa}

.specialjs .conts{padding:10px}
.specialjs .conts,.specialjs .conts p{color:#999;font-size:1.5rem;line-height:1.75em}
.specialjs .conts.mheight{overflow:hidden;height:100%;max-height:98px}
.specialjs .conts strong{margin:0 6px 0 -10px;padding:1px 9px;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;background:#999;color:#fff;text-shadow:none;font-weight:400}
.specialjs .btn{position:absolute;bottom:-10px;left:40%;display:flex;height:20px;background:linear-gradient(hsla(0,0%,100%,.6),#fff);color:#666;align-items:center;justify-content:center}
.specialjs .btn:after,.specialjs .btn:before{display:block;width:2em;height:1px;background-color:#cdcdcd;content:""}
.specialjs .btn:before{margin-right:1em}
.specialjs .btn:after{margin-left:1em}
.specialjs .btn .icon{display:block;margin-left:5px;width:1em;height:1em;background-size:100% 100%}
.specialjs .btn.show .icon{background-image:url(../images/icon_filter_off.png)}
.specialjs .btn.off .icon{background-image:url(../images/icon_filter_show.png)}
.pro-elite{display:flex;padding:1rem 1rem .5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pro-elite .link{overflow:hidden;margin-bottom:1rem;width:48%;border-radius:.5rem;box-shadow:0 0 .4rem #ccc;text-align:center}
.pro-elite .link .gname{color:#666}
.pro-elite .link .gname,.pro-elite .link .gsname{overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem}
.pro-elite .link .gsname{color:#ef0000}
.brand-intro{padding:30px 20px}

.brand-intro ul{display:table;width:100%}
.brand-intro li{display:table-row;margin-bottom:15px;color:#343434;vertical-align:middle;font-size:1.6rem}
.brand-intro li .cell{display:table-cell;padding:10px 0;vertical-align:middle}
.brand-intro li .cell:first-child{width:18%}
.brand-intro li span.tit{padding:4px 8px;border:1px solid #ececec;border-radius:5px;background-color:#f6f6f6}
.brand-intro li a{color:#428bca}
@media only screen and (min-width:640px){.brand-intro li .cell:first-child{width:10%}
}

.brand-container{padding-left:1.1rem}
.brand-container .brand-list{display:flex;margin-top:1.2rem;list-style:none;flex-wrap:wrap}
.brand-container .brand-list li{float:left;margin-bottom:1.2rem;padding-right:1rem;width:33.333333%}
.brand-container .brand-list li a{display:block;width:100%;height:100%;border:1px solid #ddd;border-radius:.4rem;box-shadow:0 1rem 1.6rem rgb(0 0 0/10%);color:#666;text-align:center;align-items:center;justify-content:center}
.brand-container .brand-list li .pic{padding:.4rem;text-align:center}
.brand-container .brand-list li .tit{overflow:hidden;height:28px;color:#666;text-align:center;font-size:13px;line-height:28px}

.series-container{margin-top:20px}
.series-container .swiper-slide img{display:block;margin:0 auto;height:184px}
.series-container .sdesc{display:-webkit-box;display:box;overflow:hidden;margin:10px 15px;height:9em;color:#333;text-align:justify;text-overflow:ellipsis;font-size:1.4rem;line-height:1.5em;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:6;line-clamp:6}
.series-container .sdesc .tips{margin-right:5px;padding:2px 10px;border-radius:20px;background-color:#417e00;color:#fff}

.product-company-block{margin-top:10px;background-color:#f3f3f3}
.category-type,.product-company-block .category-hieght{height:40px;background-color:#df3031}
.category-type{display:flex;max-width:100%;justify-content:center;align-items:center}
.category-type.fixed{position:fixed;top:0;left:50%;z-index:12;margin-left:-600px;width:100%}
.category-type .type-item{margin-right:4px;color:#fff;text-align:center;cursor:pointer}
.category-type .type-item,.category-type .type-item.active{overflow:hidden;height:40px;max-width:49%;min-width:120px;font-size:1.6rem;line-height:40px}
.category-type .type-item.active{border-radius:5px 5px 0 0;background:#fff;color:#df3031}

.loading-more{margin:0 auto;width:105px;border-radius:5px;background:#df3031;color:#fff;text-align:center;font-size:14px;line-height:32px;cursor:pointer}