* {
  box-sizing: border-box;
}
.box,
.content {
  width: 100%;
}

.ellipsis1 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ellipsis2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.height5 {
  height: 5px;
}
.height10 {
  height: 10px;
}
.height15 {
  height: 15px;
}
.height20 {
  height: 20px;
}
.height25 {
  height: 25px;
}
.height30 {
  height: 30px;
}
.community-cn-wrap {
  background: #f7f7f7;
  padding-bottom: 50px;
}
.community-cn-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.list_fsLoading {
  position: absolute;
}
.list_fsLoading #loader_order_alone {
  top: 20%;
}
.community-cn-banner {
  height: 380px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.community-cn-banner-bg {
  background-image: url(../images/technology-bg.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  width: 100%;
  height: 380px;
  z-index: -1;
}
.news-banner .community-cn-banner-bg {
  background-image: url(../images/news-bg.jpg);
  background-position: center;
  background-size: cover;
}
.news-banner .community-cn-banner-txt {
  padding-top: 144px;
}
.community-cn-banner-txt {
  padding-top: 113px;
}
.community-cn-banner-txt h2 {
  font-size: 38px;
  font-weight: bold;
  color: #ffffff;
  line-height: 48px;
}
.community-cn-banner-txt p {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  line-height: 26px;
  margin-top: 15px;
}
.community-cn-search-wrap {
  position: relative;
  width: 590px;
  margin: 0 auto;
  margin-top: 35px;
}
.community-cn-search-inp {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  border-radius: 2px;
  outline: none;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid #e5e5e5;
}
.community-cn-search-inp:focus {
  border-color: #8d8d8f;
}

.community-cn-search .community-cn-search-btn {
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  right: 3px;
  cursor: pointer;
  color: #8d8d8f;
  width: 50px;
  line-height: 50px;
  font-size: 18px;
  z-index: 5;
}
.community-cn-search .community-cn-search-del {
  display: none;
  position: absolute;
  font-size: 18px;
  right: 42px;
  top: 15px;
  cursor: pointer;
  color: #dedede;
  z-index: 10;
}
.community-cn-search-hot {
  display: none;
  width: 100%;
  position: absolute;
  top: 50px;
  background: #fff;
  text-align: left;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.community-cn-search-hot-ul li a {
  display: inline-block;
  width: 100%;
  color: #232323;
  font-size: 14px;
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer;
}

.community-cn-search-hot-ul li:hover {
  background: #f7f7f7;
}

.community-cn-types {
  padding-bottom: 30px;
}
.community-cn-types-nav {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.community-cn-news .community-cn-types-nav {
  margin-top: 30px;
}
.community-cn-types-nav a {
  line-height: 26px;
  background: #ebebf0;
  border-radius: 13px;
  color: #2d324a;
  font-size: 12px;
  padding: 0 10px;
  margin-right: 10px;
  transition: all 0.3s;
}
.community-cn-types-nav a:hover {
  background: #d4d4e0;
}
.community-cn-types-nav a.active {
  background: #2d324a;
  color: #fff;
}
.community-cn-nav-recommend {
  margin-top: 30px;
  padding-bottom: 10px;
}
.community-cn-nav-recommend::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.1)
  );
  width: 154px;
  height: 89%;
  z-index: 2;
  /* cursor: pointer; */
}
.community-cn-nav-recommend::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 1)
  );
  width: 154px;
  height: 89%;
  z-index: 2;
}
.community-cn-nav-slide {
  position: relative;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.6);
}
.community-cn-nav-slide a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s;
  z-index: 1;
}
.community-cn-nav-slide a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.community-cn-nav-slide:hover a::before {
  background: rgba(0, 112, 188, 0.8);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
}

.community-cn-nav-slide .tit {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  z-index: 2;
}
.community-cn-nav-recommend .swiper-button-next,
.community-cn-nav-recommend .swiper-button-prev {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  background-image: none;
  opacity: 0;
  transition: all 0.3s;
  margin-top: -29px;
}
.community-cn-nav-recommend:hover .swiper-button-next,
.community-cn-nav-recommend:hover .swiper-button-prev {
  opacity: 1;
}
.community-cn-nav-recommend .swiper-button-next .icon,
.community-cn-nav-recommend .swiper-button-prev .icon {
  font-size: 26px;
  line-height: 50px;
}
.community-cn-nav-recommend .swiper-button-prev {
  left: 0;
}
.community-cn-nav-recommend .swiper-button-next {
  right: 0;
}
.community-cn-nav-recommend .swiper-button-next .icon {
  margin-right: 7px;
}
.community-cn-technology-ul {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
}
.community-cn-technology-ul li {
  width: calc(100% / 4 - 10px);
  margin-top: 20px;
  margin-right: 10px;
  background: #fff;
  transition: all 0.3s;
}
.community-cn-technology-ul li .community-cn-item-img {
  position: relative;
}
.community-cn-technology-ul li:nth-child(4n) {
  margin-right: 0;
}

