/*my*/
/*bootstrap*/
ul, li { list-style: none; }

a { text-decoration: none; }

body { background: #dcf0fd url(../images/body-bg.jpg) no-repeat center 0; }

.logo { background: rgba(255, 255, 255, 0.36); border-radius: 10px; padding: 15px; }

header { height: 600px; }
header .logo img { height: 56px; }

._search-text { width: 580px; }

.hotlist-title { min-height: 54px; font-size: 18px; font-weight: bold; display: flex; align-items: center; gap: 1rem; }
.hotlist-title:before { content: ''; width: 45px; height: 40px; display: block; flex-shrink: 0; background: url(../images/icon-ask.png) no-repeat; }

.category { color: #0c4777; background: linear-gradient(#abd8ff, #cbebff); border-radius: 2rem; }
.category a { color: #0c4777; padding: 0 .5rem; }
.category a:hover { color: #157ed4; }

.ask, .answer { display: inline-block; max-width: 80%; }

.ask { margin-top: 20px; background: #fff; margin-left: 26px; border-radius: 0 1rem 0 1rem; position: relative; padding: 20px 20px 20px 40px; font-size: 20px; }
.ask:before { content: ''; position: absolute; top: -26px; left: -26px; width: 53px; height: 53px; background: url(../images/icon-ask2.png) no-repeat; }

.answer { margin-left: auto; }
.answer-source { text-align: right; padding-right: 50px; font-size: 18px; }
.answer-content { background: #0477e6; color: #ffffff; border-radius: 1rem 0 1rem 0; position: relative; padding: 20px 20px 20px 40px; font-size: 20px; margin: 10px 0 20px; }
.answer-content:before { content: ''; position: absolute; top: -26px; right: -26px; width: 53px; height: 53px; background: url(../images/icon-answer.png) no-repeat; }

@media (max-width: 991.98px) { header { height: 300px; }
  header .logo img { height: 40px; }
  ._search-text { width: auto; }
  .ask, .answer { max-width: 100%; } 
}


/* 知识库列表分页 */
.pageShow{ display:inline-block; line-height:26px; vertical-align:middle}
.pageShow span{ width:34px; text-align:center; border:1px solid #ddd; color:#1b68b1; font-size:18px;    float: left;}
.pageShow span:nth-child(1){ float:left; border-right:none; border-radius:4px 0 0 4px}
.pageShow span:last-child{ float:right; border-radius:0 4px 4px 0}
.pageShow ul{ float:left; font-size:0; padding:0}
.pageShow ul li{ display:inline-block; width:44px; text-align:center; border:1px solid #ddd; border-right:none; font-size:14px; vertical-align:middle}
.pageShow a{ color:#1b68b1}
.pageShow li.active{ background-color:#1b68b1; border-color:#1b68b1}
.pageShow li.active a{ color:white !important}
.pageShow_ext{line-height: 28px;margin-right: 12px;}
/* 分页容器居中显示，仅居中控件，统计保持左对齐 */
.yema{ text-align: center; }
.yema .pageShow_ext{ text-align: center; display: block; margin: 0 0 8px; }
.yema .page_jumper{ display:inline-block; margin-left: 8px; vertical-align: middle; }
.yema .page_jumper input[type="text"]{ width: 36px; text-align: center; line-height:26px; }
.yema .page_jumper input[type="submit"]{ background:#1b68b1; color:#fff; border:none; padding:0 10px; line-height:26px; border-radius:4px; }