@charset "utf-8";
/* 通用*/
.m-left{ width: 870px; float: left;}
.m-right{ width: 300px; float: right;}
.pull-left{ float: left; }
.pull-right{ float: right; }
.pull-right-span{ position: absolute; right: 2px; bottom: 2px;}
.ml-box{ background-color: #fff; border: 1px solid #ddd; padding: 10px 20px; margin-bottom: 20px;}
.mr-box{ background-color: #fff; border: 1px solid #ddd; margin: 20px 0; }
.white-box{ background-color: #fff; }
.box-shadow{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.1) }
.article-icon{ background: url("../images/article-icon.png") no-repeat;}

/*****++++ 健康百科列表 +++++*****/
.JKbaike{ border: 1px solid #ececec; padding: 20px 30px; margin-top: 30px;}
.JKbaike h1{ border-bottom: 1px solid #ececec;}
.JKbaike h1 span{ border-bottom: 2px solid #b654ce; color: #b654ce; display: inline-block; padding: 10px 0; font-size: 20px;}
.JKbaike .dl-box{ display: inline-block; margin: 0 17px 20px; float: left;width: 343px;min-height: 140px;}
.JKbaike dl{ background-color: #fff;  border: 1px solid #fff; padding: 0 15px;width: 343px;min-height: 112px;}
.JKbaike dl dt{ border-bottom: 1px dashed #ececec; padding: 15px 0 5px; display: flex; align-items: center;}
.JKbaike dl dt .icon-heart{ background-position: 0 0; width: 38px; height: 38px; background-size: 180%;}
.JKbaike dl:hover dt .icon-heart{ background-position: 0 -67px; }
.JKbaike dl dt strong{ padding-left: 10px; }
.JKbaike dl dd{ height: 68px; margin-bottom: 5px; overflow: hidden;z-index: 999;}
.JKbaike dl dd a{ border: 1px solid #fff; display: inline-block; font-size: 12px; padding: 2px 5px; margin: 0 0 10px 0;}
.JKbaike dl dd a:hover{ border-radius: 20px; border: 1px solid #f42f2f; }
.JKbaike dl:hover dt strong{ color: #b654ce; }

/* 当前地址*/
.location{ padding: 10px 0; }
.location .layui-breadcrumb a{ color: #666 !important;}
.location .layui-breadcrumb a cite{ color: #999;}
/*****++++ 健康百科专题页 +++++*****/
/* 右侧通用标题*/
.JKbaike-zt .m-right h4.mr-title{ background-color: #e5e5e5; color: #333; font-size: 16px; padding: 10px;}
.JKbaike-zt .m-right h4.mr-title a{ font-size: 12px; float: right;}
/* 导读*/
.JKbaike-zt .guide{ padding: 20px;}
.JKbaike-zt .guide .guide-img{ float: left; width: 220px; height: 220px; box-shadow: 0px 0px 20px 0px rgba(88, 88, 88, 0.3);}
.JKbaike-zt .guide .guide-img img{ border-radius: 5px; width: 220px; height: 220px; object-fit: cover;}
.JKbaike-zt .guide .guide-text{ float: right; width: 580px;}
.JKbaike-zt .guide .guide-text .mark{ background: url("../images/cross-grain.png") no-repeat 0 0; border-radius: 25px; font-size: 22px; margin-bottom: 15px;}
.JKbaike-zt .guide .guide-text .mark span{ background-color: #fff; display: inline-block; padding: 0 15px; margin-left: 30px;}
.JKbaike-zt .guide .guide-text h1{ color: #333; font-size: 23px; font-weight: bold; margin-bottom: 10px;}
.JKbaike-zt .guide .guide-text p{ font-size: 15px; text-indent: 30px; line-height: 28px; -webkit-line-clamp: 5;}
.JKbaike-zt .guide .guide-tuijian{ color: #38993C; font-size: 18px; font-weight: bold; padding: 10px 25px 0;}
.JKbaike-zt .guide .guide-tuijian a{ color: #b222be; padding: 0 5px; text-decoration: underline; }

.JKbaike-zt .guide ul{ padding-top: 12px; }
.JKbaike-zt .guide ul li{ border-bottom: 1px dashed #ddd; float: left; margin: 0 5%; width: 40%; line-height: 40px; list-style-type: disc;}
.JKbaike-zt .guide ul li:hover{ color: #f42f2f; }
.JKbaike-zt .guide ul li a{ display: inline-block; width: 100%; float: left; font-size: 18px;}

.JKbaike-zt .guide dl dt h1{ color: #333; margin-bottom: 10px;}
.JKbaike-zt .guide dl dd p{color: #3e3e3e; text-indent: 36px; line-height: 30px; font-size: 18px; }
/* 推荐商品列表*/
.recommend-goods #ISL_Cont_1{ width: 828px; overflow: hidden; display: inline-block;}
.recommend-goods .ScrCont{ width:32766px; zoom:1;}
.recommend-goods ul li{ display: inline-block; width: 262px; position: relative; float: left; padding: 0 10px;}
.recommend-goods ul li a{ display: inline-block; width: 100%; box-sizing: border-box;}
.recommend-goods ul li img{ padding-right: 10px; width: 100px; height: 100px; float: left;}
.recommend-goods ul li .proinfo{ padding-top: 10px; width: 146px; float: left; }
.recommend-goods ul li .proinfo h3{ font-size: 16px; }
.recommend-goods ul li .proinfo .pull-left{ position: absolute; bottom: 0;}
.recommend-goods ul li .proinfo .pull-right{ position: absolute; bottom: 0; right: 10px;}
.recommend-goods ul li .proinfo .price{ font-size: 18px; }
.recommend-goods ul li .proinfo del{ color: #999; display: block; font-size: 12px; text-decoration: line-through;}
.recommend-goods ul li .proinfo .click{ background-color: #f42f2f; display: block; margin-bottom: 3px;padding: 5px 10px;}
.recommend-goods ul li .proinfo .num{ font-size: 12px; }
.recommend-goods .scroll-icon{ background: -webkit-linear-gradient(left, #d2d2d2 , #fbfcfd); background: -moz-linear-gradient(right, #d2d2d2, #fbfcfd); background: linear-gradient(to right, #d2d2d2 , #fbfcfd); border: 1px solid #b7b7b7; border-radius: 2px; text-align: center; margin-top: 17px; width: 15px; height: 74px; line-height: 74px;}
.recommend-goods .scroll-icon i{ font-size: 16px; }

/* 相关文章*/
.correlation-article h2{ border-bottom: 1px solid #ddd; font-size: 20px; line-height: 38px;}
.correlation-article .red-title{ padding-left: 12px;font-size: 18px;color: #333;margin-top: 30px;border-left: 3px solid #dd0000;height: 24px;line-height: 22px;margin-bottom: 6px;}
.correlation-article dl{ border-bottom: 1px dashed #ddd; display: inline-block; padding: 20px 0; width: 100%; }
.correlation-article dl:last-child{ border-bottom: 0 none; padding-bottom: 10px; }
.correlation-article dl dt{ display: inline-block; float: left; width: 15%;}
.correlation-article dl dt img{ border-radius: 5px; width: 120px; height: 120px; vertical-align: middle; object-fit: cover;}
.correlation-article dl dd{ width: 83%; float: right; }
.correlation-article dl dd h3{ font-size: 18px; font-weight: 500; padding: 10px 0;}
.correlation-article dl dd p.text, .correlation-article dl dd p.note, .correlation-article dl dd p.note a{ color: #999; }
.correlation-article dl dd p.text{ font-size: 18px; text-indent: 32px; line-height: 30px; margin-bottom: 10px;}
.correlation-article dl dd p.note{ font-size: 12px; }
.correlation-article dl dd p.note i{ font-size: 16px; padding-right: 5px;}
.correlation-article ul li{ float: left;  margin: 0 3% 0 2%; line-height: 40px;}
.correlation-article ul li a{ width: 97%; padding-left: 3%;}
/* 网页问答*/
.web-qa.correlation-article dl{ padding: 10px 0 20px; }
.web-qa.correlation-article dl dd{ width: 100%; float: none;}
.web-qa.correlation-article dl dd p.text{ padding: 0; }

/* 搜索*/
#bdcsMain{ width: 232px; }

/* 广告*/
.itee{ width: 300px; }
.adv .adv-pic{ position: relative; display: inline-block;}
.adv .adv-pic span{ background-color: rgba(0, 0, 0, .5); border-radius: 0 5px 0 0; color: #fff; font-size: 12px; padding: 0 2px; position: absolute; left: 0; bottom: 0; }
.adv-row{ border-bottom: 1px dashed #ddd; }
.adv-row h3{ font-size: 18px; padding: 10px 0;}
.adv-row .adv-pic{ margin-bottom: 15px;}
.adv-row .adv-pic img{ width: 100%; height: 200px; overflow: hidden; }
.adv-col h3{ font-size: 14px; padding: 5px 0;}
.adv-col img{ max-width: 100%; max-height: 120px; }

/* 右侧全网热销商品*/
.prolist{ padding: 15px 15px 0;}
.prolist li{ margin:5px 0 14px; border-bottom: 1px dashed #ddd;}
.prolist li img{ float: left;width: 75px;height: 75px; margin: 0 10px 0 0;}
.prolist li:last-child{ border-bottom: 0 none; margin: 0;}
.prolist .proinfo h3{ font-weight: normal;font-size: 14px;height: 36px;overflow: hidden;line-height: 18px;}
.prolist .proinfo h3 a{ font-size: 12px; }
.prolist .proinfo .num{ padding: 5px 0 14px;margin: 5px 0 14px;}
.prolist .proinfo .num .price{ font-size: 14px; color: #f42f2f;}
.prolist .proinfo .num .comment{ float: right;}
.prolist .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 右侧全网热销品牌*/
.hot-brand ul li{ width: 50%; text-align: center; float: left;}
.hot-brand ul li img{ margin: 10px 0; width: 120px; height: 60px;}

/* 右侧热门知识*/
.hot-knowledge ul{ padding: 10px 5px; }
.hot-knowledge ul li{ width: 33.333%; text-align: center; float: left;}
.hot-knowledge ul li a{ color: #444 !important; display: inherit; padding: 5px; margin: 5px; }
.hot-knowledge ul li a:hover{ background-color: #f42f2f !important; color: #fff !important; }

/* 右侧商城热销*/
.prolist{ padding: 15px 15px 0;}
.prolist li{ margin:5px 0 14px; border-bottom: 1px dashed #ddd;}
.prolist li img{ float: left;width: 75px;height: 75px; margin: 0 10px 0 0;}
.prolist li:last-child{ border-bottom: 0 none; margin: 0;}
.prolist .proinfo h3{ font-weight: normal;font-size: 14px;height: 36px;overflow: hidden;line-height: 18px;}
.prolist .proinfo h3 a{ font-size: 12px; }
.prolist .proinfo .num{ padding: 5px 0 14px;margin: 5px 0 14px;}
.prolist .proinfo .num .price{ font-size: 14px; color: #f42f2f;}
.prolist .proinfo .num .comment{ float: right;}
.prolist .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 症状菜单*/
.JKbaike-menu{ background-color: #fff; display: inline-block; margin-bottom: 20px;width: 100%;}
.JKbaike-menu .layui-tab{ margin: 0; }
.JKbaike-menu .layui-tab-content{ padding: 10px 10px 5px; }
.JKbaike-menu .menu-nav{ background-color: #f2f2f2; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center; }
.JKbaike-menu .menu-nav strong a{ padding: 0 10px; white-space: nowrap;}
.JKbaike-menu .menu-nav ul{ border-bottom: 0 none; height: 30px; width: auto; overflow: hidden;white-space:normal;}
.JKbaike-menu .menu-nav li{ padding: 0; line-height: 30px; font-size: 12px; min-width: auto;}
.JKbaike-menu .menu-nav li a{ color: #121212; padding: 0 10px;}
.JKbaike-menu .menu-nav li.layui-this a{ background-color: #f42f2f; color: #fff !important; }
.JKbaike-menu .menu-nav li.layui-this:after{ border: 0 none; height: 31px; }
.JKbaike-menu .menu-con a{ color: #878787; font-size: 12px; margin: 0 10px 8px 0; display: inline-block;}
.JKbaike-menu .menu-con a:after{ content: "|"; color: #ccc; padding-left: 10px;}
.JKbaike-menu .menu-con a:hover:after{ color: #ccc; }
.JKbaike-menu .menu-con a:last-child:after{ content: " "; }

/*****++++ 健康知识首页 +++++*****/
.JKzhishi{ padding-top: 30px;}
.JKzhishi-top, .JKzhishi-middle{ box-sizing: border-box; padding: 10px; margin-bottom: 20px; display: inline-block; width: 100%;}

.JKzhishi-top #carousel-pic{ display: inline-block; float: left; }
.JKzhishi-top #carousel-pic img{ width: 310px; height: 220px; object-fit: cover;}

.JKzhishi-top .roter{ width: 870px; float: right;}
.JKzhishi-top .roter .somnt li{ width: 20%; float: left; text-align: center; margin-bottom: 10px;}
.JKzhishi-top .roter .somnt li a{ display: inline-block; width: 160px;}
.JKzhishi-top .roter .somnt li img{ width: 160px; height: 100px; margin-bottom: 5px; object-fit: cover;}
.JKzhishi-top .roter .somnt li p{ text-align: left; font-size: 12px;}

.JKzhishi-top .krot{ border-top: 1px solid #ededed; padding: 5px 10px 10px; }
.JKzhishi-top .krot li{ width: 45%; float: left; font-size: 12px; padding: 15px 5% 0 0;}
.JKzhishi-top .krot li a{ color: #2970a6; padding: 0 10px;}

.JKzhishi-middle .m-left{ border-right: 1px solid #ddd; padding-right: 20px; width: 840px; }
.JKzhishi-middle .m-left .title{ border-bottom: 1px solid #dcdbdb; padding: 10px 0;}
.JKzhishi-middle .m-left .title strong{ font-size: 20px;}
.JKzhishi-middle .m-left .title span a{ color: #878686; padding: 0 5px;}
.JKzhishi-middle .m-left .list ul{ padding-bottom: 20px;}
.JKzhishi-middle .m-left .list li{ width: 45%; float: left; padding: 15px 5% 0 0;}
.JKzhishi-middle .m-left .list li a{ display: inline-block; padding: 0 10px; width: 80%;}
/* 右侧热门文章*/
.m-right .title{ border-bottom: 1px solid #ccc; height: 40px;line-height: 40px;}
.m-right .title span{ border-bottom: 2px solid #f42f2f; color: #333; display: inline-block; font-size: 16px; font-weight: bold; padding: 0 5px;}
.m-right .hot-head{ padding-top: 20px; position: relative;}
.m-right .hot-head .hot-pic{ width: 100px; height: 90px; float: left; object-fit: cover;}
.m-right .hot-head .hot-text{ width: 185px; float: right; }
.m-right .hot-head .hot-text h6{ font-weight: bold; padding: 5px 0;}
.m-right .hot-head .hot-text p{ color: #999; font-size: 12px; line-height: 20px; -webkit-line-clamp: 3;}
.m-right .hot-list ul{ padding: 20px 0 0;}
.m-right .hot-list li{ margin-bottom: 20px;}
.m-right .hot-list li i{ margin-right: 10px; font-style: normal; width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center;}

/* 首页标题*/
.index-title{ padding: 0 0 10px; display: flex; align-items: center; position: relative;}
.index-title h2{ color: #333; font-size: 22px; font-weight: 600;}
.index-title span.targ{ font-size: 14px; padding-left: 20px;}
.index-title span.kont{ color: #999; }
.index-title a.btn-more{ color: #666; position: absolute; right: 0;}

/* 健康知识百科*/
.encyclopedia{ border: 1px solid #eaeaea; min-height: 252px; padding: 10px 0;}
.encyclopedia dl{ padding: 10px 1.6%; width: 30%; float: left;}
.encyclopedia dl dt{ margin-bottom: 5px;}
.encyclopedia dl dt i{ padding-left: 5px; font-size: 12px;}
.encyclopedia dl dd a{ color: #666; font-size: 12px; line-height: 22px;}
.encyclopedia dl dd em{ color: #ccc; padding: 0 10px;}

/* 友情链接*/
.blogroll{ border: 1px solid #eaeaea; margin: 20px 0; display: inline-block; width: 100%;}
.blogroll .layui-tab{ margin: 0; }
.blogroll .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f; }
.blogroll .layui-tab-brief .layui-tab-more li.layui-this:after, .blogroll .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }
.blogroll .layui-tab-content a{ font-size: 12px; color: #666; line-height: 24px; margin: 0 20px 0 0;}

/*****++++ 健康知识列表 +++++*****/
.JKzhishi-list{ padding-top: 20px; }
/*.JKzhishi-list .nav-box{ margin-bottom: 20px;}*/
.JKzhishi-list .nav-box ul{ padding: 10px;}
.JKzhishi-list .nav-box li{ line-height: 36px; }
.JKzhishi-list .nav-box a{ color: #494949; font-weight: bold; font-size: 16px;}
.JKzhishi-list .nav-box .layui-this{ background-color: #f42f2f;}
.JKzhishi-list .nav-box .layui-this a, .JKzhishi-list .nav-box .layui-this a:hover{ color: #fff !important;}
.JKzhishi-list .nav-box .layui-this:after, .JKzhishi-list .nav-box .layui-nav-bar{ height: 0; }

.shidian{ margin-bottom: 20px; }
.shidian ul li{ width: 21%; margin: 2%; display: inline-block; float: left; text-align: center;}
.shidian ul li img{ max-width: 100%; height: 190px; padding-bottom: 10px; overflow: hidden;}
.shidian ul li p{ text-align: left; }

.official-wechat{ padding: 15px 0; }
/*****++++ 资讯列表页 +++++*****/
.JKzhishi-news{ padding: 20px 0; }
.JKzhishi-news .title{ border-bottom: 1px solid #ccc; height: 40px;line-height: 40px;}
.JKzhishi-news .title span{ border-bottom: 2px solid #f42f2f; color: #333; display: inline-block; font-size: 18px;}
.JKzhishi-news ul{ padding-bottom: 20px;}
.JKzhishi-news li{ width: 30%; float: left; padding: 20px 3.333% 0 0; display: flex; align-items: center;}
.JKzhishi-news li i{font-size: 12px;}
.JKzhishi-news li a{ display: inline-block; padding: 0 10px 0 8px; width: 80%;}
.JKzhishi-news li span{ color: #999; }
/*****++++ 搜索聚合内容页——导读+相关搜索 +++++*****/
.JKbaike-zt .guide.guide-so .guide-img{ width: 380px; height: 250px; box-shadow: none; }
.JKbaike-zt .guide.guide-so .guide-img img{ width: 380px; height: 250px;}
.JKbaike-zt .guide.guide-so .guide-text{ width: 750px; }
.JKbaike-zt .guide.guide-so .guide-text p{ -webkit-line-clamp: 6; }

.correlation-so{ border: 1px solid #ddd; padding: 15px;}
.correlation-so div{ padding: 10px 0;}
.correlation-so a{ width: 18.5%; display: inline-block; padding: 5px 1% 5px 0;}
/*****++++ 健康知识内容页 +++++*****/
.JKzhishi-con{ padding-top: 30px; }
.JKzhishi-con .m-left{ border-right: 1px solid #eee; padding-right: 15px;padding-left: 15px; width: 840px;}
.JKzhishi-con .article-con .title{ color: #333; font-size: 32px; font-weight: bold; margin-bottom: 20px;}
.JKzhishi-con .article-con .sign{ display: flex; align-items: center;padding-bottom: 10px;border-bottom: 1px dashed #ddd;}
.JKzhishi-con .article-con .sign li{ color: #999; padding-right: 20px;}
.JKzhishi-con .article-con .content{ font-size: 18px; line-height: 30px; padding: 10px 0; }
.JKzhishi-con .article-con .content p, .JKzhishi-con .article-con .content div{ line-height: 30px; padding-bottom: 10px; text-indent: 32px;}
.JKzhishi-con .article-con .content img{ max-width: 870px; }
.content a{ color: #0000cc; }

/* 文章翻篇*/
.article-page{ border-top: 1px solid #ddd; font-size: 16px;height: 90px;padding: 25px 0; position: relative;}
.article-page a{ color: #999; font-size: 14px; display: inline-block; width: 80%;}
.article-page i{ color: #8d8d8d; font-size: 50px; position: absolute; top: 40px;}
.article-page .page-prev{ width: 50%; height: 90px; float: left;}
.article-page .page-next{ width: 50%; height: 90px; float: right; text-align: right;}
.article-page .page-prev img, .article-page .page-next img{ width: 124px; height: 88px;}
.article-page .page-prev span, .article-page .page-next span{ color: #333; display: inline-block; font-size: 18px; padding-bottom: 5px;}
.article-page .page-prev a{ margin-left: 60px;}
.article-page .page-next a{ margin-right: 60px;}
.article-page .page-prev i{ left: 0;}
.article-page .page-next i{ right: 0;}
.article-page .page-prev img{ margin-right: 12px;}
.article-page .page-next img{ margin-left: 12px;}

/* 为你推荐*/
.goods-tuijian{ background-color: #f2f2f2; }
.goods-tuijian dl{ padding: 10px 0;}
.goods-tuijian dl dt{ position: relative; }
.goods-tuijian dl dt img{ border-radius: 0; width: 100%; }
.goods-tuijian dl dt .log{ background-color: #dd0000; color: #fff; display: inline-block; font-size: 15px; text-align: center; padding: 2px 0; width: 100%; position: absolute; bottom: 0;}
.goods-tuijian .price{ display: flex; align-items: center; justify-content: space-between; }
.goods-tuijian .price .num{ color: #dd0000; font-size: 20px;}

.correlation-article dl dd{ width: 81%; padding-right: 2%; }
.correlation-article dl dd h3{ padding: 5px 0; }

.goods-tuijian .tjcp-list{ background-color: #f2f2f2; display: flex; align-items: center; padding: 10px;}
.goods-tuijian .tjcp-list:hover{ color: #333 !important; }
.goods-tuijian .tjcp-list .pic{ width: 140px;}
.goods-tuijian .tjcp-list .pic img{ width: 100%; border-radius: 10px;}
.goods-tuijian .tjcp-list .text{ margin: 0 20px; flex: 1;}
.goods-tuijian .tjcp-list .title{ font-size: 18px; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.goods-tuijian .tjcp-list .subtit{ color: #999; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.goods-tuijian .tjcp-list .pingjia{ color: red; display: inline-flex; align-items: center;font-size: 14px; padding-top: 5px;}
.goods-tuijian .tjcp-list .pingjia img{ width: 50px; margin-right: 10px; }
.goods-tuijian .tjcp-list .num{ display: flex; align-items: center; justify-content: space-between; }
.goods-tuijian .tjcp-list .n-left{ color: #f42f2f; font-size: 18px; }
.goods-tuijian .tjcp-list .n-left em{ font-size: 14px; font-style: normal;}
.goods-tuijian .tjcp-list .n-left .s1{ font-weight: bold; }
.goods-tuijian .tjcp-list .n-left .s2{ color: #999; font-size: 14px; margin-left: 10px; text-decoration: line-through;}
.goods-tuijian .tjcp-list .n-right{ background-color: #f42f2f; border-radius: 50px; color: #fff; font-size: 14px; padding: 5px 10px;}

/* 内容中的a标签自动着色 */
.JKbaike-zt .main .guide dl dd a{color: #3498db;}