.community-cn-technology-ul li:hover {
  box-shadow: 0 15px 15px -10px rgb(0 0 0 / 15%);
}
.community-cn-technology-ul li a {
  width: 100%;
}
.community-cn-technology-ul li a img {
  width: 100%;
}
.community-cn-item {
  padding: 13px 20px 13px;
}
.community-cn-item h3 {
  font-size: 14px;
  font-weight: bold;
  color: #232323;
  min-height: 48px;
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.community-cn-item-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #8d8d8f;
  margin-top: 10px;
}
.community-cn-item-bot-num,
.community-cn-item-bot-num .browse,
.community-cn-item-bot-num .temporary {
  display: flex;
  align-items: center;
}
.community-cn-item-bot-num .temporary{
  cursor: pointer;
}
.community-cn-item-bot-num .browse {
  margin-right: 20px;
  font-size: 12px;
}
.community-cn-item-bot-num .browse .icon,
.community-cn-item-bot-num .temporary .icon {
  margin-right: 5px;
}
.community-cn-item-bot-num .browse .icon {
  font-size: 18px;
}
.community-cn-item-bot-num .temporary .icon {
  font-size: 15px;
}
.community-cn-item-bot-num .temporary.active {
  color: #232323;
}
.community-cn-box .Fs_pagination {
  padding-top: 30px;
}

