.article h1{font-size:18px;text-align: center;line-height: 2}
.article iframe {
    width: 100%;
}
.article .content img{min-width: 280px;width: 70%!important;margin: 0 auto!important;padding: 5px 0;display: block;height:auto!important}
.article .content *{font-size: 12pt!important;line-height:22pt!important;margin-bottom: 10px;font-size:300!important}
.article .infos{text-align: center;color: #767676}
.info .col-12{font-size: 14px!important;display: flex}
.info .col-12 a{font-size:14px!important;font-size: 14px !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: calc(100% - 4rem);}


/*************likearticle*************/
.likearticle{border-top:10px #f6f8fa solid}
.likearticle h2{text-align: center;padding-bottom: 10px;position: relative;font-size:18px}
.likearticle h2::before{position: absolute;content: '';width: 5rem;height: 3px;background: #a4ca39;bottom: 0;left: 50%;transform: translateX(-50%);}
.likearticle p{display:-webkit-box;text-overflow: ellipsis;overflow: hidden;margin-bottom: 0;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.likearticle p a{font-size: 10pt!important;line-height: 16pt!important;color: #767676}
.likearticle i{color: #a4ca39}
.likearticle .likes li{position: relative;overflow: hidden;}
.likearticle .likes li .img{width:120px;overflow: hidden;position: relative;padding-top:80px;height:0}
.likearticle .likes li img{width:100%;position:absolute;top:50%;transform:translateY(-50%);height:100%}
.likearticle .likes li .info h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:16px}
.likearticle .likes li .info{width:calc(100% - 140px);position: absolute;right:.25rem;top:10px;height:100%;}
.likearticle .likes li .info span{position: absolute;bottom:15px}
.likearticle .likes a{color: #767676}

/*************articlelist****************/
.country {background: #a4ca39;display: flex}
.country a{display: inline-block;width: 33.333%;text-align: center;border-right: 1px rgba(255, 250, 250, 0.3) solid}
.country a li{letter-spacing: 2px;color: #fff;font-size: 12pt!important;}
.country a:nth-last-child(1){border-right: 0}
.country a .active{position: relative}
.country a .active:before{content: '';position: absolute;bottom: -10px;left: 50%;height: 2px;width: 5rem;background: #ffffff80;transform: translateX(-50%)}
.tag-description h1 {font-size: 20px;}
.container-fluid.tag *{font-size: 14px;padding-left: 0 !important;padding-right: 0 !important;}


.country li:nth-last-child(1){border-right: 0!important;}
.country a{color: #fff}
.company{text-align: center}
.company .col-3{padding-bottom: .3rem}
.company img{width: 40px;display: inline-block;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);border-radius: 11px}
.company h3{font-size: 10pt!important;line-height:2}
article{background: #f6f8fa}
article>ul>li{background: #fff;border-radius: 5px;padding: 10px}
.articlelist>ul>li{position: relative;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px rgba(112, 128, 144, 0.2) solid;box-shadow: 1px 2px 3px rgba(118, 118, 118, 0.1)}
.articlelist>ul>li:last-child{border-bottom: 0;margin-bottom: 0}
.articlelist>ul>li .img{width: 55%;position: relative;padding-top:33%;overflow: hidden;border-radius: 5px}
.articlelist>ul>li img{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.articlelist>ul>li .infos{width: calc(100% - 55% - 20px);position: absolute;left: calc(55% + 10px);top: 10px;height:calc(100% - 20px)}
.articlelist>ul>li .infos p{color:#6e6e6e}
.articlelist>ul>li .infos h3{color: #454545}
.articlelist>ul>li .infos span{color:#8e9094}
.articlelist>ul>li .infos span:nth-of-type(odd){position: absolute;left: 0;bottom: 0}
.articlelist>ul>li .infos span:nth-of-type(even){position: absolute;right: 0;bottom: 0}
  .articlelist>ul>li .infos h3{font-size:16px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:0;line-height: 26px}
    .articlelist>ul>li .infos p{font-size:12px;overflow: hidden;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .articlelist>ul>li .infos span{font-size:12px}

.pagelist{text-align: center;padding:1rem 0;background:#f6f8fa}
.pagelist .a1{color: #767676!important;}
.pagelist a{padding:3px 8px;background:#fff;margin-right:5px;color:#767676!important;display:inline-block;border-radius:5px;box-shadow:1px 1px 2px rgba(118, 118, 118, 0.1)}
.pagelist b{padding:3px 8px;background:#a4ca39;margin-right:5px;color:#fff;display:inline-block;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.1);font-size:12px}
.pagelist li{display:inline-block}
.pagelist li.on {background:#fff;padding: 2px 5px;border-radius: 5px;box-shadow: 1px 1px 2px rgba(118, 118, 118, 0.1);}
.article video{width:100%}
.pre.row .col-12 a{font-size:12pt!important}
.pre .col-12 {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;line-height:2.5}