*{margin: 0;padding: 0;list-style: none;}
.pc-body{background: rgba(247.35, 247.35, 247.35, 1);padding-top: 40px;font-size: 15px;color: rgba(36, 36, 36, 1);}


.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {zoom: 1;}
.fl{float: left;}
.fr{float: right;}

img{display: block;}
#App{width: 100%;}
.fw{font-weight: bold;}
.color-gray{ color:rgba(128, 128, 128, 1);}
.main-container{width: 1120px;margin: 0 auto;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position: relative;}
.mb8{margin-bottom: 8px;}
.ft25{font-size: 25px;}
.mb40{margin-bottom: 40px;}
.mb15{margin-bottom: 15px;}
.flex{display: flex;}
.jusc-sp{justify-content: space-around;}
.ac{align-items: center;}
.text-l{text-align: left;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.text-eil{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-eil2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.color-blue{color: #1F78FF;}
.cur{cursor: pointer;}
.mt20{margin-top: 20px;}
.jus-sb{justify-content: space-between;}
.just-c{justify-content: center;}
.flex-wrap{flex-wrap: wrap;}
.ml5{margin-left: 5px;}
.ml25{margin-left:25px;}
.mr20{margin-right: 20px;}
.mt12{margin-top: 12px;}
.ft14{font-size: 14px;}
.ft13{font-size: 13px;}
.ft18{font-size: 18px;}
.mt40{margin-top: 40px;}
.mb{margin-bottom: 24px;}
.z-index-1th{z-index:999;}
.pos-rela{position: relative;}
.mr10{margin-right: 10px;}
.mb5{margin-bottom: 5px;}
.pl5{padding-left: 5px;}
[v-cloak] {display: none;}
.dis-inline{display: inline-block;}
.pl7{padding-left: 7px;}
.pl8{padding-left: 8px;}
.pt7{padding-top: 7px;}
.hei50{height: 50px;}
a{ text-decoration:none !important;color: #1F78FF;}
.aimg{width: 14px;height: 14px;}
.ball-mr{margin-right: 47px;}

/* PC */
.header{width: 1120px;height:160px ;background: url(../img/headerBg.png);position: relative;color: #fff;}
.header-center-text{width: 100%;text-align: center;padding-top: 45px;}
.header-center-text .title{font-size: 30px;font-weight: bold;font-family: HarmonyOS Sans SC;margin-bottom: 18px;}
.header-center-text .date{font-size: 15px;font-family: HarmonyOS Sans SC;}
.header-code{width: 88px;height: 88px;font-size: 14px;position: absolute;right: 36px;top: 28px;}
.header-code .padding-box{padding: 4px;box-sizing: border-box;background-color: #fff;text-align: center;margin-bottom: 8px;}
.header-code .padding-box img {width: 80px;height: 80px;}
.line-height-center23{height:23px;line-height: 23px;}
.emo-fu{width: 34px;height: 20px;border: 1px solid #ED2424;line-height: 20px;text-align: center;color: #ED2424;}
.emo-zheng{width: 34px;height: 20px;border: 1px solid #1F78FF;line-height: 20px;text-align: center;color: #1F78FF;}
.emo-zhong{width: 34px;height: 20px;border: 1px solid #FF9D0A;line-height: 20px;text-align: center;color: #FF9D0A;}
.liqu{
  border: 2px solid #1F78FF;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  width: 140px;height: 140px;
  background: url(https://saas-pubsentiment-docs.oss-cn-hangzhou.aliyuncs.com/yq_report_new/event/static/img/liqubg.png) no-repeat;
  background-size: 140px 140px;
}
.wenzi{
  position: absolute;
  width: 140px;
  top:40px;
}
.wenzi p{
  font-size: 15px;
  text-align: center;
}
.wenzi p span{
  font-size: 30px;
  font-weight: bold;
}

.main-box{box-sizing: border-box;padding:40px 50px 80px;background-color: #fff;}
.type-block{margin-bottom: 72px;width: 100%;}
.block-title{background: url(../img/titleTi.png)no-repeat;height: 31px;color: #fff;box-sizing: border-box;padding-left: 10px;line-height: 31px;margin-bottom: 40px;font-size: 18px;}
.block-title .title-text{color: rgba(36, 36, 36, 1);font-size: 18px;font-weight: bold;width: 964px;border-bottom:1px solid #EBEBEB ;height: 31px;line-height: 31px;}
 .normal-text{margin-bottom: 16px;}
 .normal-text .fu-title{min-width: 75px;font-weight: bold;}
 .chuanbo-box{width: 100%;padding-left: 32px;}
  .chuanbo-series img  {width: 32px;height: 32px;margin-bottom: 16px;margin: 0 auto 20px;}
  .chuanbo-series {text-align: center;width: 20%;height: 120px;padding-top: 20px;}
.content-text{font-size: 15px;}
.mediaTable th,td{height: 44px;text-align: left;text-align: center;}
.mediaTable th{background-color: rgb(247,247,247);}
.bor-col{background-color: rgb(247,247,247);}

.even-mailuo {font-size: 13px;margin-bottom: 8px;}
.even-mailuo .mailuo-left{width: 130px;position: relative;}
.even-mailuo .mailuo-left .date{margin-bottom: 8px;height: 30px;line-height: 30px;}
.even-mailuo .mailuo-left .start-time{width: 72px;height: 26px;line-height: 26px;text-align: center;background-color:#82C860;color: #Fff;border-radius: 10px 0 10px 10px;position: absolute;right: 0;}
.even-mailuo .mailuo-center{margin: 0 16px;}
.even-mailuo .mailuo-center .circle{width: 13px;height: 13px;border: 3px solid rgba(99, 149, 250, 1);border-radius: 50%;margin-bottom: 8px;}
.even-mailuo .mailuo-center .solid-line{height: 55px;border: 1px solid rgba(204, 204, 204, 1);width: 0px;}
.even-mailuo .mailuo-center .dashed-line{height: 55px;border: 1px dashed rgba(204, 204, 204, 1);width: 0px;}
.even-mailuo .mailuo-right{width: 774px;}
.even-mailuo .mailuo-right .title{height: 30px;line-height: 30px;background: rgba(247.35, 247.35, 247.35, 1);padding-left: 8px;margin-bottom: 8px;}
.even-mailuo .mailuo-right .source{margin: 0 16px;}

.hot-word .left-table{width:264px;height:280px;overflow: auto;}
.hotTable{border-collapse:collapse;}
.hotTable th{height: 40px;background-color: rgb(247,247,247);}
.hotTable td{height: 40px;text-align: center;}

.mediaComment-block{}
.mediaComment{width: 500px;height: 114px;border: 1px solid rgba(235, 235, 235, 1);border-radius: 4px;box-sizing: border-box;padding: 20px;}
.media{height: 20px;width: 20px;border-radius: 50%;}
.media img{height: 20px;width: 20px;border-radius: 50%;display: block;}
.media2{height: 20px;width: 20px;background: url(../img/media2.png)no-repeat 50% 50%;background-color: #3CA272;border-radius: 50%;}
.media3{height: 20px;width: 20px;background: url(../img/media3.png)no-repeat 50% 50%;background-color: #5D7092;border-radius: 50%;}
.media4{height: 20px;width: 20px;background: url(../img/media4.png)no-repeat 50% 50%;background-color: #9960B5;border-radius: 50%;}
.media5{height: 20px;width: 20px;background: url(../img/media5.png)no-repeat 50% 50%;background-color: #5470C6;border-radius: 50%;}
.media6{height: 20px;width: 20px;background: url(../img/media6.png)no-repeat 50% 50%;background-color: #AD5A9D;border-radius: 50%;}
.media7{height: 20px;width: 20px;background: url(../img/media7.png)no-repeat 50% 50%;background-color: #C24E4E;border-radius: 50%;}
.media8{height: 20px;width: 20px;background: url(../img/media8.png)no-repeat 50% 50%;border-radius: 50%;}
.media9{height: 20px;width: 20px;background: url(../img/media9.png)no-repeat 50% 50%;border-radius: 50%;}
.media10{height: 20px;width: 20px;background: url(../img/media10.png)no-repeat 50% 50%;border-radius: 50%;}
.media11{height: 20px;width: 20px;background: url(../img/media11.png)no-repeat 50% 50%;background-color: #757E92;border-radius: 50%;}
.media12{height: 20px;width: 20px;background: url(../img/media12.png)no-repeat 50% 50%;border-radius: 50%;}
.mediaComment-block .mediaComment .title .title-left .text{color:#242424;font-size: 16px;width: 200px;}
.mediaComment-block .mediaComment .title .title-left img{width: 20px;height: 20px;border-radius: 100%;}
.mediaComment-block .mediaComment .content{width: 460px;}

.nav{width: 100px;position: fixed;top: 40px;left: 20px;border-left: 1px solid #ddd;}
.nav-item{height: 30px;width: 100px;text-align: right;line-height: 30px;cursor: pointer;box-sizing: border-box;margin-bottom: 10px;}
.nav-active{border-left: 5px solid #1F78FF;color: #1F78FF;}

.downTips{position: fixed;right: 0;top: 40px;width: 40px;height: 111px;background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);border-radius: 4px, 0px, 0px, 4px;text-align: center;}
.downTips img {width: 20px;height: 24px;margin: 12px auto;}

.backToTop{position:fixed;width:40px;height:57px;right: 0;bottom: 20%;background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);border-radius: 4px, 0px, 0px, 4px;box-sizing: border-box;text-align: center;font-size: 13px;color: #242424;padding-top: 12px;}
.backToTop img{margin: 0 auto;}

.commentPop{position: fixed;top:0;bottom:0;background-color:#Fff;width:500px;right:-44%;color: #333;box-sizing: border-box;padding: 20px;}
.popTransition{transition: all 1s;}
.commentPop .item{margin-bottom: 30px;}

.commentPopSmall{width: 50%;height: 500px;background-color: #Fff;position: absolute;right: 0;top: 40px;padding: 20px;box-sizing: border-box;overflow:auto}
.smallComment-title{color: #333;padding-left: 20px;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
.small-comment-first-line{border-bottom: 1px solid #ddd;height: 30px;line-height: 30px;}
.small-comment-item{border-bottom: 1px solid #ddd;padding: 5px 10px;height: 50px;}
.small-comment-item-left img{width: 35px;height: 35px;border-radius: 50%;}
.small-comment-text:hover{color: #1F78FF;}

/* mobile */
body{color: #242424;}
.fs02{font-size:0.26rem;}
.fs22{font-size:0.22rem;}
.fs24{font-size:0.24rem;}
.mb02{margin-bottom: 0.2rem;}
.mb03{margin-bottom: 0.3rem;}
.mb04{margin-bottom: 0.4rem;}
.mr02{margin-right: 0.2rem;}
.mr01{margin-right: 0.1rem;}
.bg-gray{background: rgba(247, 247, 247, 1);}
.closeIcon{font-size: 0.5rem;}
.bb-gray{border-bottom: 1px solid #ddd;}

.mobile-header{background:url(../mobileImg/headerBg.png)no-repeat; position: relative;color:#fff;width: 100%;height: 2.2rem;background-size: cover;text-align: center;box-sizing: border-box;padding-top: 0.6rem;}
.mobile-header .title{font-size: 0.44rem;text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);margin-bottom: 0.22rem;}
.mobile-header .date{text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);font-size: 0.2px;}


.mobile-main-container{box-sizing: border-box;padding: 0 0.3rem 1.51rem;}
.mobile-type-block{margin-top: 0.73rem;font-size: 0.26rem;}
.mobile-type-block .m-title{background: url(../img/titleTi.png)no-repeat;color:#fff;font-size: 0.34rem;padding-left: 0.15rem;height: 0.7rem;line-height: 0.6rem;margin-bottom: 0.43rem;}
.m-title-text{color: #242424;font-size: 0.34rem;font-weight: bold;margin-left: 0.5rem;}
.m-text{color: #242424;font-size: 0.34rem;font-weight: bold;height: 0.35rem;line-height: 0.35rem;}

.m-normal-text{margin: 0.4rem 0 0.3rem;}
.m-normal-text .title{color: #242424;font-size: 0.28rem;margin-bottom: 0.15rem;}
.m-normal-text .text{color: #666;font-size: 0.28rem;line-height:0.42rem;}
.m-chuanbo-series{width: 50%;font-size: 0.2rem;height: 2rem;}
.m-chuanbo-series img{width: 0.4rem;height: 0.41rem;margin:0.48rem auto 0.2rem;}
.m-chuanbo-series .seriesText1{margin-bottom: 0.1rem;}
.chuanboNum{font-size: 0.3rem;}
.mobile-type-block-text{margin-bottom: 0.4rem;font-size: 0.28rem;}
.firstMedia{width: 100%;box-sizing: border-box;}
.firstMedia-item{width: 100%;height: 1.8rem;background: #fff;border: 1px solid rgba(235, 235, 235, 1);border-radius: 6px;margin: 0.2rem auto;box-sizing: border-box;padding: 0.31rem 0.2rem;}
.mobileLink{width: 0.3rem;height: 0.3rem;}
.emo-fu{width: 34px;height: 20px;border: 1px solid #ED2424;line-height: 20px;text-align: center;color: #ED2424;}
.emo-zheng{width: 34px;height: 20px;border: 1px solid #1F78FF;line-height: 20px;text-align: center;color: #1F78FF;}
.emo-zhong{width: 34px;height: 20px;border: 1px solid #FF9D0A;line-height: 20px;text-align: center;color: #FF9D0A;}
.shu{margin: 0 0.1rem;}

.mobile-event-mailuo{width: 100%;}
.mobile-mailuo-left{width: 20%;font-size: 0.22rem;}
.mobile-mailuo-center{width: 10%;}
.mobile-mailuo-right{width: 70%;font-size: 0.26rem;}
.mobile-start-time{width: 1.2rem;height: 0.4rem;line-height: 0.4rem;text-align: center;background-color:#82C860;color: #Fff;border-radius: 10px 0 10px 10px;position: absolute;right: 0;}

.mobile-circle{width: 0.26rem;height: 0.26rem;border: 2px solid rgba(99, 149, 250, 1);border-radius: 50%;margin:0 auto;}
.mobile-solid-line{height: 1.1rem;border: 1px solid rgba(204, 204, 204, 1);width: 0px;margin: 0.16rem auto;}
.mobile-dashed-line{height: 1.1rem;border: 1px dashed rgba(204, 204, 204, 1);width: 0px;margin: 0.16rem auto;}
.mobile-mailuo-right .right-title{background-color: #F7F7F7;box-sizing: border-box;padding:0 0.1rem;}

.mobile-hot-table{width: 100%;overflow: auto;height: 1.6rem;}
.mobile-hot-table .hot-td{width:1.1rem;flex-shrink:0;color: #242424;height:0.75rem;border:1px solid rgba(235, 235, 235, 1);text-align: center;line-height: 0.75rem;}

.mobile-mediaComment{width:100%;height: 2.28rem;background: rgba(255, 255, 255, 1);border: 1px solid rgba(235, 235, 235, 1);box-sizing: border-box;padding: 0.35rem 0.26rem;}

.mobile-commentPop{position: fixed; bottom: -70%;left:0;right:0;background-color:#Fff;color: #333;box-sizing: border-box;padding:20px;height:70%;}
.mobile-popTransition{transition: all 1s;}
.mobile-small-comment-item{height:1.3rem}
.mobile-mediaComment img{width: 0.28rem !important;height: 0.28rem !important;border-radius: 100% !important;display: block;position: relative;top:2px;}
.mobile-small-img{width: 0.9rem;height: 0.9rem;border-radius: 50%;}
.mobile-smallComment-title{font-size: 0.34rem;}


.mobile-emoFu{width: 0.7rem;height: 0.4rem;border: 1px solid #ED2424;line-height: 0.4rem;text-align: center;color: #ED2424;border-radius: 2px;font-size: 0.22rem;}
.mobile-emoZheng{width: 0.7rem;height: 0.4rem;border: 1px solid #1F78FF;line-height: 0.4rem;text-align: center;color: #1F78FF;border-radius: 2px;font-size: 0.22rem;}
.mobile-emoZhong{width: 0.7rem;height: 0.4rem;border: 1px solid #FF9D0A;line-height: 0.4rem;text-align: center;color: #FF9D0A;border-radius: 2px;font-size: 0.22rem;}