.searchDetail {
  width: 100%;
  height: 192px;
  background: #252D37;
margin-bottom: 25px;
}
.searchDetail-nav {
  width: 1200px;
  margin: auto;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
}

.searchDetail-nav  a{
color: #A2A2A2;
}
.searchDetail-title {
  display: flex;
  width: 1200px;
  margin: auto;
}
.searchDetail-title-leftView {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchDetail-title-leftView img {
  width: 28px;
  height: 28px;
}
.searchDetail-title-rightView {
  height: 56px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 40px;
  color: #FFFFFF;
  margin-left: 16px;
}


.knowledge {
  width: 100%;
  border: none !important;
  height: 460px;
  background-image: url(/pc/images/zbaike.jpg);
  position: relative;
}
@keyframes mymove {
  from {
    opacity: 0;
    top: 30px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
.knowledge .title {
  padding-top: 88px;
  width: 100%;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: 8px;
  text-align: center;
  margin-bottom: 16px;
  animation: mymove 0.5s normal;
  position: absolute;
}
.knowledge .des {
  width: 100%;
  font-size: 16px;
  text-align: center;
  animation: mymove 0.8s normal;
  position: absolute;
  padding-top: 180px;
}
.knowledge .des-title {
  width: 232px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
background: #FE7914;
  border-radius: 4px;
  color: hsl(0, 0%, 100%);
  margin: auto;
}
.knowledge .bottom {
  position: absolute;
  width: 100%;
  padding-top: 250px;
  border: none !important;
  animation: mymove 1s normal;
}
.knowledge .bottom .inputSeach {
  font-size: 16px;
  width: 792px;
  height: 56px;
  background: #FFFFFF;
  border-radius: 8px;
  margin: auto;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  border: 1px solid white;
  box-sizing: border-box;
}
.knowledge .bottom .inputSeach .inputDiv {
  border: none;
  width: 95%;
  height: 80%;
  font-size: 16px;
  color: #909399;
}
.knowledge .bottom .inputSeach .inputDiv::-webkit-input-placeholder {
  /* placeholder字体大小  */
  font-size: 16px;
}
.knowledge .bottom .inputSeach .svgIcon {
  cursor: pointer;
  width: 48px;
  height: 48px;
  background: url(/pc/images/search.png) no-repeat center;
}
.knowledge .bottom .hotSeach {
  display: flex;
  align-items: center;
  width: 792px;
  height: 28px;
  margin: auto;
}
.knowledge .bottom .hotSeach .tips {
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledge .bottom .hotSeach .tipsList {
  display: flex;
  align-items: center;
}
.knowledge .bottom .hotSeach .tipsList a {
  cursor: pointer;
  color: white;
  padding: 4px 8px ;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.knowledgeConent {
  width: 1200px;
  margin: auto;
  margin-top: 40px;
}
.knowledgeConent-list-top {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
}
.knowledgeConent-list-top .svgIcon {
  background-image: url(Knowledge/SvgIcon.svg);
  width: 24px;
  height: 24px;
}
.knowledgeConent-list-top .des {
  margin-left: 8px;
  height: 28px;
  font-weight: 500;
  font-size: 20px;
  color: #303133;
  text-align: left;
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.knowledgeConent-list-top .des .moreList {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  color: #91959B;
}
.knowledgeConent-list-top .tip {
  height: 16px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 12px;
  color: #91959B;
  line-height: 16px;
  width: 100%;
  margin-top: 8px;
}
.knowledgeConent-list-lists {
  display: flex;
  margin-bottom: 40px;
  flex-wrap: wrap;
  position: relative;
}
.knowledgeConent-list-lists .listsDiv {
  cursor: pointer;
  width: 287px;
  height: 175px;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 16px;
  transition: 0.3s;
}
.knowledgeConent-list-lists .listsDiv:hover {
  margin-top: -10px;
  padding-bottom: 10px;
}
.knowledgeConent-list-lists .listsDiv .topDiv0 {
  background-image: extract(linear-gradient(0deg, #96DEDA 0%, #50C9C3 100%), linear-gradient(0deg, #A3BDED 0%, #6991C7 100%), linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%), linear-gradient(0deg, #A7C4F1 0%, #9999E1 100%), 0);
  width: 255px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledgeConent-list-lists .listsDiv .topDiv1 {
background-image: linear-gradient(0deg, #47C3FB 0%, #07A8E8 100%);
  width: 255px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledgeConent-list-lists .listsDiv .topDiv2 {
background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%);
  width: 255px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledgeConent-list-lists .listsDiv .topDiv3 {
  background-image: linear-gradient(0deg, #FBB377 0%, #FE7914 100%);
  width: 255px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledgeConent-list-lists .listsDiv .topDiv4 {
  background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%);
  width: 255px;
  height: 64px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
}
.knowledgeConent-list-lists .listsDiv .desDiv {
  height: 63px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  color: #909399;
  text-align: left;
  line-height: 21px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.knowledgeConent-list-lists .listsView {
  width: 186px;
  height: 136px;
  background: #FFFFFF;
  border-radius: 8px;
  margin: 0px 16px 16px 0px;
  box-sizing: border-box;
  padding: 24px;
  transition: 0.8s;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.knowledgeConent-list-lists .listsView-image0 {
  background-image: extract(linear-gradient(0deg, #FAD0C4 0%, #FF9A9E 100%), linear-gradient(0deg, #96DEDA 0%, #50C9C3 100%), linear-gradient(0deg, #A3BDED 0%, #6991C7 100%), 0);
  width: 48px;
  height: 48px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 36px;
  border-radius: 8px;
}
.knowledgeConent-list-lists .listsView-image1 {
background-image: linear-gradient(0deg, #FBB377 0%, #FE7914 100%);
  width: 48px;
  height: 48px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 36px;
  border-radius: 8px;
}
.knowledgeConent-list-lists .listsView-image2 {
background-image: linear-gradient(0deg, #47C3FB 0%, #07A8E8 100%);
  width: 48px;
  height: 48px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 36px;
  border-radius: 8px;
}
.knowledgeConent-list-lists .listsView-image3 {
background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%);
  width: 48px;
  height: 48px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 36px;
  border-radius: 8px;
}
.knowledgeConent-list-lists .listsView-des {
  width: 100%;
  height: 24px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 16px;
  color: #252D37;
  text-align: center;
  line-height: 24px;
  margin-top: 16px;
}
.knowledgeConent-list-lists .listsView:hover {
  box-shadow: 0 4px 8px 0 rgba(19, 33, 50, 0.08), 0 0 0 1px rgba(19, 33, 50, 0.02);
  margin-top: -8px;
}
.knowledgeConent-list-lists .listsView:nth-child(6n) {
  margin-right: 0px;
}
.knowledgeConent-list .juflex {
  justify-content: space-between;
}
.page_content{
  display: none;
}


.active-box{
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 24px;
  width: 894px;
  border-radius: 8px;
}
.active-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 24px;
}
.active-container img{
  width: 100px;
  height: 100px;
  background: #F5F6F7;
  border-radius: 3.85px;
  margin-right: 24px;
}
.active-box .active-info{
  display: flex;
  flex-direction: column;
  width: 534px;
  margin-right: 40px;
}
.active-box .active-info .title{
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  color: #1F2C3D;
  line-height: 28px;
  margin-bottom: 12px;
}
.active-box .active-info .des{
  width: 100%;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  color: #5C626A;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.active-container .btn-box {
  margin-top: 26px;
  width: 132px;
  position:  relative;
}
.active-container .btn-shadow {
  position: absolute;
  z-index: 1;
  width: 116px;
  height: 12px;
  opacity: 0.29;
  background: #F99734;
  filter: blur(5px);
  top: 41.5px;
  left: 8px;
}
.active-container .btn {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 48px;
background-image: linear-gradient(110deg, #F77D02 0%, #F89B3C 100%);
  border-radius: 4px;
  border: none;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.active-container .btn:hover {
  background: #F99734;
}
.active-container .btn:active {
  background: #F99734;
}


@media screen and (max-width: 768px) {
  .page_content {
    display: block;
  }
  .page-pc{
  display: none;
}
.searchDetail {
  display: none;
}
.active-box {
  display: none;
}

}

.box-content{font-family:PingFangSC-Medium;width:100%;margin-top:0.98rem}
.box-banner{width:100%;background:url(/assets/images/baike/topBanner.png) center top / cover no-repeat;height:180px;display:flex;align-content:center;flex-wrap:wrap}
.box-banner div,.box-banner .banner-title{color:#FFFFFF;flex:0 0 100%;text-align:center}
.banner-title{font-weight:600;font-size:21px;letter-spacing:12px;height:55px}
.banner-button span{font-weight:400;font-size:9.7px;background:#FE7914;border-radius:2.43px;padding:7px 15px}
.box-container{display:flex;flex-direction:column;padding:0 0.28rem 0.5rem;background-color:#F5F6F7}
.box-row{display:flex;flex-direction:column;margin-top:0.5rem}
.txt-row{display:flex;flex-flow:wrap;margin:0.5rem}
.row-title{font-weight:400;font-size:20px;color:#303133}
.row-content{margin:0.5rem 0 0}
.swiper-box{width:140px;height:86px;background:#FFFFFF;border-radius:8px;padding:8px}
.swiper-top{height:50px;background-image: linear-gradient(0deg, #47C3FB 0%, #07A8E8 100%);border-radius:4px;display:flex;justify-content:center;align-items:center}
.swiper-color1{background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%)}
.swiper-color2{background-image: linear-gradient(0deg, #FBB377 0%, #FE7914 100%)}
.swiper-color3{background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%)}
.swiper-top span,.swiper-top h3{
    margin: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:400;font-size:13px;color:#FFFFFF;line-height:16px}
.swiper-text{padding-top:8px;font-weight:400;font-size:12px;height:40px;color:#909399}
.swiper-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.flex-20{max-width:20%;flex:0 0 20%}
.flex-30{max-width:30%;flex:0 0 30%}
.flex-35{max-width:35%;flex:0 0 35%}
.flex-50{max-width:50%;flex:0 0 50%}
.flex-60{max-width:60%;flex:0 0 60%}
.flex-65{max-width:65%;flex:0 0 65%}
.flex-70{max-width:70%;flex:0 0 70%}
.flex-80{max-width:80%;flex:0 0 80%}
.flex-100{max-width:100%;flex:0 0 100%}
.flex-auto{flex:auto}
.text-right{text-align:right}
.text-right a{font-weight:400;font-size:14px;color:#00B37A;text-align:right;line-height:20px}
.text-content{font-weight:400;font-size:12px;color:#5C626A;line-height:16px;margin-top:.3rem}
.text-row{display:flex;flex-wrap:wrap;margin-top:.4rem;width:98%}
.list-box{width: 100%;
  display: flex;
  height: 65px;
  background: #FFFFFF;
  border-radius: 5px;
  max-width: 48% !important;
  margin-bottom: .7rem;
  margin-right: .8rem;
  align-items: center;}
.list-box:nth-child(even){margin-left:.1rem;margin-right:0}
.list-box a{width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: .5rem;}
.lists-view-image{background-image: linear-gradient(0deg, #47C3FB 0%, #07A8E8 100%);width:24px;height:24px;line-height:24px;margin:0 .15rem 0 .3rem;display:flex;justify-content:center;color:white;font-size:24px;border-radius:4px}
.view-image1{background-image: linear-gradient(0deg, #A1ACB5 0%, #6F7D82 100%)}
.view-image2{background-image: linear-gradient(0deg, #FBB377 0%, #FE7914 100%)}
.lists-view-des{
    width: 71%;font-weight:500;font-size:14px;color:#252D37;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category .category-banner{background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.8)),url(/assets/images/baike/banner.png) center top / cover no-repeat;height:160px;color:#FFFFFF;display:flex;flex-direction:column-reverse;padding:0 24px 0.4rem}
.category-title{font-weight:400;font-size:20px;margin-bottom:0.4rem}
.category-content{font-weight:400;font-size:12px;line-height:16px}
.category-row{display:flex;flex-wrap:wrap;padding:0.3rem 00;background-color:#F5F6F7}
.hezi-pagination{padding:28px;border-top:1px solid #e6e6e6;background-color:#fff}
.hezi-pagination ul{text-align:center;margin:0 auto;display:flex;flex-direction:row;justify-content:center}
.hezi-pagination ul li{float:left;margin:0 10px}
.hezi-pagination ul li a{display:block;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #cfcfcf;color:#666;font-size:14px}
.hezi-pagination ul li a:hover{color:#1183ff;border-color:#1183ff}
.hezi-pagination ul li a.pagination-cur{color:#fff;background-color:#1183ff;border-color:#1183ff}
.hezi-pagination ul li a.pagination-none:hover{color:#666;border-color:#cfcfcf}
.detail-banner{display:flex;align-content:center;flex-wrap:wrap;height:81px;background:#252D37}
.banner-image{background:rgba(255,255,255,0.16);border-radius:2.93px;width:34px;height:34px;margin:0 .2rem 0 .4rem;display:flex;justify-content:center;color:white;align-items:center;font-size:22px}
.banner-des{font-weight:500;font-size:24px;height:34px;line-height:34px;color:#FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#textDescription{margin:.4rem 0 .2rem}
#textDescription h2{font-size:18px !important;color:#333;font-weight:bold;line-height:28px;padding:0 0 0.3rem 0;border-bottom:1px solid #e5e5e5;margin-bottom:0.3rem;margin-top:26px}
#textDescription h3{padding-left:0.1rem;font-size:16px !important;line-height:24px;color:#333;position:relative;margin-bottom:0.4rem}
#textDescription h4{padding-left:0.1rem;font-size:14px !important;line-height:20px;color:#333;position:relative;margin-bottom:0.4rem}
#textDescription h5,#textDescription h6{margin-bottom:0.3rem}
#textDescription img{width:100% !important;height:auto !important}
#textDescription img.autoWidth{width:auto !important;height:auto !important;display:inline-block}
.information{margin-bottom:0.2rem}
#textDescription p{font-size:14px !important;color:#333;line-height:24px;margin-bottom:0.3rem;letter-spacing:1px}
.thumbsUp{cursor:pointer;width:163px;height:40px;border:1px solid #00A98F;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#00A98F;margin:24px auto 12px}
.thumbsUp .text{border-right:2px solid #00A98F;margin-left:8px;padding-right:8px}
.thumbsUp .numberText{margin-left:8px}
.changetTumbsUp{background:#00A98F;color:white}
.changetTumbsUp .text{border-right:2px solid white}
.bottomDiv{margin:.4rem 0 .6rem;font-weight:400;font-size:12px;color:#909399;line-height:18px}
.page-box{display:flex;flex-direction:row;margin-bottom:.4rem}
.page-box a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-weight:400;font-size:16px;color:#00A98F;text-align:center}
.detail-entry{padding:.28rem;background:#F5F6F7}
.detail-article{padding:0.2rem;height:93px;background:#FFFFFF;border:1px solid #EEF0F3;border-radius:8px;display:flex;margin-bottom:.2rem}
.article-title{font-weight:400;font-size:14px;color:#303133;letter-spacing:0;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.article-category{height:19px;line-height:19px;margin:.2rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-category span{border-radius:4px;font-size:14px;color:#00A98F;background:#EBF9F6;padding:2px 6px 2px 0}
.article-date{font-weight:400;font-size:12px;color:#909399}
.article-right img{height:100%;width:100%}