.container {
  position: relative;
  background: rgba(249, 249, 249, 1);
  padding: 1.47rem 1.3rem;
}

.crumb a {
  color: rgba(153, 153, 153, 1);
}

.crumb a:last-child {
  color: rgba(51, 51, 51, 1);
}

.content {
  /* padding: 0 3.1rem; */
  margin: .58rem auto 0 auto;
  width: 13rem;
}

.content .title {
  font-weight: 400;
  line-height: 1.3;
  color: rgba(51, 51, 51, 1);
  text-align: center;
}

.content .time {
  font-weight: 300;
  line-height: 120%;
  color: rgba(102, 102, 102, 1);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: .16rem;
  margin: .28rem 0 0 0;
}

.content .time img {
  width: .2rem;
  height: .2rem;
}

.content .line {
  margin: .26rem 0 .42rem 0;
  border: 0.01rem solid rgba(236, 236, 236, 1);
}

.content .content_main {}

.content .content_main {
  font-weight: 300;
  /*font-size: .16rem;*/
  line-height: .32rem;
  color: rgba(51, 51, 51, 1);
  text-align: justify;
}

.content .content_main img {
  width: 11.1rem;
  height: auto;
  object-fit: cover;
  border-radius: .14rem;
  margin: .4rem auto;
}

.container .bottom {
  margin: 0 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;

  border-top: .01rem solid rgba(236, 236, 236, 1);
  padding: .3rem 0 0 0;
  margin: .6rem 0 0 0;
}

.container .bottom a {
  display: flex;
  align-items: center;
  gap: .12rem;
  max-width: 50%;
}

.container .bottom a span {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 120%;
  font-size: .2rem;
  color: rgba(153, 153, 153, 1);

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.container .bottom a span:first-child {
  flex-shrink: 0;
}

.container .bottom a:hover span {
  color: rgba(14, 110, 184, 1);
}

.container .bottom a img {
  width: .16rem;
  height: .16rem;
}

.container .bottom a .normal,
.container .bottom a:hover .active {
  display: block;
}

.container .bottom a:hover .normal,
.container .bottom a .active {
  display: none;
}

.container .related {
  margin: 1.2rem 0 0 0;
}

.container .related .title {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 132%;
  color: rgba(51, 51, 51, 1);
}


.container .related .list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 1rem 0 0 0;
}

.container .related .list .item {
  width: 4rem;
}

.container .related .list .item .img_box {
  width: 4rem;
  height: 3.2rem;
  border-radius: .14rem;
  overflow: hidden;
}

.container .related .list .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.container .related .list .item .img_box:hover img {
  transform: scale(1.1);
}

.container .related .list .item .item_info .item_info_top {
  display: flex;
  justify-content: space-between;
  border-bottom: .01rem solid rgba(236, 236, 236, 1);
  padding: .24rem 0 .14rem 0;
  margin: 0 0 .2rem 0;
}

.container .related .list .item .item_info .item_info_top .tag {
  line-height: 130%;
  color: rgba(102, 102, 102, 1);
  font-weight: 350;
  display: flex;
  gap: .06rem;
  align-items: center;
}

.container .related .list .item .item_info .item_info_top .tag strong {
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  background: rgba(14, 110, 184, 1);
  flex-shrink: 0;
}

.container .related .list .item .item_info .item_info_top .time {
  line-height: 130%;
  color: rgba(102, 102, 102, 1);
  font-weight: 300;
}

.container .related .list .item .item_info .title {
  /*line-height: .32rem;*/
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  margin: 0 0 .2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.container .related .list .item:hover .item_info .title {
  color: rgba(14, 110, 184, 1);
}

.container .share {
  position: absolute;
  top: 6.41rem;
  left: 1.3rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .2rem;
}

.container .share span {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 120%;
  color: rgba(51, 51, 51, 1);
}

.container .share .share_item {
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  /*overflow: hidden;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .share .share_item .img {
  width: .2rem;
  height: .2rem;
}

.container .share .share_item:hover {
  background: rgba(0, 64, 152, 1);
}

.container .share .share_item .normal,
.container .share .share_item:hover .active {
  display: block;
}

.container .share .share_item:hover .normal,
.container .share .share_item .active {
  display: none;
}



.container .share .share_item {
    position: relative;
}

.container .share .share_item a {
  border-style: none;
}
.container .share .share_item .social-share-icon.icon-wechat,
.container .share .share_item .social-share-icon.icon-weibo{
  /*display: none !important;*/
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
}

.container .share .share_item a {
  border-style: none;
    border-style: none;
    height: .34rem;
    width: .34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}


.social-share .icon-wechat:before,
.social-share .icon-wechat:after
{
    content: none !important;
}

.social-share .icon-weibo:before,
.social-share .icon-weibo:after
{
    content: none !important;
}


@media (max-width: 767px) {
    .container {
        padding: 1.47rem 20px;
    }
    .content {
        width: 100%;
        margin: 0;
    }
    .content .title {
        font-size: 20px;
    }
    .content .time {
        font-size: 12px;
    }
    .container .share {
        display: none;
    }
    .content .content_main {
        font-size: 14px;
        line-height: 1.5;
    }
    .content .content_main img {
        width: 100%;
    }
    .container .bottom a {
        font-size: 14px;
    }
    
    .container .related .list {
        margin: 40PX 0 0 0;
    }
    .container .related .list {
        justify-content: center;
    }
    .container .related .list .item {
        width: 80.13vw;
    }
    .container .related .list .item .img_box {
        width: 80.13vw;
        height: 52.4vw;
    }
    .container .related .list .item .item_info .title {
        font-size: 16px;
    }
}