@charset "utf-8";
/* 通用*/
em{ font-style: normal; }
.m-left{ width: 870px; float: left;}
.m-right{ width: 300px; float: right;}
.article-left{ border-right: 1px solid #ebf0f1; width: 840px; padding-right: 30px; float: left; }
.mt15{ margin-top: 15px; }
.mb15{ margin-bottom: 15px; }
.line{ background-color: #f2f2f2; height: 5px; }
.icon{background: url('../images/ask/ask-icon.png') no-repeat; overflow: hidden;display: inline-block;}
.recommend-title{ border-bottom: 1px solid #ccc; height: 30px;line-height: 30px;}
.recommend-title span{ border-bottom: 2px solid #f42f2f; color: #333; display: inline-block; font-size: 16px; font-weight: bold; padding: 0 5px;}

.other-title{ border-bottom: 1px solid #ccc; font-weight: bold; font-size: 16px; height: 40px; line-height: 40px;}
.other-title span{ color: #f42f2f; padding-right: 5px;}

/* 头部*/
.ask-header{ text-align: center;}
.ask-header .ask-top{ display: inline-block; padding: 40px 0 30px; height: 65px; width: 1200px;}
.ask-header .ask-top .ask-logo{ display: inline-block;float: left;margin: 0 45px;}
.ask-header .ask-top .ask-logo img{ width: 215px;height: 65px;}
.ask-header .ask-top .search{ display: inline-block; margin-top: 11px;}
.ask-header .ask-top .search form{ display: inline-block;}
.ask-header .ask-top .search .search-text {width: 415px;height: 38px; border: solid 1px #ccc;border-right: none;float: left; padding: 0 10px;}
.ask-header .ask-top .search .search-button{display: inline-block;position: relative;cursor: pointer;width: 103px;height: 40px;}
.ask-header .ask-top .search .btn{ border: 1px solid; display: inline-block; font-size: 14px; width: 103px; height: 38px; line-height: 40px; text-align: center;}
.ask-header .ask-top .search .btn-search{ background-color: #f5f5f5; border-color: #dcdcdc; color: #6f06ad; height: 40px;padding-left: 27px;outline:none;}
.ask-header .ask-top .search .icon-search{ width: 27px;height: 27px;margin-right: 7px;vertical-align: middle;background-position: 0 0;position: absolute;left: 15px; top: 6px;}
.ask-header .ask-top .search .btn-ask{ background-color: #6f00af; border-color: #6f00af; color: #fff; margin-left: 17px;}
.ask-header .ask-top .search .btn-ask:hover{ background-color: #8a31bb; color: #fff !important;}

/* 导航*/
.ask-nav{ background-color: #6f06ad; border-bottom: 1px solid #380201; height: 50px; line-height: 50px;}
.ask-nav ul{}
.ask-nav ul li{ border-right: 1px solid #6f33af; display: inline-block; float: left;}
.ask-nav ul li .icon-new{ background-position: 0 -50px; margin-top: 5px; vertical-align: top; width: 38px; height: 20px;}
.ask-nav ul li a{ color: #fff;font-size: 14px; padding: 0 50px; display: inline-block;}
.ask-nav ul li a:hover{ color: #fff !important; }
.ask-nav ul li.active, .ask-nav ul li:hover{ background-color: #6f33af;}

/* 广告*/
.adv{ border: 1px solid #f2f2f2;}
.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; right: 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{ width: 100%; }

/* banner轮播*/
.flexslider{ margin: 20px auto 15px; position: relative; width: 100%; height: 400px; overflow: hidden;}
.flexslider .slides li{ width: 100%; height: 100%;}
.flexslider .slides li img { width: 100%; height: 398px; display: block;}
.flex-control-nav{ width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li{ margin: 0 2px; display: inline-block; background-color: rgba(255,255,255,.5); border-radius: 50%;text-indent: -99em;width: 10px;height: 10px;cursor: pointer;}
.flex-control-nav li.active{ background-color: #fff;}

/* 问题列表*/
.question-mod li{ border-bottom: 1px solid #f2f2f2; font-size: 14px; height: 48px; line-height: 48px; overflow: hidden; padding: 0 0 0 10px;}
.question-mod li a{ color: #333; width: 80%; float: left;}
.question-mod li .wen{ color: #bbb; float: left;}
.question-mod li .answer-number{ color: #bbb; float: right; font-size: 12px; padding-right: 40px;}

/* 相关问题当中的头条推文*/
.toutiao dl{ border-bottom: 1px dashed #ddd; display: inline-block; padding: 20px 0; width: 100%; }
.toutiao dl:last-child{ border-bottom: 0 none; padding-bottom: 10px; }
.toutiao dl dt{ display: inline-block; float: left; width: 15%;}
.toutiao dl dt img{ border-radius: 5px; width: 120px; height: 120px; vertical-align: middle; object-fit: cover;}
.toutiao dl dd{ width: 83%; float: right; }
.toutiao dl dd h3{ font-size: 18px; font-weight: 500; padding: 10px 0;}
.toutiao dl dd p.text, .toutiao dl dd p.note, .toutiao dl dd p.note a{ color: #999; }
.toutiao dl dd p.text{ text-indent: 28px; line-height: 24px; margin-bottom: 10px;}
.toutiao dl dd p.note{ font-size: 12px; text-align: right;}

/* 特别推荐*/
.recommend-hot{ border-bottom: 1px dashed #ddd; padding-bottom: 10px; }
.recommend-hot .hot-pic{ width: 100px; height: 90px; float: left;}
.recommend-hot .hot-text{ width: 185px; float: right; }
.recommend-hot .hot-text h6{ font-weight: bold; padding: 5px 0;}
.recommend-hot .hot-text p{ color: #999; font-size: 12px; line-height: 20px; -webkit-line-clamp: 3;}

.recommend li{ border-bottom: 1px dashed #ddd; float: left; margin: 0 0 0 5%; width: 95%; line-height: 40px; list-style-type: disc;}
.recommend li:hover{ color: #f42f2f; }
.recommend li a{ display: inline-block; width: 100%; float: left;}

/* 微信*/
.official-wechat{ padding: 15px 0; }

/* 友情链接*/
.blogroll a{ margin: 5px 10px 5px 0; line-height: 20px; font-size: 12px; color: #666; background: #f2f2f2; padding: 5px 10px;border-radius: 2px;display: inline-block;}

/* 问答内容*/
.ask-issue{ margin: 15px 0 0 0;}
.ask-issue .title{ color: #333; line-height: 34px; font-size: 24px;}
.ask-issue .info{ font-size: 12px; color: #999; margin-top: 5px;}
.ask-issue .info2 span{font-size: 14px;}
.ask-issue .info span{ padding-right: 15px; }
.ask-issue .info i{ color: #b7b7b7; font-size: 16px; margin-right: 3px;}
.ask-issue .text{ color: #666; font-size: 18px; line-height: 30px; margin: 20px 0;}

.ask-answer .content{ border-bottom: 1px solid #f2f2f2; color: #333; line-height: 30px; font-size: 18px; padding: 10px 0; }
.ask-answer .content a{ color: #2ABDF2; }
.ask-answer .content .pic{ padding: 10px 0; }
.ask-answer .content img{ max-width: 100%; }

.ask-answer.ask-accept{ background-color: #fff9ee; margin-bottom: 30px; position: relative; }
.ask-answer.ask-accept .icon-accept{ background: url('../images/ask/icon-accept.png') no-repeat center; background-size: 100% auto; position: absolute; left: 0; top: -2px; width: 60px; height: 60px;}
.ask-answer.ask-accept .content{ padding: 5px 20px 10px 50px; }
.ask-answer.ask-accept .footnote .click{ background-color: #fff; }

.footnote{ color: #393939; padding: 10px 0 5px;}
.footnote .click{ border: 1px solid #dae0e4; border-radius: 32px; display: inline-block; padding: 0 15px; height: 32px; line-height: 32px; vertical-align: middle;}
.footnote span{ cursor: pointer; display: inline-flex; align-items: center; }
.footnote span.like{ padding-right: 10px; }
.footnote i{ padding: 0 5px 0 20px; height: 30px; display: inline-block;}
.footnote .click-good{ background: url(../images/ask/click-good.png) no-repeat 0px 6px; background-size: 20px;}
.footnote .click-bad{ background: url(../images/ask/click-bad.png) no-repeat 0px 6px; background-size: 20px;}
.footnote .text{ color: #999; font-size: 14px; padding: 0;}

/* 精选问答*/
.ask-jxwd .userinfo{ padding: 15px 0 0 40px; display: flex; align-items: center; margin-top: 20px;}
.ask-jxwd .userinfo img{ width: 60px; height: 60px; vertical-align: top; padding: 1px; border-radius: 25px;}
.ask-jxwd .userinfo .data{ padding-left: 10px;}
.ask-jxwd .userinfo .name{ color: #333; font-size: 16px;}
.ask-jxwd .userinfo .job{ color: #999; font-size: 14px;}
.ask-jxwd .jxwd-pic{ padding-top: 10px; }
.ask-jxwd-pic img{ width: 100%; }
.ask-jxwd.ask-answer.ask-accept .icon-accept{ background: url('../images/ask/icon-best2.png') no-repeat center; background-size: 100% auto; position: absolute; left: 0; top: -2px; width: 80px; height: 70px;}

/* 精选问答列表*/
.jxwd-list .layui-tab{ margin: 0; }
.jxwd-list .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f; }
.jxwd-list .layui-tab-brief .layui-tab-more li.layui-this:after, .jxwd-list .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }
.list-cor{ display: inline-block; width: 100%; }
.list-cor .list{ border-bottom: 1px solid #efefef; display: flex; padding: 15px 0; width: 48%; float: left;}
.list-cor .list:nth-child(even){ float: right; }
.list-cor .list .pic{ width: 140px; padding-right: 10px;}
.list-cor .list .pic img{ width: 100%; border-radius: 4px; height: 70px; vertical-align: middle; object-fit: cover;}
.list-cor .list .text{ flex:3;}
.list-cor .list .text .title{ line-height: 20px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; font-size: 14px;}
.list-cor .list .text .time{ color: #999; font-size: 12px;}
.list-cor .list .text .time em{ padding-right: 12px; font-style: normal; }

/* 右侧通用标题*/
.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;}

/* 热门文章*/
.hot-list .hot-head{ padding-top: 20px; }
.hot-list .hot-head .hot-pic{ width: 100px; height: 90px; float: left; object-fit: cover;}
.hot-list .hot-head .hot-text{ width: 185px; float: right; }
.hot-list .hot-head .hot-text h6{ font-weight: bold; padding: 5px 0;}
.hot-list .hot-head .hot-text p{ color: #999; font-size: 12px; line-height: 20px; -webkit-line-clamp: 3;}
.hot-list ul{ padding: 20px 0 0;}
.hot-list li{ margin-bottom: 20px;}
.hot-list li i{ margin-right: 10px; font-style: normal; width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center;}

/* 热销商品*/
.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-knowledge ul{ padding: 10px 5px; }
.hot-knowledge ul li{ width: 33.333%; text-align: center; float: left; position: relative;}
.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;}

/* 商品推荐*/
.ask-goods .list{ float: left; width: 25%;}
.ask-goods .list .pic{ padding: 0 10px;}
.ask-goods .list .pic img{ width: 100%; border-radius: 5px;}
.ask-goods .list .text{ margin: 10px; height: 70px; position: relative;}
.ask-goods .list .text .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px;}
.ask-goods .list .text .num{ display: inline-block; width: 100%; position: absolute; bottom: 0; text-align: center;}
.ask-goods .list .text .num .n-left{ color: #f42f2f; display: block; font-size: 18px;}

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