body{
	background: rgba(242, 242, 242, 1.0);
}
.bbs{ display:flex; margin-top:20px; justify-content:space-between; margin-bottom:20px; }
.bbs-left{ width:calc(100% - 380px); border-radius:5px; }
.bbs-left .bbs-left-count{ width:100%; display:flex; flex-wrap:wrap; padding:30px 20px; border-radius:5px; background:#fff; }
.bbs-left .bbs-left-count dd{ width:25%; text-align:center; border-right:1px solid #f6f6f6; }
.bbs-left .bbs-left-count dd:last-child{ border:none; }
.bbs-left .bbs-left-count dd font{ font-size:22px;}
.bbs-left .bbs-left-count dd:nth-child(1) font{ color: #de2910;}
.bbs-left .bbs-left-count dd:nth-child(2) font{ color: #13c5cf;}
.bbs-left .bbs-left-count dd:nth-child(3) font{ color: #7112ff;}
.bbs-left .bbs-left-count dd:nth-child(4) font{ color: #f46e1e;}
.bbs-left .bbs-left-count dd p{ margin-top:10px; }

.bbs-left .adv{ margin-top:20px; border-radius:5px; overflow:hidden; margin-bottom:20px; }
.bbs-left .adv img{ width:100%; }

.bbs-list{ background:#fff; margin-top:0px; border-radius:5px; padding:20px; min-height:500px; }
.bbs-list h2{ font-size:16px; font-weight: 500; position:relative; border-bottom:1px solid #f0f0f0; overflow:hidden; display:flex; justify-content:space-between; }
.bbs-list dd{ display:flex; }
.bbs-list dd a{ position:relative; display:block; margin-right:30px; padding-top:15px; }
.bbs-list dd a.active{font-weight: bold; font-size: 20px;}
.bbs-list dd a.active:after{ content:''; width:100%; height:3px; background:#17528e; border-radius:5px; position:absolute; left:0; bottom:0px; transition: .3s; }

.bbs-list h2>a{ margin-bottom: 20px; display:block; background:#17528e; color:#fff; height:40px; border-radius: 40px; width:150px; font-size: 14px; font-weight: 500; line-height:40px; text-align:center; }
.bbs-list ul{}
.bbs-list ul li{border-bottom:1px solid #f0f0f0; padding-bottom:20px; padding:20px 10px; }
.bbs-list ul li:hover{ background:#f0f0f0; }
.bbs-list ul li:last-child{ border-bottom:0; }
.bbs-list ul li dl{ display:flex; justify-content:space-between; }
.bbs-list ul li dl dd:nth-child(1) img{ width:30px; height:30px; border-radius:30px; }
.bbs-list ul li dl dd:nth-child(1) span{ line-height:30px; margin-left:10px; font-size:12px;}
.bbs-list ul li dl dd:nth-child(1) font{ font-size:12px; margin-left:20px; }
.bbs-list ul li dl dd:nth-child(2){ line-height:30px; }
.bbs-list ul li dl dd:nth-child(2) span{ line-height:30px; margin-left:50px; color:#999; font-size:12px; }
.bbs-list ul li dl dd:nth-child(2) span i{ margin-right:3px; color:#999; font-size:14px; line-height:30px; }
.bbs-list ul li h4{ font-size:16px; margin:10px 0px; line-height:30px; }
.bbs-list ul li p{ line-height:23px; color:#666; }

.bbs-info{padding:20px; } 
.bbs-info h2{ font-size:24px; text-align:left; }
.bbs-info dl{ display:flex; justify-content:space-between; margin-top:10px; margin-bottom:20px; }
.bbs-info dl dd:nth-child(1) img{ width:30px; height:30px; border-radius:30px; }
.bbs-info dl dd:nth-child(1) span{ line-height:30px; font-size:14px; color: #999;}
.bbs-info dl dd:nth-child(1) font{ font-size:14px; margin:0 10px; }
.bbs-info dl dd:nth-child(1) span:nth-child(3){ font-size:14px; }
.bbs-info dl dd:nth-child(2){ line-height:30px; }
.bbs-info dl dd:nth-child(2) span{ line-height:30px; margin-left:30px; color:#999; font-size:12px; }
.bbs-info dl dd:nth-child(2) span i{ margin-right:3px; color:#999; font-size:14px; line-height:30px; }
.bbs-con{ line-height:23px; }

.bbs-right{ width:360px;}
.bbs-right .user{ margin-bottom:20px; background:#fff; padding:20px; border-radius:5PX; }
.bbs-right .user .head{height: 80px; display: flex; justify-content:left; width: 100%;}
.bbs-right .user .head img{ width: 60px; height: 60px; border-radius: 60px;}
.bbs-right .user .head dd:nth-child(1){ margin-right:10px; margin-bottom:0px; }
.bbs-right .user .head dd:nth-child(2){ color:#000; font-weight: bold; margin-top:5px; }
.bbs-right .user .head dd:nth-child(2) p{ font-size: 14px; font-weight: 500; margin-top: 5px; color: #666; line-height: 20px; margin-top: 10px;}
.bbs-right .user dl{ display:flex; }
.bbs-right .user dl dd{ width:50%; text-align:center; border-right:1px solid #f6f6f6; }
.bbs-right .user dl dd:last-child{ border:none; }
.bbs-right .user dl dd font{ font-size:22px;}
.bbs-right .user h2{ text-align: center; font-size: 18px; font-weight: 500; margin-top: 10px;}
.bbs-right .user .btn{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px; margin-top: 30px;}

.bbs-right .user .btn a{ 
  display: block; 
  text-align: center; 
  width: calc((100% - 40px) / 2);
  height: 40px; 
  line-height: 40px; 
  font-size: 14px; 
  color: #000; letter-spacing: 1px; border-radius: 40px;
}
.bbs-right .user .btn a.follow{background: #ffce24;}
.bbs-right .user .btn a.yfollow{background: #ddd;}
.bbs-right .user .btn a.uindex{
  background: none; border: 1px solid #eee;
}

.bbs-right .sector{ background:#fff; padding:20px; border-radius:5px; }
.bbs-right .sector h2{ font-size:20px; position:relative; padding-left:20px; border-bottom:1px solid #f0f0f0; padding-bottom:15px; }
.bbs-right .sector h2:after{ content:''; width:5px; height:20px; background:#17528e; border-radius:5px; position:absolute; left:0; top:4px; }
.bbs-right .sector ul{ display:flex; flex-wrap:wrap; }
.bbs-right .sector li{margin:20px 20px 0px 0px; width:calc((100% - 20px) / 2); margin-right: 20px;}
.bbs-right .sector li:nth-child(2n){ margin-right:0px; }
.bbs-right .sector li a{display: flex;}
.bbs-right .sector li dd:nth-child(1){ width:50px; height:50px; border-radius:50px; overflow:hidden; box-shadow:0px 0px 5px #aaa; padding:10px; }
.bbs-right .sector li dd img{ width:100%; height:100%; }
.bbs-right .sector li dd:nth-child(2){margin-left:10px; }
.bbs-right .sector li dd:nth-child(2) h4{ font-size:14px; line-height:25px; display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */ }
.bbs-right .sector li dd:nth-child(2) p{ line-height:25px; color:#666; }

.bbs-right .hotCon{ background:#fff; padding:20px; border-radius:5px; margin-top:20px; }
.bbs-right .hotCon h2{ font-size:20px; position:relative; padding-left:20px; border-bottom:1px solid #f0f0f0; padding-bottom:15px; }
.bbs-right .hotCon h2:after{ content:''; width:5px; height:20px; background:#17528e; border-radius:5px; position:absolute; left:0; top:4px; }
.bbs-right .hotCon li{ margin-top:20px; }
.bbs-right .hotCon li a{ display:flex; }
.bbs-right .hotCon li i{ display:block; width:30px; height:25px; text-align:center; line-height:25px; margin-right:10px; }
.bbs-right .hotCon li img{ width:100%; height:100%; }
.bbs-right .hotCon li h4{ line-height:25px; font-size:14px; font-weight:500; display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */   }
.bbs-right .hotCon li p{ line-height:25px; color:#666; }
.bbs-right .hotCon li p span{ margin-right:50px;  font-size:13px;}
.bbs-right .hotCon li p span font{ color:#f00; margin-left:3px; }

.bbsRelease{ background:#fff; border-radius:5px; padding:20px; }
.bbsRelease h2{ font-size:20px; position:relative; padding-left:20px; border-bottom:1px solid #f0f0f0; padding-bottom:15px; }
.bbsRelease h2:after{ content:''; width:5px; height:20px; background:#17528e; border-radius:5px; position:absolute; left:0; top:4px; }
.bbsRelease dl{ margin:10px; margin-top:20px; }
.bbsRelease dl select{ border:1px solid #ddd; height:40px; min-width:200px; color:#999; }
.bbsRelease dl input{ border:1px solid #ddd; height:40px; width:100%; padding:0 10px; border-radius:3px; }
.bbsRelease dl.btn{ text-align:center; justify-content:center; display:flex; }
.bbsRelease dl.btn button{ border:none; height:40px; line-height:40px; border-radius:40px; width:120px; margin-left:20px; font-size:14px; }
.bbsRelease dl.btn button:nth-child(1){ background:#17528e; color:#fff; }


.reply{ margin-top:50px; }
.reply h3{ text-align:left; font-size:16px; margin-bottom: 20px;}
.reply dl{ display:flex; margin-bottom:0; }
.reply dl dd:nth-child(1){ width:40px; }
.reply dl dd:nth-child(1) img{ width:40px; height:40px; }
.reply dl dd:nth-child(2){ width:calc(100% - 50px); line-height:23px; }
.reply dl textarea{ width:100%; background:#f3f3f3; border:none; padding:10px; height:80px; line-height:23px; border-radius:5px; }
.reply dl.sub{ justify-content:right; }
.reply dl button{background:#ffce24; color:#000; border: none; height: 40px; line-height: 40px; width: 100px; font-size: 14px; border-radius: 40px;}


.replyList{margin-top:50px;}
.replyList h3{ text-align:left; font-size:16px; margin-bottom: 20px;}
.replyList dl{ display:flex; margin-top:15px; border-bottom: 1px solid #eee; padding-bottom:15px; }
.replyList dl dd:nth-child(1){ width:40px; }
.replyList dl dd:nth-child(1) img{ width:40px; height:40px; }
.replyList dl dd:nth-child(2){ width:calc(100% - 50px); line-height:23px; }
.replyList dl dd:nth-child(2) h4{ line-height:30px; }
.replyList dl dd:nth-child(2) p:nth-child(2){ margin:5px 0px; line-height:23px; }
.replyList dl dd:nth-child(2) p:nth-child(3){ line-height:23px; color:#999; font-size:12px; }


.bbs-left-count{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.bbs-left-count .head{height: 50px; display: flex; flex-wrap: wrap; justify-content:left; width: 200px;}
.bbs-left-count .head img{ width: 50px; height: 50px; border-radius: 50px;}
.bbs-left-count .head dd:nth-child(1){ margin-right:10px; margin-bottom:0px; border:none; }
.bbs-left-count .head dd:nth-child(2){ color:#000; font-weight: bold; margin-top:5px; text-align:left; }
.bbs-left-count .head dd:nth-child(2) p{ font-size: 14px; font-weight: 500; margin-top: 5px; color: #666; line-height: 20px; margin-top: 10px;}

.tongji{ display:flex; justify-content:left; width:calc(100% - 200px - 160px); }
.tongji dd{ width:33%!important; }
.tongji font{ color:#000!important; }
.tongji p{ color:#666!important; }
.bbs-left-count .btn{ width:160px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 10px;}

.bbs-left-count .btn a{ 
  display: block; 
  text-align: center; 
  width: calc((100%));
  height: 40px; 
  line-height: 40px; 
  font-size: 14px; 
  color: #000; letter-spacing: 1px; border-radius: 40px;
}
.bbs-left-count .btn a.follow{background: #ffce24;}
.bbs-left-count .btn a.yfollow{background: #ddd;}