.label-main .community-cn-wrap {
  padding-top: 20px;
}
.label-main .community-cn-types {
  padding-bottom: 0;
}
.label-main .community-cn-types-nav {
  margin-top: 0;
  padding-top: 30px;
}
.label-main .community-cn-technology-ul {
  padding-top: 0;
}
.label-main .lable-tag{
  display: block;
}
.label-main .community-cn-technology-ul > li{
  transition: all 0.3s;
}
.label-main .community-cn-technology-ul > li:hover .lable-tag{
  display: block;
}
.label-content {
  width: 100%;
  min-height: 50px;
  background: #ffffff;
  border-radius: 2px;
  padding: 25px 20px;
  display: flex;
  align-items: center;
}
.label-content-header {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-right: 20px;
  border-radius: 50%;
  background: #7ea1ef;
}
.label-content-header .icon {
  font-size: 20px;
  color: #fff;
}
.label-content-text-tit {
  font-size: 14px;
  color: #8d8d8f;
  display: flex;
  align-items: center;
}
.label-content-text-name {
  font-size: 20px;
  font-weight: bold;
  color: #232323;
  line-height: 20px;
  margin-right: 20px;
}
.label-content-text {
  flex: 1;
}
.label-content-text-main {
  width: 100%;
  margin-top: 10px;
}
.lable-tag {
  color: #fff;
  font-size: 12px;
  min-width: 50px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 15px;
  background: rgba(0, 112, 188, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.lable-tag:hover {
  background-color: #0070bc;
}
.vidoe-tag {
  position: absolute;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 20px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  padding: 0 14px;
  transition: all 0.3s;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vidoe-tag:hover {
  background: rgba(255, 255, 255, 0.2);
}
.vidoe-tag .icon {
  font-size: 12px;
  display: inline-block;
  margin-right: 8px;
  color: #fff;
}

.search-result .community-cn-wrap {
  padding-top: 30px;
}
.search-result-main {
  min-height: 50px;
  background: #ffffff;
  padding: 30px 45px;
  font-size: 16px;
  color: #8d8d8f;
  line-height: 20px;
}
.search-result-val {
  font-weight: bold;
  color: #232323;
}

.search-not-result-hit {
  margin-top: 30px;
  text-align: center;
  border-top: 1px solid #eeeeee;
  padding: 150px 0 110px;
}
.result-hit {
  margin-top: 25px;
  font-size: 14px;
  color: #8d8d8f;
  line-height: 26px;
}
.community-cn-box-line {
  position: relative;
  padding: 80px 0 30px 0;
}
.community-line {
  height: 1px;
  background: #e5e5e5;
}
.recommend-tit {
  font-size: 26px;
  color: #232323;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #f7f7f7;
  width: 34%;
}

.community-cn-detail-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-left{
  flex: 1;
  min-height: 200px;
  background: #fff;
  border-radius: 2px;
  padding: 25px 20px;
  font-size: 14px;
  color: #232323;
  line-height: 24px;
}
.detail-right {
  width: 311px;
  margin-left: 20px;
}
.detail-right > a{
  display: inline-block;
  margin-bottom: 20px;
}
.detail-right .detail-cfg-img .lable-tag:hover{
  background: rgba(0, 112, 188, 0.4);
}
.detail-right img {
  width: 100%;
  max-height: 184px;
}
.detail-recommed {
  background: #ffffff;
  border-radius: 2px;
}
.detail-cfg-list{
  padding: 20px 0 13px;
}
.detail-recommed > h3 {
  font-size: 16px;
  font-weight: bold;
  color: #232323;
  line-height: 20px;
  padding: 20px;
}
.line1pxEEE {
  width: 100%;
  height: 1px;
  background: #eeeeee;
  font-size: 0;
}
.detail-cfg{
  padding-bottom: 15px;
}
.detail-cfg a {
  padding: 0 20px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.detail-cfg-img {
  display: inline-block;
  width: 133px;
  position: relative;
}
.detail-cfg-img img {
  width: 100%;
}
.detail-cfg-img .lable-tag {
  font-size: 12px;
}
.detail-cfg-text {
  flex: 1;
  padding-left: 15px;
}
.detail-right .detail-cfg-text .detail-time{
  display: inline-block;
  margin-top: 5px;
}
.detail-time {
  font-size: 12px;
  color: #8d8d8f;
  line-height: 20px;
}
.detail-cfg-text h3 {
  width: 100%;
  font-size: 14px;
  color: #232323;
  line-height: 24px;
  max-height: 48px;
  font-weight: 400;
}
.detail-recommed-ul {
  padding-bottom: 27px;
  font-size: 14px;
}
.detail-recommed-item a {
  padding: 15px 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.detail-recommed-item a .icon {
  font-size: 12px;
  margin-left: 10px;
  color: #8d8d8f;
}
.detail-recommed-name {
  flex: 1;
}
.detail-left-title {
  font-size: 20px;
  font-weight: bold;
  color: #232323;
  line-height: 26px;
}
.detail-left-title-h3,.tit_one,.new_community_detaile_section_h3  {
  font-size: 16px;
  font-weight: bold;
  color: #232323;
  line-height: 26px;
  margin-top: 15px;
}
.new_community_detaile_section_h3{
    font-size: 14px;
}
.detail-time-box {
  display: flex;
  align-items: center;
  color: #8d8d8f;
  margin-top: 14px;
}
.detail-time-box .detail-time {
  margin-right: 25px;
}
.detail-iframe {
  height: 466px;
}
.detail-left-img img,.detail-left img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.communityV2-header-hinTicon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.communityV2-header-hinTicon li {
  margin: 10px 10px 0 0;
}
.communityV2-header-hinTicon li a {
  display: flex;
  align-items: center;
  background: #ebebf0;
  border-radius: 13px;
  font-size: 13px;
  color: #2d324a;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  padding: 1px 10px 1px 5px;
  transition: all 0.3s;
}
.communityV2-header-hinTicon li a span {
  line-height: 24px;
  font-size: 13px;
  color: #2d324a;
  max-width: 290px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.communityV2-header-hinTicon li a .hinTicon {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2d324a;
  line-height: 18px;
  text-align: center;
  margin-right: 5px;
}
.communityV2-header-hinTicon li a .icon {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  transform: scale(0.83);
}
.communityV2-header-hinTicon li a:hover {
  text-decoration: none;
  background: #e2e2ec;
}

.detail-thanks {
  font-size: 12px;
  color: #8d8d8f;
  line-height: 20px;
}
.detail-temporary {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  border-radius: 15px;
  border: 1px solid #ebebf0;
  padding: 0 20px;
  min-width: 50px;
  font-size: 12px;
  color: #8d8d8f;
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 20px;
}
.detail-temporary .icon {
  margin-right: 5px;
}
.detail-temporary:hover {
  border: 1px solid #232323;
  color: #232323;
}
.detail-temporary.active {
  background: #232323;
  border: 1px solid #232323;
  color: #fff;
}
.detail-share {
  display: flex;
  align-items: center;
}
.community02-details-share {
  position: relative;
  cursor: pointer;
  color: #8d8d8f;
  font-size: 12px;
  transition: all 0.3s;
}
.community02-details-share .icon {
  color: #8d8d8f;
  font-size: 14 px;
}
.community02-details-share > span .icon {
  margin-right: 2px;
}
.community02-details-share:hover,
.community02-details-share:hover > span .icon {
  color: #231916;
}
.community02-details-share:hover .community02-details-share-hover {
  opacity: 1;
}
.community02-details-share-hover {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 9px 0px #ebebeb;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  transition: all 0.3s;
  opacity: 0;
}
.community02-details-share-hover:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0px 0px 9px 0px #ebebeb;
  border-bottom: transparent;
  border-right: transparent;
  z-index: -1;
}
.community02-details-share-hover a.icon {
  margin-right: 10px;
  font-size: 17px;
  color: #8d8d8f;
}
.community02-details-share-hover a.icon:last-child {
  margin-right: 0;
}
.community02-details-share-hover a.wechat {
  font-size: 20px;
}
.community02-details-share-hover a.wechat.active {
  color: #6acd61;
}
.community02-details-share-hover a.sina {
  font-size: 20px;
}
.community02-details-share-hover a.sina.active {
  color: #f29d4b;
}
.community02-details-share-hover a.sqoze {
  font-size: 22px;
}
.community02-details-share-hover a.sqoze.active {
  color: #5abcef;
}
.community02-details-share-hover a.share-copy-url {
  color: #fc6464;
}
.community02-details-share-hover a.share-copy-url.active {
  color: #51c213;
}
.menu_02 dl.breadcrumb a,
.menu_02 dl dt i {
  color: #232323;
}
.menu_02 dl dd.last_no a {
  color: #232323;
  cursor: inherit;
}

.blog_p{
  margin-top: 5px;
  text-align: justify;
}
.blog_p img,.community-cn-detail .detail-left img{
  margin-top: 25px;
  margin-bottom: 25px;
}

/*blog表格样式    start*/
.Cou_container_margin{background:#fff;transition:all .3s;margin: 20px 0;}
.Cou_container_margin:after{content:"";display:block;clear:both;}
.Cou_container_margin:hover{background:#fff;cursor:default;}
.Cou_container_margin a:hover{text-decoration:underline;}
.blog_pages .blog_p{font-size:14px;color:#232323;line-height:24px;text-align:justify;}
.padding_top_none a:hover{text-decoration:underline;}
.blog_table{width:100%;border:1px solid #eee;border-right:none;}
.blog_table tr:first-child th{background:#f7f7f7;padding:5px 10px;text-align:center;font-size:14px;font-weight:500;color:#646466;border:1px solid #e5e5e5;}
.blog_table tr td{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;height:40px;font-size:14px;color:#232323;}
.blog_table tr:last-child td{border-bottom:none;}
.blog_p a,.blog_p a:hover{color:#0060bf;}
.blog_table tr td strong{font-weight: 400;}

.new_community_blog_detail_underline{height:1px;border-bottom:1px solid #eee;margin:20px 0;}
.blog_table,.community02-blog-admin-details table{border-collapse:collapse;}
/*blog表格样式    end*/

@media (max-width: 960px) {
  .box, .content,.community-cn-banner-bg  {
    width: 1450px;
  }
}

.community-cn-nav-slide img{
  width: 100%;
}

/* 2021.06.15新增 */
.detail-cfg-default {
  padding: 15px 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.detail-cfg-default .icon{
  font-size: 12px;
  margin-left: 10px;
  color: #8d8d8f;
}
.detail-cfg .detail-cfg-hover-wrap{
  display: none;
  padding-bottom: 10px;
}
.detail-cfg:last-child .detail-cfg-hover-wrap{
  padding-bottom: 0;
}
.detail-cfg.active .detail-cfg-default-wrap{
  display: none;
}
.detail-cfg.active .detail-cfg-hover-wrap{
  display: block;
}

.community-cn-search .community-cn-search-del {
  right: 46px;
  top: 16px;
}
.community-cn-search .community-cn-search-btn {
  top: 1px;
}


.qrcode-wrap {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #333333;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}


.qrcode-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qrcode {
  width: 240px;
  height: 240px;
  background: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.qrcode img {
  width: 100%;
}

.tips-area {
  margin-top: 100px;
}

.tips {
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #ffffff;
}

.label-main .lable-tag:hover{
  background: rgba(0, 112, 188, 0.4);
}
.community-cn-item-bot a{
  color:#8d8d8f;
}