html, body {font-family:Arial,'微软雅黑';font-size:28px;color:#333;background:#eee; user-select: none; -webkit-user-select: none;}
body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0;margin:0;border:0;}
*{ box-sizing:border-box;max-height:999999px;}
i,em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
#container a:hover{ color:#f60;}
.clear{ clear:both;}

.dhidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:block;}
.dhidden2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.dhidden4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}
.dhidden5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.dn{ display:none;}
.iconfont{ width:1em;height:1em;font-size:1.4em;line-height:1em;vertical-align:middle;position:relative;margin-right:2px;font-weight:normal;}

/*公共颜色*/
.fff{ color:#fff;}
a.fff:hover,a.fff.active{ color:#fe741c;}
.c000{ color:#000;}/*主要文字*/
a.c000:hover,a.c000.active{ color:#fe741c;}
.c333{ color:#333;}/*主要文字*/
a.c333:hover,a.c333.active{ color:#fe741c;}
.c666{ color:#666;}/*次要文字*/
a.fff:hover,a.cfff.active{ color:#FFF;}
.cfff{ color:#FFF;}/*行业导航条文字*/
a.c666:hover,a.c666.active{ color:#fe741c;}
.c999{ color:#999;}/*次要文字*/
a.c999:hover,a.c999.active{ color:#fe741c;}
.ccc{ color:#ccc;}/*辅助文字*/
a.ccc:hover,a.ccc.active{ color:#fe741c;}
.eee{ color:#eee;}/*边框*/
a.eee:hover,a.eee.active{ color:#fe741c;}

/*font*/
.font10{ font-size:20px;}
.font11{ font-size:22px;}
.font12{ font-size:24px;}
.font13{ font-size:26px;}
.font14{ font-size:28px;}
.font15{ font-size:30px;}
.font16{ font-size:32px;}
.font17{ font-size:34px;}
.font18{ font-size:36px;}
.font20{ font-size:40px;}

.b{ font-weight:bold;}
.center{ text-align:center;}

header{ height:96px;width:100%;position:fixed;z-index:999;left:0;top:0;}
header .head{ width:750px; height:96px; margin:0 auto;position:relative;line-height:96px; padding:0 100px 0 180px; background:#FF0077; font-size:36px;}
header .back,header .home,header .menu{ width:96px;height:96px;position:absolute;left:0;top:0;text-align:center;z-index:1; color:#fff;}
header .home{ left:80px; width:80px;}
header .search{ background:#fff; display:block; line-height:64px; height:64px; margin-top:16px; float:left; width:100%; border-radius:32px; color:#999; padding-left:20px;}
header .title{ width:100%; line-height:96px; padding:0 90px 0 10px; text-align:center; color:#fff;}
header .menu{ left:auto; right:0;}
header .back,header .home,header .sousuo{ width:96px;height:96px;position:absolute;top:0;right:96px;text-align:center;z-index:1; color:#fff;}
footer{ width:100%; text-align:center;}
footer .foot{ width:750px; margin:0 auto; background:#fff; line-height:1.8em; display:flex;}
footer .foot a{ display:block; width:33.33%; font-size:28px; padding:20px 0 10px 0; color:#FF0077;}
footer .foot a.active .c666{ color:#FF0077;}
footer .foot a .iconfont{ display:block; margin:0 auto; font-size:60px;}
#container{width:750px; margin:0 auto; padding:95px 0 30px 0;}
#position{ padding:15px 20px 10px 20px;}
#nav{ width:100%; overflow-y:hidden; overflow-x:auto; padding:0px 20px 20px;}
#nav .scrollbox{ padding:15px 0px; background:#fff;border-radius:0.5em;}
#nav .scrollbox a{ font-size: 28px; width:5%; display:table-cell; vertical-align:middle; text-align:center; white-space:nowrap; color:#666; font-weight:bold; padding:0 10px; line-height:1.5em; }
#nav .scrollbox a div{ font-size:22px; line-height:1.5em; color:#999; font-weight:normal;}
#nav .scrollbox a.active{ color:#f60;}
#nav .scrollbox a.active div{ color:#f60;}
#brandnav{ background:#fff; padding:20px; margin:0px 20px 0px 20px; border-radius:20px;margin-bottom: 20px;}
#brandnav a{ display:table-cell; font-size:28px; text-align:center; font-weight:bold; vertical-align:middle; width:5%;color: #666}
#brandnav a.active{ color:#ff0077;}
#brandnav a em{ display:block; font-weight:normal; color:#999; font-size:24px;}

/*公共块样式*/
.blockstyle1{ margin:0px 20px 20px 20px; background:#fff; border-radius:20px; padding:20px;}
.blockstyle1 dt{ position:relative;margin-bottom:25px;padding: 0 55px 0 0px;color: #FFF;background: linear-gradient(90deg,#E00B0B,rgba(255,255,255,0));background-size: 100% 100%;background-repeat: no-repeat;border-radius: 6px;}
.blockstyle1 dt span{ line-height:2em; margin-bottom:20px; font-size:34px; font-weight:bold; padding-left:20px;}
.blockstyle1 dt a.more{ position:absolute; right:0; top:0; line-height:68px;color:#fe741c;}
.blockstyle1 dd.more{ text-align:center; padding-bottom:10px;}
.blockstyle1 dd.more a{ display:inline-block; background:#ff0077; padding:0 20px; line-height:2em; color:#fff !important; border-radius:8px;}

/*文章列表*/
.articlelist dd .item:first-child{ padding-top:0; border:0;}
.articlelist .item{ display:block; padding:20px 0; border-top:1px solid #ddd; line-height:1.5em;}
.articlelist .item .info{ display:table-cell; vertical-align:middle; width:460px; padding-right:20px;}
.articlelist .item .info .title{ width:440px; font-weight:bold; margin-bottom:0.5em; font-size:32px; line-height:1.5em;}
.articlelist .item .info .desc{ width:440px;}
.articlelist .item.nopic .info{ width:100%; display:block;}
.articlelist .item.nopic .title,.articlelist .item.nopic .desc{ width:100%;}
.articlelist .item .img{ display:table-cell; vertical-align:middle; width:210px;}
.articlelist .item .img img{ width:210px;}

/*品牌列表*/
.brandlist .item{ float:left; margin:4px 8px;}
.brandlist .item img{ width:207px; height:90px; box-shadow:0 0 0 1px #ddd;}

.brandlist2{ background:none; padding:0;}
.brandlist2 .item{ background:#fff; padding:20px; border-radius:20px; margin-bottom:20px;}
.brandlist2 .item .num{ margin-bottom:20px;}
.brandlist2 .item .num span{ background:#FF0077; display:inline-block; color:#fff; padding:0 10px; line-height:1.5em; border-radius:10px;font-size:24px}
.brandlist2 .brandinfo{ padding-bottom:15px;}
.brandlist2 .brandinfo .blogo{ float:left; width:209px; border:1px solid #ddd;}
.brandlist2 .brandinfo .blogo img{ display:block;}
.brandlist2 .brandinfo .info{ float:left; width:298px; padding:0 15px; line-height:1.8em;}
.brandlist2 .brandinfo .info .bname span{ font-weight:bold; font-size:32px; padding-right:10px;}
.brandlist2 .brandinfo .webshop{ float:right; width:163px; border:1px solid #ff0077; padding:0 10px; line-height:1.5em; border-radius:10px; font-size:28px;}
.brandlist2 .brandinfo .xing{ display:inline-block; vertical-align:middle; margin-top:-3px; height:23px; background:url(/public/images/mobile/xing.png) repeat-x;}
.brandlist2 .desc{ display:block; padding-bottom:15px; line-height:1.5em;}
.brandlist2 .webshoplist{ border-top:1px solid #ccc; padding:20px 0 0 0;}
.brandlist2 .addmore{ display:block; text-align:center; line-height:2em;}

/*一二三级分类*/
.belowcatlist{ position:relative; background:none; margin:0 -1%;}
.belowcatlist dl{ width:31.333%; margin:0 1%; float:left; text-align:center;}
.belowcatlist dt{ background:#fff; border-radius:0.8em; line-height:1.6em;color: #333;padding: 10px;}
.belowcatlist dt::after{content:""; width:16px; height:16px; border-right:2px solid #f60; border-bottom:2px solid #f60; display:inline-block; transform:rotate(45deg); vertical-align:middle; margin-top:-14px; margin-left:5px; margin-right:-5px; transition:transform ease-in-out 100ms;}
.belowcatlist dl.show dt::after{ transform:rotate(225deg); vertical-align: text-bottom;}
.belowcatlist dd{ display:none; background:#fff; position:absolute; left:20px; top:107px; width:710px; margin-left:1%; padding:20px 10px 0 10px;}
.belowcatlist dl.show dd{ display:block;}
.belowcatlist dd a{ float:left; width:31.333%; margin:0 1%; border:1px solid #ccc; font-size:26px; line-height:2.5em; margin-bottom:20px;}
.belowcatlist dd a.active{ border-color:#f60;}


/*分类列表*/
/*.categorylist .item{ width:33%; float:left; line-height:2.5em; padding:0 20px; margin-bottom:20px; border-radius:1.5em; position:relative; text-align:left;border-radius:10px; background:#eee; color:#333;}*/
/*.categorylist .item::after{content:">"; position:absolute; right:20px; top:50%; margin-top:-1em; line-height:2em;}*/
/*.categorylist dd .item:nth-child(2n){ float:right;}*/
.categorylist dd a{ float:left; width:31.333%; margin:0 1%; border:1px solid #ccc; font-size:26px; line-height:2.5em; margin-bottom:20px;text-align: center;}
.categorylist dd a.active{ border-color:#f60;}
/*.categorylist .item.level3{ text-align:center;border-radius:1.5em; background:rgba(77,161,217,0.1); color:#279ad8;}*/
/*.categorylist .item.level3::after{ display:none;}*/

/*网店列表*/
.webshoplist .item{ padding:15px; display:block; line-height:2em; border:1px solid #ccc; border-radius:8px; margin-bottom:15px;}
.webshoplist .item img{ width:40px; height:40px; display:inline-block; vertical-align:middle;}
.webshoplist .item .name{ width:430px; display:inline-block; vertical-align:middle; font-size:32px; padding-left:10px;}
.webshoplist .item .link{ width:150px; display:inline-block; vertical-align:middle; color:#FF0077;}

.webshoplist2 dd .item:first-child{ padding-top:0; border:0;}
.webshoplist2 .item{ display:block; padding:20px 0; border-top:1px solid #ddd; line-height:1.5em;}
.webshoplist2 .item .info{ display:table-cell; vertical-align:middle; width:460px; padding-left:20px; position:relative;}
.webshoplist2 .item.nopic .info{ width:100%; display:block;}
.webshoplist2 .item .info .title{ width:340px; font-weight:bold; font-size:32px; line-height:1.5em;}
.webshoplist2 .item .info .desc{ width:340px;}
.webshoplist2 .item .info .desc img{ display:inline-block; vertical-align:text-bottom;}
.webshoplist2 .item .btn{ position:absolute; background:#fff; border-radius:8px; right:0px; top:50%; margin-top:-50px; width:100px; height:100px; padding:10px; border:1px solid #ccc; text-align:center; line-height:40px;}
.webshoplist2 .item .img{ display:table-cell; vertical-align:middle; width:210px;}
.webshoplist2 .item .img img{ width:210px;}

/*产品列表*/
.productlist dd .item:first-child{ padding-top:0; border:0;}
.productlist .item{ display:block; padding:10px 0; border-top:1px solid #ddd; line-height:1.5em; text-align:left;}
.productlist .item .info{ display:table-cell; vertical-align:middle; width:460px; padding-right:20px;}
.productlist .item.nopic .info{ width:100%; display:block;}
.productlist .item .info .title{ width:400px; font-weight:bold; font-size:30px; line-height:1.5em;}
.productlist .item .info .desc{ width:400px;}
.productlist .item .info .desc img{ display:inline-block; vertical-align:text-bottom;}
.productlist .item .info .price{ width:400px;}
.productlist .item .info .price span{ line-height:1.4em; color:red; font-size:38px; font-weight:bold; display:inline-block; vertical-align:middle;}
.productlist .item .info .price i{ display:inline-block; vertical-align:middle; background:#FF0077; font-size:24px; color:#fff; border-radius:8px; padding:0 10px; line-height:1.5em; margin-left:10px;}
.productlist .item .img{ display:table-cell; vertical-align:middle; width:250px;}
.productlist .item .img img{ width:250px;}
.productlist .item .num{ margin-bottom:20px;}
.productlist .item .num span{ background:#FF0077; display:inline-block; color:#fff; padding:0 10px; line-height:1.5em; border-radius:10px;font-size:24px}

.categorydesc{ margin:15px 20px 15px 20px; line-height:1.8em; color:#666;}
.categorydesc .desc{ display:table-cell; vertical-align:middle; width:100%;}
.categorydesc .img{ display:table-cell; vertical-align:middle; width:5%; padding-right:20px;}
.categorydesc .img img{ width:200px; height:200px; display:block;}