*{margin:0;padding:0;}
address,cite,dfn,em,var,i{font-style:normal}
body{font-size:16px;/*line-height:1.5;*/font-family:'Microsoft Yahei','simsun','arial','tahoma';color:#333}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal}

button {
  outline: none;
  border: none;
  background-color: transparent;
}
fieldset,img{border:0}
a,img{-webkit-touch-callout:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
ul,ol,li{list-style:none}
:focus{outline:none}
.clearfix::after{clear:both;content:"";display:block;overflow:hidden;}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
input{background-color:transparent;border:0}
input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s}
.nowrap1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nowrap2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.nowrap3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.nowrap4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.nowrap5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.flex-wrap{display:flex;flex-wrap: wrap}
.flex-col{display:flex;flex-direction:column}
.flex-row{display:flex;flex-direction:row}
.items-center {
  align-items: center;
}
.justify-start{display:flex;justify-content:flex-start}
.justify-center{display:flex;justify-content:center}
.justify-end{display:flex;justify-content:flex-end}
.justify-evenly{display:flex;justify-content:space-evenly}
.justify-around{display:flex;justify-content:space-around}
.justify-between{display:flex;justify-content:space-between}
.align-start{display:flex;align-items:flex-start}
.align-center{display:flex;align-items:center}
.align-end{display:flex;align-items:flex-end}
.css3{
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-property:all;
  transition-property:all;
}
.flex {display: flex;}
.flex-1 {
  flex: 1;
}

.gray-text {
  color: #999;
}

/*  tabs 公共样式  */
.tabs-container {
  background-color: #FAFAFA;
}

.common-tabs {
  padding: 0 10px;
  display: flex;
  align-items: center;
  height: 75px;
  background-color: #eee;
  color: #333;
  font-size: 24px;
}

.common-tabs span {
  position: relative;
  padding: 0 50px;
  cursor: pointer;
}

.common-tabs span:hover {
  color: #DF362F;
}

.common-tabs span.active::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 24px;
  height: 4px;
  background-color: #DF362F;
  border-radius: 2px;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1; /* 设置显示行数 */
  word-break: break-all;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* 设置显示行数 */
  word-break: break-all;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3; /* 设置显示行数 */
  word-break: break-all;
}

.pointer {
  cursor: pointer;
}
/* 报料列表公共样式  */
/* 分享公共样式 */
.share_title {
  text-align: center;
  color:#999;
  margin-bottom:32px;
}
.share a {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 20px !important;
  line-height: 42px !important;
  font-size: 30px !important;
  border:none !important;
  background-size:100% 100% !important;
}
.social-share .icon-wechat .wechat-qrcode h4 {
  display: none !important;
}
.social-share .icon-wechat .wechat-qrcode .help {
  display: none !important;
}
.social-share .icon-wechat .wechat-qrcode.bottom, .social-share .icon-wechat .wechat-qrcode{
  top: 0px !important;
  left: -120px !important;
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.social-share .icon-wechat .wechat-qrcode {
  width: 100px !important;
  height:100px !important;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width:94px !important;
  margin:3px !important;
}
.social-share .icon-wechat .wechat-qrcode .qrcode img {
  width:100% !important;
}
.share a::before {
  display: none !important;
}
.share a.icon-wechat {
  background-image: url('../img/wechat.png') !important;
}
.share a:hover {
  background-size:100% 100% !important;
}
.social-share a.icon-qq {
  background-image: url('../img/qq.png') !important;
}

.social-share a.icon-weibo {
  background-image: url('../img/weibo.png') !important;
}
/* 点赞收藏按钮 */
.hd-box {width: 20%;display: none;justify-content: flex-end;}
.hd-box .hd-btn {background: #BD3530;color: white;padding: 4px;border-radius: 5px;cursor: pointer;width: fit-content;position: relative;width: fit-content;display: inline-flex;transform: unset;margin-left: .3125rem;}
.hd-box .hd-btn.hd-btn-actived {background: #535353;cursor: not-allowed;display: none;}
.hd-box .activity-collect-yes {display: none;}
@media only screen and (max-width:768px){
  .hd-box{display: none;}
}