.listen-box-img{
  cursor:pointer;
  width:clamp(15px,2.3vw,23px);
}
.font-box,.listen-box{
  cursor:pointer;
  position:relative;
  margin-left:clamp( 5px,1.3vw,13px );
}
.share-list-box{
  cursor:pointer;
  position:relative;
  margin-left:clamp( 5px,1.3vw,13px );
  display:none;
}
.share-icon{
  width:clamp( 10px,1.8vw,18px );
}
.font-box-img{
  width:clamp( 20px,2.7vw,27px );
}
.font-box-title{
  font-size: clamp(14px,2vw,20px);
  color: #999999;
  margin-left:3px;
}
.share-box-title{
  font-size: clamp(14px,2vw,20px);
  color: #e20413;
  margin-left:3px;
}
.font-box-show{
  transition:0.5s;
  transform:translateX(-50%) scaleX(0) scaleY(0);
  transform-origin:50% 0;
  position:absolute;
  left:50%;
  top:100%;
  width:clamp( 50px,6.4vw,64px );
}
.font-box:hover .font-box-show{
  transform:translateX(-50%) scaleX(1) scaleY(1);
}
.listen-box:hover .font-box-show{
  transform:translateX(-50%) scaleX(1) scaleY(1);
}
.font-box-show-up{
  width:clamp( 5px,1.8vw,18px );
  position:relative;
  z-index:99;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:-1px;
}
.font-box-show-list{
  position:relative;
  z-index:10;
  background-color: #ffffff;
  border: solid 1px #999999;
  width:100%;
}
.font-box-show-list-unit{
  text-align:center;
  font-size: clamp(14px,2vw,16px);
  color: #999999;
  transition:0.5s;
  background-color: rgba(0,0,0,0);
}
.font-box-show-list-unit-active,.font-box-show-list-unit:hover{
  color:#ffffff;
  background-color: #e2010f;
}
.content-title-tag-right-icon{
  width:clamp(10px,1.4vw,14px);
}
/*.content-title-tag-right{
  font-size: clamp(10px,1.6vw,16px);
}*/
.content-title-fixed{
  position:fixed;
  left:0;
  width:100%;
  background-color:#ffffff;
  z-index:80;
  display:none;
}
.content-title{
  padding:clamp( 10px,2vw,20px ) 0 clamp( 10px,3vw,30px );
  position:relative;
  z-index:60;
}
.content-title-father-list{
  display:flex;
}
.content-title-father-list-unit{
  color: #999999;
  display: flex;
  font-size:clamp(12px,1.8vw,18px);
  line-height:clamp(12px,1.8vw,18px);
}
.content-title-father-list-unit-title{
  flex:none;
  color: #999999;
  font-size:clamp(12px,1.8vw,14px);
}
/*.content-title-father-list-unit:last-of-type .content-title-father-list-unit-title{
  color: #e20414;
}*/
.content-title-text{
  font-size: clamp(24px,4vw,40px);
  margin-top:13px;
  font-weight:normal;
}
.content-subtitle-text{
  font-size: clamp(20px,3.2vw,32px);
  font-weight:normal;
  color: #555555;
}
.content-title-tag-box{
  margin-top:clamp( 10px,1.8vw,18px );
  padding-bottom:clamp(10px,1.9vw,19px);
  border-bottom:2px solid #b6b6b6;
}
.content-title-tag-left{
  margin-right:9px;
  display:block;
  color: #e20413;
  padding:0 5px;
  border-radius: 6px;
  border: solid 1px #e20413;
  line-height:clamp(14px,2vw,20px);
}
.content-title-tag-left,.content-title-tag-right .story-list-unit-bottom-time{
  font-size: clamp(10px,1.6vw,16px);
}

.content-title-tag-right .story-list-unit-bottom-time{
  color: #999999;
  margin-left:3px;
}
.share-list-box-show{
  transition:0.5s;
  transform:translateX(-50%) scaleX(0) scaleY(0);
  transform-origin:50% 0;
  position:absolute;
  left:50%;
  top:100%;
  width:clamp(30px,5.4vw,54px);
}
.share-list-box-show-up{
  width:clamp( 5px,1.8vw,18px );
  margin-bottom:-1px;
  margin-left:auto;
  margin-right:auto;
}
.share-list{
  background:#d61f1d;
}
.share-list-box:hover .share-list-box-show{
  transform:translateX(-50%) scaleX(1) scaleY(1);
}
.share-list-unit{
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:0.5s;
  background:#d61f1d;
  position:relative;
  z-index:10;
}
.share-list-unit.wx{
  z-index:99;
}
.share-list-unit svg{
  height:20px;
  color:#ffffff;
  flex:none;
  position:relative;
  transition:0.5s;
}
.share-list-unit:hover svg{
  /*color:#fcc724;*/
}
.share-list-unit:hover{
  background: #ae030e;
}
.share-list-box .share-weixin-box{
  padding:5px;
  position:absolute;
  transform:scaleX(0) scaleY(0) translateY(-50%);
  transform-origin:100% 0;
  transition:0.5s;
  left:unset;
  right:100%;
  top:50%;
  background:#ad030c;
  border-radius: 5px;
  /*transform:scaleX(1) scaleY(1) translateY(-50%);*/
  opacity: 0;
}
.share-list-box .weixin-qrcode{
  padding: 3px;
  background: #ffffff;
}
.share-list-box .share-list-unit:hover .share-weixin-box{
  transform:scaleX(1) scaleY(1) translateY(-50%);
  opacity: 1;
}
.share-list-box .weixin-qrcode img{
  width:100px;
  position:relative;
  z-index:10;
}
.share-list-box .qrCodeIco{
  position:absolute;
  left:50%;
  top:50%;
  z-index:99;
  transform:translateX(-50%) translateY(-50%);
  width:18%;
}
@media (max-width:576px){
  .content-title-father-list-unit-title{
    font-size: clamp(1px, 3.47vw, 20px);
  }
  .content-title-text{
    font-size: clamp(1px, 7.5vw, 30px);
  }
  .content-subtitle-text{
    font-size: clamp(1px, 4.73vw, 24px);
  }
  .content-title-tag-left{
    line-height: clamp(1px, 3.4vw, 18px);
  }
  .content-title-tag-left, .content-title-tag-right .story-list-unit-bottom-time{
    font-size: clamp(1px, 3vw, 14px);
  }
  .share-list-box{
    display:block;
  }
}