.all-tags-wrap{padding-top: 120px;padding-bottom: 120px;}
  /*.all-tags-wrap-in{height: 780px;}*/
  .ptags-wrap, .stags-wrap{height: 100%;background: #f4f4f4;border-radius: 10px;min-height: 970px;}
  .ptags-wrap{width: 200px;overflow: hidden;}
  .stags-wrap{width: 970px;background: #fafafa;}


.spanList{ 
    font-family: PingFang-SC-Medium;
    font-size: 0.30rem;
    color: #3f3f3f; 
    text-align: center;
    line-height: 1.2rem;
    display:inline-block;
    position: relative;
    letter-spacing: 0.005rem;
    font-weight: 400;
}
.tags-btn a.active {
    color: #fff;
    position: relative;
    font-weight: bold;
    background: #8ad037;
}
.context{
    width: 100%;
    float: left;
}
.tags-con { 
    display:none; 
    padding: 30px 14px;
}
.tags-con a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #333;
    margin: 12px;
    width: 206px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}
.tags-btn a {
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-align: left;
    padding: 0 21px;
    border-bottom: 1px solid #efeeee;
}