.container {
  position: relative;
  display: flex;
}

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

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

.container .left {
  padding: 1.2rem .9rem 1.2rem 1.3rem;
  background: rgba(249, 249, 249, 1);
  position: sticky;
  top: 0;
  height: 100vh;
}

.container .left .p_label {
  line-height: 180%;
  margin: .85rem 0 0 0;
}

.container .left .line {
  border: .01rem solid rgba(222, 222, 222, 1);
  margin: .6rem 0 .56rem 0;
}

.container .left .info span:first-child {
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(102, 102, 102, 1);
  margin: 0 .15rem 0 0;
}

.container .left .info span:last-child {
  font-weight: 500;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(14, 110, 184, 1);
}

.container .right {
  width: 11.6rem;
  padding: 2.24rem 1.3rem 1.2rem .9rem;
  flex-shrink: 0;
}

.container .right .content {
  padding: 0 0 1.1rem 0;
}

.container .right .content img {
  width: 100%;
  height: auto;
  border-radius: .2rem;
}

.container .right .content h3 {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 180%;
  color: rgba(51, 51, 51, 1);
  margin: .3rem 0 0 0;
  font-size: .24rem;
}

.container .right .content {
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 180%;
  font-size: .2rem;
  color: rgba(51, 51, 51, 1);
  margin: .3rem 0 0 0;
}

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

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

.container .right .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 .right .bottom a span:first-child {
  flex-shrink: 0;
}

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

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

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

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


@media (max-width: 767px) {
    .container {
        flex-direction: column;
    }
    .container .left {
        padding: 80px 20px 20px 20px;
        height: auto;
    }
    .container .left .p_label {
        margin: 0;
    }
    .container .left .line {
        border-style: none;
    }
    .container .right {
        width: 100%;
        padding: 40px 20px;
    }
    .container .right .content {
        font-size: 14px;
    }
    .container .right .bottom a span {
        font-size: 13px;
    }
    
}